@import url('/static/hr/shared/css/networkHeader.css');

/* START: SHARED & GLOBAL STYLES */

body {
	background: #0072F2 url(../img/bg.gif) no-repeat center bottom;
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 12px;
}

#graphic_content {
	background: transparent url(../img/bg_top.jpg) no-repeat center 30px;
	min-height: 840px;
	overflow: visible;
}

.clear {
	clear: both;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #ff0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: tahoma;
	color: #0033A6;
	clear: both;
	margin: 0;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h2 a, h3 a {
	color: #fff;
}

h2 a:hover, h3 a:hover {
	color: #ff0;
}

/* END:   SHARED & GLOBAL STYLES */
/* START: MAIN LAYOUT */

#networkHeader {
	position: absolute; 
	width: 100%;
	top: 0pt; 
	left: 0pt;
	background:#000000;
	color: #fff;
	height: 25px;
	padding-top: 12px;
}

* html #networkHeader {
	width: expression(document.body.clientWidth);
	z-index: 2;
}

#container {
	margin: 0 auto;
	width: 990px;
	overflow: auto;
}

#top {
	padding: 0;
}

#content {
	width: 990px;
}

#content #main_content {
	float: left;
	width: 610px;
	margin-right: 20px;
}

#content #small_content {
	float: left;
	width: 360px;
}

/* END:   MAIN LAYOUT */
/* START: BOXES */
/* START: HEADER */

#header, #siteHeader {
	background: url(../img/header.gif) no-repeat left top;
	width: 950px;
	height: 157px;
	padding: 0 20px;
	margin-top: 30px;
}

* html #header, * html #siteHeader {
	position: relative;
	top: 30px;
	z-index: 1;
}

#siteHeader .floatLeft {
	float: left;
	height: 90px;
	margin-left: 8px;
	margin-top: 22px;
	width: 157px;
}

#siteHeader .floatRight {
	float:right;
	height: 90px;
	margin-right: 15px;
	margin-top: 24px;
	width: 728px;
}

#siteHeader .floatLeft img {
	border: none;
}

#header .logo {
	width: 212px;
	float: left;
	text-align: center;
	margin: 20px 0;
}

#header .logo img {
	border: 0;
}

#header .banner {
	float: right;
	height: 90px;
	margin: 20px 8px 0 0;
	width: 728px;
}

/* END:   HEADER */
/* START: NAVIGATION */

#navigation {
	width: 990px;
	height: 64px;
}

.navigation {
	width: 990px;
	height: 64px;
}

#navigation .content {
	background: url(../img/menu.gif) no-repeat left top;
	width: 990px;
	height: 64px;
}

#navigation ul {
	list-style-type: none;
	float: left;
	margin: 12px 34px;
	padding: 0;
}

#navigation li {
	float: left;
	background: url(../img/bullet.gif) no-repeat left 6px;
	padding: 0 8px 0 16px;
}

#navigation li:first-child {
	background: none;
}

#navigation a {
	font-family: tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#navigation a:hover {
	color: #ff0;
}

/* END:    NAVIGATION */
/* START:  FEATURED CONTENT*/

#promo_content {
	margin: 10px 0;
}
#featured_content{
	background: url(../img/featured.gif) no-repeat left top;
}

#flash_content {
	background: url(../img/featured0.gif) no-repeat left top;
} 

#top_video_player_container {
	background: url(../img/featured_video.gif) no-repeat left top;
}

#featured_content, #flash_content {
	position:relative;
	top: -10px;
	float: left;
	width: 990px;
	height: 490px;
}

#top_video_player_container {
	position:relative;
	top: -10px;
	float: left;
	width: 990px;
	height: 630px;
}

#top_video_player_container #top_video_player {
	height: 510px;
	margin: 70px 0 20px 60px;
	width: 870px;
}

#flash_content #flash_content_swf {
	margin-top: 40px
}

#featured_content .player {
	position: relative;
	top: 90px;
	width: 420px;
	height: 336px;
	margin: 0 auto;
	z-index: 20;
}

#featured_content .featured_left {
	position: absolute;
	width: 290px;
	height: 436px;
	top: 40px;
	left: 0;
	z-index: 30;
}

#featured_content .featured_right {
	position: absolute;
	width: 280px;
	height: 436px;
	top: 40px;
	left: 710px;
	z-index: 10;
}

#featured_interactive_display {
	background: transparent url(../img/featured_game.gif) no-repeat scroll left -6px;
	height: 410px;
	width: 700px;
	position: absolute;
  	top: -36px;
  	left: 0px;
}

/* END: FEATURED CONTENT*/
/* END:   TOP */
/* START: CENTRAL */
/* START: MAIN NEWS */
/* START CENTRAL VIDEO PLAYER */

#central_video_player_container {
	background: transparent url(../img/mainnews_video.gif) no-repeat scroll right top;
	float: left;
	height: 450px;
	width: 610px;
}

#central_video_player {
	height: 350px;
	margin: 50px 0 0 50px;
	width: 500px;
}

/* END CENTRAL VIDEO PLAYER */
/* START: Main box */

#main_content .main_box {
	background: url(../img/mainnews.gif) no-repeat top right;
	float: left;
	width: 610px;
	height: 267px;
}

#main_content .main_box a {
	color: #0033A6;
}

#main_content .main_box a:hover {
	color: #e3005a;
}

#main_content .main_box .date {
	font-size: 11px;
	color: #636363;
}

#main_content .main_box .image {
	float: left;
	margin: 31px 0 0 30px;
}

#main_content .main_box .image img {
	border: 1px solid #fff;
}

#main_content .main_box .text {
	float: left;
	width: 225px;
	padding: 10px;
	margin: 25px 0 0 0;
}

#main_content .main_box h2 {
	font-size: 20px;
}

#main_content .other_box {
	background: url(../img/othernews.gif) no-repeat top right;
	float: left;
	width: 610px;
	height: 210px;
}

#main_content .other_box .other_box_content {
	margin: 40px 0 0 10px;
	width: 600px;
}

#main_content .other_box .other_box_content .news {
	width: 114px;
	float: left;
	margin-left: 61px;
}

#main_content .other_box .other_box_content .news .image {
	float: left;
}

#main_content .other_box .other_box_content .news .image img {
	border: 1px solid #fff;
}

#main_content .other_box .other_box_content .news .text {
	float: left;
	padding: 10px 0;
	text-align: left;
	width: 94px;
}

#main_content .other_box .text h2 {
	font-family: tahoma;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

#main_content .other_box .text h2 a {
	color: #fff;
}

#main_content .other_box .text h2 a:hover {
	color: #ff0;
}

.date {
	font-size: 11px;
	color: #636363;
}

/* END: Main box */
/* END:   MAIN NEWS */
/* START: ARTICLE */

.article .primary, .simple .simple_primary {
	background: url(../img/article_primary.gif) no-repeat top left;
	height: 44px;
}

.article .secondary, .simple .simple_secondary {
	background: url(../img/article_secondary.gif) no-repeat top left;
	clear: both;
	height: 37px;
	float: left;
	width: 610px;
}

.article .content, .simple .simple_content {
	background: url(../img/article_content.gif) repeat-y top left;
	float: left;
	padding: 0 40px;
} 
.article .content {
	width:530px;
}

.simple .simple_content {
	width: 526px;
}

.article .content .picture {
	float: left;
	margin: 0 10px 10px 0;
}

.article_text p a, .article_summary p a, .simple_content a, .simple a, .small_box a {
	color: #0033A6;
}

.article_text p a:hover, .article_summary p a:hover, .simple_content a:hover, .simple a:hover, .small_box a:hover {
	color: #E3005A;
	text-decoration: underline;
}

/* END: ARTICLE*/
/* START: STATIC */

.simple .simple_content h1 {
	display: none;
}

/* END: STATIC */
/* END:   CENTRAL */
/* START: RIGHT */
/* START: SQUARE BANNER */

#small_content .banner {
	background: url(../img/banner.gif) no-repeat top right;
	width: 300px;
	height: 250px;
	padding: 50px 30px 30px 30px;
}

#small_content .banner #div_banner_M {
	width: 300px;
	height: 250px;
}

/* END: SQUARE BANNER */
/* END:   RIGHT */
/* END:   TOP */
/* START: BOTTOM */
/* START: FOOTER */
/* START: Basic Footer */

#footer {
	float: right;
	margin: 510px 0 8px;
}

#footer .primary, #footer .secondary {
	display: none;
}

#footer .content {
	clear: both;
	float: right;
}

/* END: Basic Footer */
/* START: Text definitions */

#footer .content .footer_text, #footer .content .footer_text a {
	color: #fff;
}

#footer .content .footer_text a:hover {
	color: #00F4FF;
}

#footer ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer li {
	float: left;
	padding: 0 4px 0 4px;
}


#footer .copyrights {
	float: left;
	color: #fff;
	margin: 3px 0 0 100px;
}

/* END: Text definitions */
/* END:   FOOTER */
/* END:   BOTTOM */
/* END:   BOXES */
/*START ie6fixes*/

* html .simple .simple_content, * html .article .content {
	padding: 0 40px;
}

* html #main_content .main_box .image {
	float: left;
	margin: 31px 0 0 15px;
}

* html #main_content .other_box .other_box_content .news {
	padding-left: 61px;
	margin-left: 0;
}

* html #main_content .other_box .other_box_content {
	margin: 40px 0 0 10px;
}

* html #featured_content .player {
	top: 90px;
}

* html #featured_content .featured_left {
	left:0;
}

* html #footer {
	margin: 510px 0 0;
}

.small_box .primary{
	background: url(../img/smallbox_prim.gif) no-repeat top right;
	
}
.small_box .primary h1{
	padding-top:45px;
	padding-left:33px;
	padding-bottom:10px;
	color:#FFF;
}
.small_box .secondary{
	background: url(../img/smallbox_sec.gif) no-repeat top right;
	height:45px;
}
.small_box .content{
	background: url(../img/smallbox_cont.gif) repeat-y top right;
	padding:0 30px 0 30px;
}
.small_box .summary img{
	float:left;
	margin:5px;
	border:1px solid #FFFFFF;
}
.small_box .summary p{
	margin:0;
}

/* START Share */

#share {
	clear: both;
	width: 530px;
	background:transparent url(../img/article_content.gif) repeat-y scroll left top;
	padding: 10px 40px 1px;
}

#share .headopen {
	width: 530px;
	margin-bottom:5px;
}

#share .headopen h3 {
	font-size:16px;
	font-weight:bold;
	padding:4px 0 3px;
	border-bottom: 2px solid #0033A6;
}

#share .contentBox li a {
	color:#0033A6;
}

#share .contentBox li a:hover {
	color:#E3005A;
	text-decoration:underline;
}

#share .contentBox {
	margin:0;
	width:282px;
	clear:both;
}

#share .contentBox ul {
	width: 530px;
	padding: 0;
	margin: 0;
}

#share .contentBox li {
	display:block;
	float:left;
	font-size:11px;
	margin:0 10px 5px 0;
	white-space:nowrap;
}

* html #share .contentBox li {
	width: 30px
}


#share .contentBox li.blog a {
	background:transparent url(/static/hr/shared/img/buttons/blog.gif) no-repeat scroll 0 5px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.newsvine a {
	background:transparent url(/static/hr/shared/img/buttons/newsvine.gif) no-repeat scroll 0 3px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.reddit a {
	background:transparent url(/static/hr/shared/img/buttons/reddit.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.stumbleupon a {
	background:transparent url(/static/hr/shared/img/buttons/stumbleupon.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.google a {
	background:transparent url(/static/hr/shared/img/buttons/google.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 26px;
}

#share .contentBox li.facebook a {
	background:transparent url(/static/hr/shared/img/buttons/facebook.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.furl a {
	background:transparent url(/static/hr/shared/img/buttons/furl.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.myspace a {
	background:transparent url(/static/hr/shared/img/buttons/myspace.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.delicious a {
	background:transparent url(/static/hr/shared/img/buttons/delicious.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.yahoo a {
	background:transparent url(/static/hr/shared/img/buttons/yahoo.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 30px;
}

#share .contentBox li.digg a {
	background:transparent url(/static/hr/shared/img/buttons/digg.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

#share .contentBox li.twitter a {
	background:transparent url(/static/hr/shared/img/buttons/twitter.gif) no-repeat scroll 0 4px;
	display:block;
	height:23px;
	padding:8px 0 0 28px;
}

/* END Share */