@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;}
.input{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;	color: #666666;	border: 1px solid #999999; font-weight: normal;}
input.box{height:18px; font-size:12px; padding:2px 0 1px 0; width:421px;}
p{margin:10px 0 10px 0;}
.center,.center p{text-align:center;}
.right{float:right;}


#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;}
	
	
	/*FOLLOWING ITEMS WORKS FOR THE FRONTPAGES*/
	.class-frontpage{width:100%;}
	.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*/
	
	
	#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; text-overflow:ellipsis;}
		#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 .info2{position:absolute; left:20px; bottom:15px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info2 .attribute-header h1{color:#CC1414; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info2 a{color:#CC1414; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#left .info2 p{margin:5px 0 5px 0; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
	#right{float:left; width: 710px; margin:20px!important 10px 20px!important 20px!important; padding-left:20px; padding-top:10px; text-align:justify; position:relative; min-height:450px;}
		h1.folderTitle{font-size:20px;}
		.newsListBox{height:550px;}
		span.default{color:#333;}
		span.orange{color:#EA8D2D;}
		span.brown{color:#95560A;}
		span.blue{color:#4F7E90;}
		span.red{color:#CA5617;}
		span.yellow{color:#CEBC25;}
		span.green{color:#8B8A38;}
		
		.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;}
		
		.class-feedback-form h4{color:#0066CC; margin-top:10px;}
		.content-action{margin:10px 0;}
		.notes{margin:10px; text-align:right;}
		
		#right .contentLeft{float:left; line-height:20px; width:240px; height:395px; overflow:hidden; text-overflow:ellipsis;}
		#right .contentRight{float:right; margin-left:10px;}
		#right .contentShort{margin-top:5px; margin-bottom:5px; font-size:12px;}
		
		#right .newsItem{border-bottom:#333333 dashed 1px; margin-top:10px;}
		#right .newsItem h3 a{color:#333;}
		#right .newsTitle{margin-bottom:20px; font-size:20px;}
		
		#right .contentBottom{clear:both; height:119px; width:717px; color:#FFFFFF; font-weight:bold; position:relative;}
		#right .contentBottom .footImageTitle{position:absolute; top:-2px; left:5px; height:59px; overflow:hidden;}
		#right .contentBottom .footImageTitle span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;}
		#right .contentBottom div.footerTxt{position:absolute; bottom:35px; left:25px; right:10px; height:59px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
		.errorMsg{color:#990000;}
				
		.info{position:absolute; left:-180px; 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;}
		
	.attribute-name h1{font-size:20px;}
	#user-login{ float:right; width:710px; height:410px; 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;}
	#user-register{ float:right; width:710px; height:900px; 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;}
	.attribute-header{ margin:10px 0 10px 0;}
	.long, .time{ font-size:24px; color:#336699; font-weight:bold;}
	div.warning, div.message-error{color:#990000;}
	.labelbreak{ margin:10px 0 10px 0;}
	.block,.element{ margin:20px 0 20px 0;}
	.block label{ font-weight:bold; color:#336699;}
	input.halfbox{width:180px; border:#67A9D3 solid 1px;}
	
	
#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;}