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

/*---------------------------Genrael Clases---------------------------------------*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#090201;
	background:url(../images/bg.jpg) repeat-x;
	margin-bottom:14px;

}

* {
	margin: 0px;
	padding: 0px;
}

.fl{
	float:left;
}

.fr{
	float:right;
}
.clr{
	clear:both;
}

ul,li{
	list-style:none;
}

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

a:hover{
	text-decoration: none;
}

/*---------------------------Layout Content Clases---------------------------------*/

#Layout{                /*------------------------For Page Main Width------------------------------------*/
	width:850px;
	margin:auto;
	margin-top:14px;
	
}


#Top{
	height:223px;
	position: relative;
	background: url(../images/top.jpg) no-repeat;
}

#Logo{
position:absolute;
left:45px;
top:22px;
width:100px;
height:138px;
}

#TopContent{
position:absolute;
right:10px;
top:10px;
border:#330066 solid 1px;
}
#Nav{
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../images/navbg.gif) repeat-x;
	height:46px;
	width:100%;
	overflow:hidden;
}
#Nav ul{
	height:46px;
}
#Nav ul li{
	float:left;
	height:46px;
		padding:0 17px;
	background:url(../images/sep.gif) no-repeat right top;
}
#Nav ul li a{
	color:#000000;
	height:46px;
	line-height:46px;
	font-weight:bold;
}
#Nav ul li a:hover,
#Nav ul li.selected a{
text-decoration:none;
color:#111986;
}
#Nav ul li.last{
background:none;
}
#Content{
padding:5px;
background:#FFFFFF;
margin:0 1px;
}
#Content h2,
#Content .MiddleCol h3{
	font-weight: normal;
	color: #080403;
	padding-bottom: 4px;
	font-size: 24px;
	margin-bottom: 5px;
}
#Content h2 span,
#Content .MiddleCol h3 span{
color:#111986;
}
#Content .MiddleCol h3{
font-size:18px;
}
#Content .LeftSide{
	float: left;
	width: 162px;
	padding-top: 0px;
}
.BlueBox{
background:url(../images/index1_30.gif) repeat-y;
margin-bottom:10px;
}
.BlueBox h3{
background:url(../images/bg_3.gif) no-repeat top left;
height:41px;
padding:0 6px;
padding-right:0px;
display:block;
line-height:39px;
font-size:16px;
color:#fff;
font-weight:normal;
}
.BlueBox .BlueBoxBody{
background:url(../images/index1_35.gif)  no-repeat bottom;;
padding:10px 10px;

}

.BulitList li{
background:url(../images/index1_22.gif) no-repeat ;
background-position:0 3px;
padding-left:15px;
margin-bottom:5px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:8px;
border-bottom:#000000 dotted 1px;
margin-bottom:5px;

}
.BulitList li a{
color:#111986;
font-weight:bold;
}
.LightBlueBox{
background:url(../images/light-blue-bg.gif) repeat-y;
margin-bottom:10px;
}
.LightBlueBox h3{
background:url(../images/index1_15.gif) no-repeat top left;
height:41px;
padding:0 15px;
display:block;
padding-right:0px;
line-height:39px;
font-size:18px;
color:#fff;
font-weight:normal;
}
.LightBlueBox .BlueBoxBody{
background:url(../images/light-blue-bottom.gif)  no-repeat bottom;;
padding:10px 15px;

}
.LightBlueBox p{
margin-bottom:7px;
font-family:Arial, Helvetica, sans-serif
}
.LightBlueBox .MoviesThum{
margin-bottom:10px;
font-size:0px;
}
.more{
	text-align: right;
	border-right-color: #000080;
}
.more a{
background:url(../images/index1_81.gif) no-repeat left center;
padding-left:10px;
font-size:11px;
font-weight:bold;
color:#111986;
}
.NewsList li{
margin-bottom:5px;
padding-bottom:8px;
border-bottom:#000000 dotted 1px;
margin-bottom:5px;

}
.NewsList li a{
color:#111986;
}
.NewsList h4{
font-size:12px;
margin-bottom:3px;
}

#Content .MiddleCol{
	width: 518px;
	float: left;
	padding-left: 10px;
	border-right-color: #FFFFFF;
	background-image: url(../images/bg_mitten4.jpg);
}
#Content .MiddleCol_sub{
	width: 510px;
	float: left;
	padding-left: 25px;
	height: auto;
	padding-top: 25px;
}
.welcomeBox{
margin-bottom:10px;
}
.welcomeBox p{
margin-bottom:10px;
}
.PlayerDiv{
margin-bottom:10px;
}
.Player{
	float:left;
	width:338px;
}
.Embed{
	font-size:0px;
	margin-bottom:8px;
}
.Player p{
margin-bottom:8px;
}
.Player .date{
color:red;
font-style:italic;
font-size:11px;
position:relative;
left:4px;
}
.PlayList{
	width: 178px;
	float: right;
}
.PlayListBody{
	padding:10px;
	border:#E5E5E5 solid 1px;
	margin-bottom:10px;
}
.PlayList img{
	border:0px;
}
.PlayList li{
	border-bottom:#E5E5E5 dotted 1px;
	padding-bottom:11px;
	margin-bottom:11px;
}
.PlayList li.last{
border:none;
margin-bottom:0px;
padding-bottom:0px;
}

.ScrolLeft{
	float:left;
	width:42px;
	overflow:hidden;
	height:145px;
}
.ScrolArea{
}
.ScrolRight{
	float:left;
	overflow:hidden;
	width:23px;
	height:145px;
}
.ScrolArea{
	width: 468px;
	float: left;
	overflow: hidden;
	height: 145px;
	background: url(../images/index1_65.gif) repeat-x;
}
.ScrolArea ul{
	width: 1200px;
	padding-top: 24px;
}
.ScrolArea li{
	float: left;
	margin-right: 23px;
}
.ScrolArea li img{
border:none;
border:#ABACAE solid 1px;
margin-bottom:5px;
}
.ScrolArea li a{
color:#111986;
font-size:11px;
}
.ScrolDiv h3{
	margin: 0 1px 0 px;
}
.ScrolDiv{
margin-bottom:10px;
}

.MoviBox li{
	background: url(../images/movi-box.jpg) no-repeat;
	overflow:hidden;
	float:left;
	height:193px;
	width:257px;
}
.MoviBox li.last{
	float:left;
}
.MoviBody{
padding:12px;
}

.MoviBox li h4{
font-size:18px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-bottom:10px;
}
.MoviBox li .MoviThum{
margin-bottom:10px;
font-size:0px;
}
.MoviBox li p{
margin-bottom:8px;
}



.LightBlueBox h3.movies{
font-size:14px;
font-weight:bold;
}
.LightBlueBox h3.movies span{
font-size:11px;
font-weight:normal;

}
#Content .RightSide{
	float: right;
	width: 142px;
	padding-top: 10px;
	border:#DADADA solid 1px;
	margin-bottom:10px;
}
#Content .RightSide .add{
background:#FFFFFF;
padding:4px;
font-size:0px;
border:#DADADA solid 1px;
margin-bottom:10px;
}

#Footer{
background: url(../images/footer.gif) no-repeat left top;
color:#131B89;
text-align:left;
height:36px;
line-height:36px;
padding:0 20px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.listHeading{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.listHeading a{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}
.listHeading a:hover{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.listContent{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}