@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;}
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{margin:10px 0 10px 0;}
.center,.center p{text-align:center;}

#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;}
	
	#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;}
	.MenuCellon img.lightImage{display:block;}
	.MenuCellon img.greyButton{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 img.greyButton{display:none;}
	.MenuCellon img.lightImage{display:block;}
	.MenuCellon img.greyButton{display:none;}*/
	/*MENU IMAGE SCROLLING END*/

#body{width:100%; background-image:url(../images/youthrepresent/bodyBgInternal.gif); background-repeat:no-repeat; color:#333333; position:relative;}
		
	#left{float:left; width:200px!important; width:190px; margin-left:20px!important; margin-left:10px; margin-top:20px!important; margin-top:15px; position:relative;}
		#left .Nav{position:absolute; left:20px; top:20px; }
		#left .Nav ul li{font-weight:bold; height:30px; line-height:30px; width:150px; overflow:hidden; white-space:nowrap;}
		#left .Nav ul li a{text-decoration:none; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .Nav ul li.default, #left .Nav ul li.default a{color:#333;}
		#left .Nav ul li.orange, #left .Nav ul li.orange a{color:#EA8D2D;}
		#left .Nav ul li.brown, #left .Nav ul li.brown a{color:#95560A;}
		#left .Nav ul li.blue, #left .Nav ul li.blue a{color:#4F7E90;}
		#left .Nav ul li.red, #left .Nav ul li.red a{color:#CA5617;}
		#left .Nav ul li.yellow, #left .Nav ul li.yellow a{color:#CEBC25;}
		#left .Nav ul li.green, #left .Nav ul li.green a{color:#8B8A38;}
		
		/*#left .info{position:absolute; left:20px; bottom:15px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info .attribute-header h1{color:#CC1414; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info a{color:#CC1414; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info p{margin-top:2px; margin-bottom:2px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}*/
	
	/*FOLLOWING ITEMS WORKS FOR THE FRONTPAGES*/
	.class-frontpage{float:left; width:710px; margin-left:10px!important; margin-left:30px; margin-top:20px!important; margin-top:15px; margin-bottom:20px!important; margin-bottom:15px; padding-left:20px; padding-top:10px; text-align:justify;}
	.noleftcolumnNorightcolumn .center-column-position{width:100%;}/*ONLY CENTER*/
	
	.leftcolumnNorightcolumn .left-column-position{float:left; width:30%;}/*LEFT+CENTER*/
	.leftcolumnNorightcolumn .center-column-position{float:right; width:68%; }/*LEFT+CENTER*/
	
	.noleftcolumnRightcolumn .center-column-position{float:left; width:68%;}/*LEFT+CENTER*/
	.noleftcolumnRightcolumn .right-column-position{float:right; width:30%;}/*LEFT+CENTER*/
	
	.leftcolumnRightcolumn div.left-column-position{float:left; width:15%; height:100px; overflow:hidden;}/*LEFT+CENTER*/
	.leftcolumnRightcolumn div.center-column-position{float:left; width:68%; height:100px; overflow:hidden;}/*LEFT+CENTER*/
	.leftcolumnRightcolumn div.right-column-position{float:left; width:15%; height:100px; overflow:hidden;}/*LEFT+CENTER*/	
	
	.attribute-bottom-column{clear:both;}
	
	.attribute-billboard, .left-column-position div, .center-column-position div, .right-column-position div,.attribute-bottom-column{margin:10px;}
	/*FOLLOWING ITEMS WORKS FOR THE FRONTPAGES*/
	
	#right{float:left; width:710px; margin:20px!important 10px 20px!important 10px!important; margin:15px 10px 15px 30px; padding-left:20px; padding-top:10px; text-align:justify; position:relative; min-height:450px;}
	#rightNoInternal{width:940px; margin:20px!important 10px 20px!important 10px!important; margin:15px 10px 15px 30px; padding-left:20px; padding-top:10px; text-align:justify;}
	#right ul{margin-left:20px;}
	#right ul li{list-style-type:disc;}
	.attribute-header{margin-top:10px; margin-bottom:10px;}
	h1{font-size:18px;}
	.default h1{color:#333;}
	.orange h1{color:#EA8D2D;}
	.brown h1{color:#95560A;}
	.blue h1{color:#4F7E90;}
	.red h1{color:#CA5617;}
	.yellow h1{color:#CEBC25;}
	.green h1{color:#8B8A38;}
	
	.attribute-byline span{margin-right:20px; color:#0066CC;}
	.attribute-short{margin-top:10px; font-style:italic;}
	.attribute-long{margin-top:10px; line-height:20px;}
	.contentShort{margin-top:5px; margin-bottom:5px; font-style:italic; font-size:12px;}
	
	#right img{max-width:670px; max-height:500px;}
	
	#right .contentBottom{clear:both; height:119px; width:717px; color:#FFFFFF; font-weight:bold; position:relative;}
	#right .contentBottom div.footerTxt{position:absolute; bottom:22px; left:25px; right:10px; height:59px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
	
	.info{position:absolute; left:-210px; bottom:20px; color:#333333; font-size:12px;}
	.info .attribute-header h1{color:#CC1414; font-size:14px;}
	.info a{color:#CC1414; font-size:12px;}
	.info p{margin:5px 0 5px 0; line-height:15px; font-size:12px;}
	
#footer{clear:both; 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;}