@charset "UTF-8";
/* CSS Document */

/************* General Styles ***************/

html{height:100.01%;}

body{text-align:left; font-family:arial; font-size: 62.5%; line-height:1.3em; background-color:#eaeaea;}

#wrapper{width:100%;}

.page{width:940px; margin:0 auto;}

#white{width:966px; margin:0 auto; background:#ffffff;}


/************* Header ***************/

#header{width:940px; margin:0 auto; padding:0 0 10px 0;}

	#header img{float:left; margin:20px 0 0 0;}

#header_left{width:700px; float:right;}

#header_left form{
	margin:0px;
	padding:0px;
	text-align:right;
	
}

	#header_left ul{float:right; margin:10px 0 0 0;}
	#header_left ul li{float:left; display:inline-block; font-size:12px; margin:0 0 0 20px;}
	#header_left ul li a{color:#09F; text-decoration:none;}
	#header_left ul li a span{color:#666;}
	#header_left ul li a:hover{text-decoration:underline;}
	
	#header_left img#advert{float:right; margin:10px 0 10px 0;}
	
	#header_left p{float:right; color:#666666; font-size:12px; width:700px; position:relative;}

#breadcrumbs{float:left; width:940px; margin:-10px 0 0 0;}
#breadcrumbs ul{float:left; margin:0px 0 0 20px;}
#breadcrumbs ul li{float:left; margin:0 20px 0 0; font-size:13px; color:#000000; font-weight:bold;}
#breadcrumbs ul li span{color:#ff0000;}
#breadcrumbs ul li a{font-size:13px; color:#000000; padding:0 15px 0 0;}
#breadcrumbs ul li a:hover{text-decoration:none;}


/************* Navigation ***************/

#nav{width:940px; background:url('../images/nav_bg.png') repeat-x top #3b3b3b; margin:0 auto 0 auto; padding:5px 0 5px 0; z-index:10; position:relative;}

#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px; margin:0 10px 0 10px;}
#menu li a {display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 10px 0 10px; moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
#menu li span {display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 10px 0 10px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#3b3b3b; background-color:#fff;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#3b3b3b; background:#fff;}
#menu li:hover > a.sub {color:#3b3b3b; background-color:#fff;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {}

#menu :hover ul {left:0; top:30px; width:120px; background:#444; z-index:10; position:absolute;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:10;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:180px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; z-index:10; position:relative;}
#menu :hover ul li a {width:180px; padding:0; text-indent:10px; background:#fff; color:#3b3b3b; height:30px; line-height:30px; moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; z-index:10; position:relative;}

#menu :hover ul :hover {background-color:#165b9f; color:#fff; z-index:10; position:relative;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#165b9f; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#165b9f; color:#fff;}


/************* Slider ***************/

#slider2{width:940px; margin:0 auto 0 auto;}




/************* Content ***************/

#content{padding:0 0 20px 0; z-index:0; position:relative;}

#content_left{width:692px; float:left; margin:10px 0 0 0;}

#searchbar{margin:10px 0 0 0;}

.search{
	width:226px;
	background:#cccccc;
	border:#999999 solid 1px;
	padding:5px 0px 5px 3px;
	font-size:12px;
}
.submit{
	width:110px;
	background:#cccccc;
	border:#999999 solid 1px;
	padding:5px 0px 5px 0;
	font-size:12px;
	cursor:pointer;
	margin:0 0 0 10px;
}
.submit:hover{
	background:#999999;
	color:#ffffff;
}



#videos{width:672px; background:url('../images/pattern_2.png') repeat; margin:10px 0 0 0; padding:10px;}

.video_row{width:670px; border:#c1c1c1 solid 1px; margin:10px 0 20px 0; background:url('../images/bg_videos.png') repeat-x top #e2e2e2;}

	li.video{width:670px; float:left;}
	li.video a{width:120px; height:180px; border:#c1c1c1 solid 1px; padding:6px 6px 0 6px; display:inline-block; background:url('../images/bg_video_hover.gif') no-repeat bottom right; text-decoration:none; color:#666666; position:relative; float:left;}
	li.video a img{border:#ffffff solid 3px;}
	li.video a strong{color:#0099ff; font-size:13px; line-height:1.3em; margin:4px 0 0 0;}
	li.video a span{line-height:1.3em; color:#000000;}
	
	li.video a:hover{background-position:left bottom; color:#ffffff;}
	li.video a:hover span{color:#ffffff;}
	li.video a:hover strong{color:#ffffff;}


#content_right{width:218px; float:right; padding:0px; margin:10px 0 0 0;}

	#content_right h1.heading{background:#ffffff; font-family:arial; font-size:14px; padding:6px;}
	

#holidays{margin:10px 0 0 0; background:#ffffff;}

	#holidays a{border:#c1c1c1 solid 1px; background:#ffffff; color:#000000; text-decoration:none; display:block; padding:6px; font-size:13px; float:left; line-height:1.3em; width:204px;}
	#holidays a img{border:#c1c1c1 solid 3px; margin:4px 5px 0 0; float:left;}
	#holidays a em{color:#d50000; font-style:normal; font-weight:bold;}
	#holidays a span{font-size:15px; margin:10px 0 0 0; float:left; width:90px;}
	#holidays a strong{font-size:22px; margin:5px 0 0 0; float:left; color:#d50000; font-weight:bold;}

	#holidays a.special{border:#c1c1c1 solid 1px; color:#000000; text-decoration:none; display:block; padding:6px; font-size:15px; float:left; line-height:1.3em; width:204px; font-weight:bold;}



/************* Article ***************/

#info{width:692px; z-index:1; position:relative;}

h1.title{margin:10px 0 3px 0;}
.banner{width:692px; background:#ffffff; text-align:left; margin:0 0 10px 0;}
.banner p{text-align:left; margin:10px 0 10px 0;}

#movie{float:left; margin:0 15px 0 0; position:relative; z-index:1;}
#player{position:relative; z-index:1;}

p#vid_info{margin:3px 0 0 0; padding:4px; background:#cccccc;}
p#vid_info strong{font-weight:bold;}

	#info h2, #info_big h2{font-weight:bold; font-size:16px;}
	
	
#related_images{width:692px; position:relative; z-index:200;}
	#related_images img{float:left; border:#cccccc solid 1px; padding:2px; background:#ffffff; position:relative; cursor:pointer; z-index:350;}

	
	#related_images .holder{width:114px; float:left; margin:0 5px 0 17px; display:inline;}
	

#info_big{margin:20px 0 0 0;}

.operator{border-bottom:#c1c1c1 dashed 1px; padding:5px 0 5px 0;}
.operator a{text-decoration:none;}
.operator a img{float:left; border:#c1c1c1 solid 3px; margin:0px 5px 0 0;}

.operator a em{color:#d50000; font-style:normal; font-weight:bold;}
.operator p{margin:0 0 0 0;}


/************* Footer ***************/

#footer{width:940px; background:url('../images/nav_bg.png') repeat-x top #3b3b3b; margin:0 auto 0 auto; padding:10px 0 20px 0;}

	#footer ul{float:left; margin:0 0 0 10px;}
	#footer ul li{float:left; margin:0 20px 0 0;}
	#footer ul li a{color:#ffffff; text-decoration:none; font-size:12px;}
	#footer ul li a:hover{text-decoration:underline;}

#footer_share{margin:0 0 10px 10px;}


/************* Text Styles ***************/

p{line-height:1.3em; color:#000000; font-size:13px; margin:0 0 20px 0;}

h1{color:#ff0000; line-height:1.3em;}

h2{color:#0099ff; font-size:16px; line-height:1.3em; margin:0 0 20px 0; font-weight:bold;}


/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}