@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style-type:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
img{border:0;}
body{background-image:url(../images/youthrepresent/youthbg.jpg);}
a{text-decoration:none;}
.cleardiv{clear:both;}
a.pinkLink{color:#F12232; text-decoration:underline;}
a.darkLink{color:#000; text-decoration:none;}
a.newsLink{color:#000; text-decoration:underline; float:right;}
a.newsLink u{font-size:90%;}
input{font-size: 11px;font-weight: normal;color: #000000;text-decoration: none;}
input#searchtext{width:180px; border:#67A9D3 solid 1px;}
input.button{text-align:center; vertical-align:middle; font-size:0.8em; color:#FFF; font-weight:bold; width:auto; border:#4787B6 solid 1px; background:url(../images/youthrepresent/buttonBg.gif); background-repeat:repeat-x; cursor:pointer;}
p{clear:both;margin:10px 0 10px 0;}
.NotHome{display:none;}

#container{width:1000px; overflow:hidden; margin:0 auto;}
#header{position:relative; width:100%; background-image:url(../images/youthrepresent/menuLogoBg.gif); background-repeat:no-repeat; height:150px;}
	#logo{position:absolute; top:45px; left:10px; width:300px; height:40px; overflow:hidden;}
	
	#searchbox{position:absolute; top:60px; right:20px; width:380px; height:25px; line-height:25px; text-align:right; overflow:hidden; }
	#links{position:absolute; top:60px; right:320px; width:280px; height:25px; line-height:25px; text-align:right; overflow:hidden;}
	#links ul li{display:block; float:left; margin-right:10px;}
	#links a{color:#336699; font-size:90%; font-weight:bold;}
	#links a:hover{text-decoration:underline;}
	
	#menu2{position:absolute; top:98px; width:1000px; height:50px; background-image:url(../images/youthrepresent/menuButtonLight.gif); display:none;}
	#menu{position:absolute; top:98px; width:100%; height:50px;}
	#menu ul li{display:block; height:50px; float:left; line-height:50px; position:relative;}
	
	/*MENU IMAGE SCROLLING START*/
	.MenuCell img.lightImage{display:none;}
	/*.MenuCell{display:block; }
	.MenuCell img.lightImage,div.bodyDiv01,div.bodyDiv02,div.bodyDiv03,div.bodyDiv04,div.bodyDiv05,div.bodyDiv06{display:none;}
	
	.MenuCell:hover{background:none;}
	.MenuCell:hover img.lightImage{display:block;}
	.MenuCell:hover div.bodyDiv01,.MenuCell:hover div.bodyDiv02,.MenuCell:hover div.bodyDiv03,.MenuCell:hover div.bodyDiv04,.MenuCell:hover div.bodyDiv05,.MenuCell:hover div.bodyDiv06{display:block; position:absolute;}
	.MenuCell:hover div.bodyDiv01{height:200px; width:292px; top:58px; left:31px;}
	.MenuCell:hover div.bodyDiv02{height:148px; width:565px; top:191px; left:-124px;}
	.MenuCell:hover div.bodyDiv03{height:188px; width:416px; top:329px; right:18px!important; right:17px;}
	.MenuCell:hover div.bodyDiv04{height:126px; width:264px; top:64px; right:70px!important; right:69px;}
	.MenuCell:hover div.bodyDiv05{height:216px; width:230px; top:321px; right:123px!important; right:122px;}
	.MenuCell:hover div.bodyDiv06{height:269px; width:346px; top:71px; right:58px!important; right:57px;}	
	.MenuCell:hover img.greyButton{display:none;}*/
	/*MENU IMAGE SCROLLING END*/

#body{width:100%; height:590px;}
.defaultBody{background-image:url(../images/youthrepresent/bodyBg.gif); background-repeat:no-repeat;}
.lightBody{background-image:url(../images/youthrepresent/bodyBgLight.gif); background-repeat:no-repeat;}
	
	/*IMAGE SCROLLING BOX START*/
	#imageBox{position:relative;}
	.ImgBox{display:block;}
	
	.ImgBox div{display:block; position:absolute; cursor:pointer;}
	.ImgBox .LightBox01 img, .ImgBox .LightBox02 img, .ImgBox .LightBox03 img, .ImgBox .LightBox04 img, .ImgBox .LightBox05 img, .ImgBox .LightBox06 img{display:none;}
	/*.ImgBox div img{display:none;}*/
	
	.ImgBox .LightBox01{left:31px; top:6px; height:200px; width:292px;}
	.ImgBox .LightBox02{left:36px; top:139px; height:148px; width:565px;}
	.ImgBox .LightBox03{left:61px; top:277px; height:188px; width:416px;}
	.ImgBox .LightBox04{left:326px; top:12px; height:126px; width:264px;}
	.ImgBox .LightBox05{left:472px; top:269px; height:216px; width:230px;}
	.ImgBox .LightBox06{left:596px; top:19px; height:269px; width:346px;}
	/*.ImgBox:hover{background:none;}
	.ImgBox:hover div img{display:block;}
	
	.ImgBox .LightBox001, .ImgBox .LightBox002, .ImgBox .LightBox003, .ImgBox .LightBox004, .ImgBox .LightBox005, .ImgBox .LightBox006{display:none;}	
	.ImgBox .LightBox001{left:0px; top:-52px; height:50px; width:160px;}
	.ImgBox .LightBox002{left:160px; top:-52px; height:50px; width:170px;}
	.ImgBox .LightBox003{left:330px; top:-52px; height:50px; width:165px;}
	.ImgBox .LightBox004{left:495px; top:-52px; height:50px; width:165px;}
	.ImgBox .LightBox005{left:660px; top:-52px; height:50px; width:165px;}
	.ImgBox .LightBox006{left:825px; top:-52px; height:50px; width:175px;}
	
	.ImgBox:hover .LightBox001, .ImgBox:hover .LightBox002, .ImgBox:hover .LightBox003, .ImgBox:hover .LightBox004, .ImgBox:hover .LightBox005, .ImgBox:hover .LightBox006{display:block;}*/
	/*IMAGE SCROLLING BOX END*/
	
	.class-folder .attribute-header{position:relative; top:465px; left:60px;}
	#descriptionBox{position:relative; height:110px; width:590px; overflow:hidden; left:60px; top:457px; line-height:20px; color:#333333;}
	
	#newsBox{position:relative; width:200px; height:176px; right:88px; top:195px; float:right; overflow:hidden; color:#222; font-size:80%;}
	/*#newsBox p{margin:10px 0 0 0; }*/
	#newsBox p{margin:2px 0 2px 0;}
	#newsBox .rightText{float:right;}
	#newsBox a{font-weight:bold; color:#000; text-decoration:none;}
	
	/*SITE MAPS*/
	.content-view-sitemap{background:#FFFFFF; height:550px; padding:20px;}
	.content-view-sitemap .attribute-header h1{font-size:18px; color:#67A9D3;}
	.siteTr{margin:5px 0 5px 0; clear:both;}
	.siteTd{float:left; width:300px;}
	.siteTd h2,.siteTd h2 a{font-size:14px; color:#67A9D3;}
	.siteTd ul{margin:10px;}
	.siteTd ul li,.siteTd ul li a{color:#67A9D3; font-weight:bold;}
	/*SITE MAPS*/
	
	/*SITE MAPS*/
	.content-view-subscribe{background:#FFFFFF; height:550px; padding:20px;}
	.content-view-subscribe .attribute-header h1{font-size:18px;}
	/*SITE MAPS*/
	
	
#footer{position:relative; width:100%; background-repeat:no-repeat; height:160px;}
	.footClass{background-image:url(../images/youthrepresent/footBgOn.gif);}
	.footClassDefault{background-image:url(../images/youthrepresent/footBg.gif);}
	#bottomLeft{position:absolute; width:680px; height:45px; left:58px; top:7px; line-height:45px; padding-left:10px;}
		#bottomLeft ul li{display:inline; margin-right:20px; height:45px; float:left; line-height:45px;}
		#bottomLeft ul li a{color:#9C9C9C; font-weight:bold;font-size:80%;}
		#bottomLeft ul li.on a,#bottomLeft ul li.on a:hover{color:#FFF!important;}
		#bottomLeft ul li a:hover{text-decoration:none;color:#F12232!important}
		
	#bottomRight{position:absolute; width:320px; height:45px; right:5px; top:5px; background-image:url(../images/youthrepresent/logoGrey.gif); background-repeat:no-repeat; background-position:center;}
	#bottomBottom{position:absolute; width:100%; top:65px; left:15px; font-size:80%; color:#9C9C9C;}
	#bottomBottom a{font-size:90%; text-decoration:underline;}
	#bottomBottom strong{color:#222; font-size:90%;}
	#bottomBottom a.fblackLink{font-size:100%; color:#000000; text-decoration:none;}