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

html, body{
	padding:0;
	margin:0;
	font-family:Tahoma,Arial,Sans-serif;
	font-size:11px;
	color:#333;
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#0A648F;
	
}

a{color:#6c8ae6;}

.clear{clear:both;}

.float-left {
	float:left;
	margin-right:5px;
}
.float-right {
	float:right;
	margin-left:5px;
}

#mainContainer{
	width:1000px;
	padding:0;
	margin:0 auto;
	
}

#mainHeader{
	background:url(../images/header_bg.png) no-repeat center bottom #fff;
	width:960px;
	padding:0 20px;
	padding-bottom:20px;
	text-align:right;
	float:left;

}

#mainHeader h1{width:200px; float:left; margin:0; padding:0;}

#headerMenu{
	display:inline;
	float:right;
	padding:0 20px;
}

#headerMenu .menu{
	background-color:#788ccb;
	color:#fff;
	padding:8px;
	width:220px;
}

#headerMenu ul{list-style:none; margin:0; padding:0;}
#headerMenu li{
	display:inline; 
	padding:10px;
	margin:0;
	border-right:1px solid #fff;

}
#headerMenu li.end{border-right:0;}
#headerMenu a{color:#fff; text-decoration:none;}

#headerMenu .handle{
	background-color:#bcc5e5;
	color:#fff;
	padding:8px;
	margin-right:10px;
	float:right;
	display:block;	
}

#mainMenu{
	background-color:#788ccb;
	border-bottom:10px solid #9bafec;
	width:960px;
	padding:0 20px;
	float:left;
}

#mainMenu ul{list-style:none; margin:0; padding:0;}
#mainMenu li{
	display:inline;
	padding:14px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	border-right:1px solid #a2b8c3;
	border-left:1px solid #6e84b4;
	float:left;
}
#mainMenu li.start{border-left:0;}
#mainMenu li.end{border-right:0;}
#mainMenu li:hover{background-color:#a1afdb;}
#mainMenu li.selected{background-color:#a1afdb;}

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

#mainBody{
	width:960px;
	padding:0 20px;
	margin-bottom:20px;
	float:left;
	background:#fff;

}

.row{width:100%; margin-bottom:20px; clear:both;}

#col1{width:470px; margin-top:20px; margin-right:20px; float:left;}
#col2{width:470px; float:left;}
#col2a{width:240px; margin-right:20px; float:left;}
#col2b, #col2bInside{width:210px; float:left;}

#colInside{width:730px; margin-right:20px; float:left; font-size:110%;}
#breadcrumb{display:block; color:#666; font-size:90%;}
#colInside h2{margin:15px 0 3px 0; padding:0 10px; color:#25bee4;}
#colInside h1{
	background-color:#25bee4;
	color:#fff;
	padding:8px 10px;
	margin:0;
}
#colInside p{padding-left:10px; padding-right:10px;}

#colInside .paging{text-align:right;}
ul.subSection{
	list-style:none;
	width:230px; 
	float:right; 
	padding:0;
	margin:10px;
	border:1px solid #25bee4;
}

ul.subSection li{
	display:block;
	padding:5px;
	border-bottom:1px dotted #ccc;
}

ul.subSection li.title{
	font-size:120%; 
	font-weight:bold; 
	background:#25bee4;
	color:#fff;
}

ul.subSection li:hover{background:#ccc;}
ul.subSection li.title:hover{}

ul.listing{list-style:none; margin:10px 0; padding:0; width:100%;}
ul.listing li{
	display:block;
	padding:5px 5px 10px 5px;
	margin-bottom:5px;
	border-bottom:1px dashed #a2b8c3;
}
ul.listing li:hover{background:#ecf9fb;}

ul.listing p{margin:0; padding:0;}
ul.listing .date{font-size:90%; color:#999;}
ul.listing .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	color:#25bee4;
	padding:0;
	margin:0 0 5px 0;
}
ul.listing .thumb{margin:0 7px 3px 0; float:left;}

/* col1 content  */
#galleryHome{background-color:#d0e48b; width:460px; padding:5px; margin-bottom:20px; float:left;}
#galleryHome p{padding:0; margin:0;}

#newsHome, #yiupdatesHome{width:470px; margin-bottom:10px; clear:both;}
#newsHome .header, #yiupdatesHome .header{
	background-color:#25bee4;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:bold;
	width:450px;
	padding:10px;
	clear:both;
}
#newsHome ul, #yiupdatesHome ul{width:450px; padding:0 10px; clear:both;}
#newsHome li, #yiupdatesHome li{display:block; margin-bottom:10px;}

#newsHome .date, #yiupdatesHome .date{
	background-color:#ddd;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	text-align:center;
	width:40px;
	padding:5px;
	float:left;
}
#newsHome span.month, #yiupdatesHome span.month{font-size:60%;}

#newsHome .content, #yiupdatesHome .content{
	background-color:#eee;
	color:#666;
	width:380px;
	padding:8px 10px;
	float:left;
}

#newsHome .content:hover, #yiupdatesHome .content:hover{
	background-color:#d4effc;
	
}

#newsHome h4, #yiupdatesHome h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	color:#333;
	padding:0;
	margin:0 0 5px 0;
}
#newsHome p, #yiupdatesHome p{margin:0; padding:0;}
#newsHome .thumb, #yiupdatesHome .thumb{margin:0 7px 3px 0; float:left; width:80px;}

/* col2 content  */
#subscription{
	width:440px;
	padding:10px 15px;
	margin-bottom:20px;
	background:#8ca5de url(../images/subscription_bg.png) bottom center repeat-x;	
	clear:both;
}

#subscription h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%; 
	font-weight:bold; 
	color:#566eb8; 
	display:block; 
	padding:0; 
	margin:0 0 3px 0;
}

#subscription form{
	width:82%;
	padding:0;
	margin:0;
	float:left;
}

#subscription input{background-color:#788ccb; color:#fff; padding:3px; border:0; display:inline; float:left;}
#subscription .btn{padding:0; margin:0; display:inline; float:right;}

/* col2a content  */
#eventCalendar{
	background-color:#eee;
	width:226px;
	padding:7px;
	margin-bottom:20px;
	text-align:center;
	clear:both;
}

#whatYouSay{width:240px; margin-bottom:20px; clear:both;}
#whatYouSay .header{
	background-color:#e49125;
	color:#fff;
	width:220px; 
	padding:7px 10px;
	font-size:160%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#whatYouSay p{padding:0; margin:8px 0; text-align:center;}
#whatYouSay .border{border:3px solid #ededed;}

#youthInMedia{width:240px; margin-bottom:20px; clear:both;}
#youthInMedia .header{
	background-color:#e4254d;
	color:#fff;
	width:220px; 
	padding:7px 10px;
	font-size:160%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#youthInMedia p{padding:0; margin:8px 10px;}
#youthInMedia .title{
	color:#e63459; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:150%;
	font-weight:bold;
	margin:8px 10px 0 10px;
}
#youthInMedia .author{color:#e63459; font-size:110%; font-weight:bold; margin:0 10px 5px 10px;}


#photoGallery{width:240px; margin-bottom:20px; clear:both;}
#photoGallery .header{
	background-color:#F66;
	color:#fff;
	width:220px; 
	padding:7px 10px;
	font-size:160%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#photoGallery p{padding:0; margin:8px 10px;}
#photoGallery .title{
	color:#e63459; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:150%;
	font-weight:bold;
	margin:8px 10px 0 10px;
}
#photoGallery .author{color:#e63459; font-size:110%; font-weight:bold; margin:0 10px 5px 10px;}



/* col2b content  */
div.advertisementCol2b{
	width:204px;
	height:250px;
	overflow:hidden; 
	background-color:#eee;
	border:3px solid #f7e7d8;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
}

#poll{width:210px; margin-bottom:20px; clear:both;}
#poll .header{
	background-color:#d9e425;
	color:#fff;
	width:190px; 
	padding:7px 10px;
	font-size:160%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#poll form{width:190px; padding:7px 10px 0 10px; clear:both;}
#poll .question{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;
	font-weight:bold;
	color:#b7c10e;
	padding:0;
	margin:4px 0;
}
#poll .option{font-size:120%; font-weight:bold;}
#poll .btn{padding-left:22px;}

#publications{width:210px; margin-bottom:20px; clear:both;}
#publications .header{
	background-color:#d15dd5;
	color:#fff;
	width:195px; 
	padding:7px 5px 7px 10px;
	font-size:160%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#publications .footer{
	color:#d15dd5;
	background-color:#f5d7f7;
	padding:5px 0;
	text-align:center;
}
#publications strong{font-size:120%;}

/** row 2 **/
#bottomBanners{
	width:730px;
	margin-top:10px;
	margin-right:20px;
	float:left;
}

#bottomBanners ul{list-style:none; padding:0; margin:0;}
#bottomBanners li{
	display:inline; 
	width:210px; 
	float:left; 
	margin-right:18px;
	text-align:center;
	vertical-align:middle;
	border:3px solid #f2eec4;
	min-height:240px;
}
#bottomBanners li.secondLast{margin-right:3px;}
#bottomBanners li.action{width:auto; margin-right:3px; border:0;}
#bottomBanners li.last{margin:0;}

#adCol{
	width:210px;
	float:left;
}

#adCol p{display:block; width:100%; text-align:center;}

#mainFooter{
	background-color:#336699;
	color:#d2dbf6;
	width:920px;
	padding:0 20px;
	margin-top:40px;
	margin-bottom:30px;
	text-align:center;
	float:left;
}

#mainFooter ul{list-style:none; width:100%; text-align:center;}
#mainFooter li{display:inline; padding:5px 10px; border-right:1px solid #fff;}
#mainFooter li.last{border:0;}

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