/*=== Setup ===*/
/*	* 								{ border:0; margin:0 auto; padding:0; outline:none; }*/
	body 							{  background: url(../yearbook/images/mesh.jpg); background-repeat:repeat;
									  font:13px Arial, Verdana, Helvetica, sans-serif; 
									  color:#494949; padding:0px; margin:0; }
	vid-body 						{ background: url(../images/main_bg.gif) repeat; font:13px Arial, Verdana, Helvetica, sans-serif; 
									  color:#494949;  padding:0px; margin:0; }
	a 								{ text-decoration:none; color:#ACACAC; }
	a:hover 						{ text-decoration:none; color:#FFF; }
	p.clr, .clr 					{ clear:both; padding:0; margin:0; background:none; }
	p.bg, .bg 						{ clear:both; padding:0; margin:10px 0; border-bottom:1px solid #dcdcdc; height:1px; }
	input, 
	select, 
	textarea 						{ border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; 
									  font-family:Arial, Verdana, Helvetica, sans-serif; }
	li 								{ list-style:none; }
	h1, h2 							{ color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; }
	h3 								{ color:#333333; font-size:1.2em; margin:0 0 .8em; }
	h4 								{ font-size:1em; margin:0 0 1em; }
	p 								{ line-height:1.5em; }


	div#preload 					{ display: none; }


	#page 							{ margin:0 auto; padding:0; }
	
/*** sticky header *************************************************/
	.header 						{ /*color: #f1f1f1;*/ z-index:1000;  }
	.top-container 					{ padding: 30px; text-align: center; }
	.content 						{ margin:0 auto; padding:0; }
	.sticky 						{ position: fixed; top: 0px; width: 100%; }
	.sticky + .content 				{ padding-top: 176px; }


/*- sticky shadow - *************************************************/								   
	.shadow 						{ -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
								  	  -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
								   	  box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24); }
				
/********************************************************************/

	#columns 						{ margin:0px auto; padding:20px 20px 10px; width:940px; background:#fff; }
	#vid-columns					{ background: url(images/vid-bg.jpg); color:#494949; padding:0; margin:0; }
	

/*- header box - logo - nav menu*/
	/*.hdr-box 						{ background: url(../images/index-imgs/header1.gif) top no-repeat;/* float:left;*/ 
	/*								  	  width:940px; height:150px; margin:0px; padding:0; }*/
	.slu 							{ position:absolute; margin: -164px 0 0 69px; }

 
 
/*** RSS *****************************************************************************/
	.rss 							{ width:180px; float:right; background-color:#FFF; }
	.rss img 						{ position:absolute; margin:-36px 0 0 40px; }
	.rss a 							{ color:#b2b2b2; text-decoration:none; }
	.rss1							{ height:28px; float:right; padding:6px 0px 0 0px; position:absolute; 
									  margin:-45px 0px 0px 770px; z-index:1100; }
	.rss1-bg						{ display:block; background-color:#FFF; position:absolute; width:215px; 
									  height:30px; margin:-44px 0 0 680px; z-index:1001 }
    .fb-btn							{ width:77; height:20; margin:0px 0 0 -82px; position:absolute; display:block }

 
 
/*** latest updates *********************************************************************/
	.updates						{ display:block; position:absolute; width:230px; 
									  height:190px; margin:0px 0 0 387px; padding:10px 0 0 25px; }
	.updates .title					{ border-bottom:thin #FFF dashed; line-height:1.8; color:#dce7a9; }
	.updates .txt					{ font-size:12px; margin-top:5px; display:inline-block; }
	.updates	h2					{ font: Arial, Helvetica, sans-serif; font-weight:600; font-size:20px; color:#FFF; margin-top:8px;}
	.updates	p					{ margin-top:0px; font-weight:600; font-size:12px; line-height:1.3; color:#FFF; }
	 p.underh2 						{ margin: 0 0 10px; padding: 2px 0 0; font-size: 11px; line-height: 1em; }	
    .updates a						{ color:#FFF; display:inline-block; margin-top:5px; }
    .updates a:hover				{ color: #DBDBDB/*#D6D6D6*/; }
    .updates; .readmore a:hover		{ color: #F00; }



/*- hover image *******************/	
	/*#hover_img a { position:relative; }*/
	#hover_img a span { position:absolute; display:none; z-index:99; }
	#hover_img a:hover span { display:block; }

	
	
/*** links ************************************************************************************************/

	#left							{ width: 640px; float:left; }
	.cols							{ width:640px; background-color:#efefef; margin-top:20px; }
	.index-box 						{ background:url(../images/index-imgs/content_grad.gif) repeat-x left top; padding:0 15px 0 15px; }
	.index-cols 					{ padding:0 0 24px; height:auto; background: url(../images/index-imgs/line.gif) repeat-x left bottom; }
	
	.links-box						{ width:289px; margin:15px 0px 0px 0; padding:5px 7px 7px 9px; }
	.links-box p					{ color: #868686; font: normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; }	
	
	.links-box	a img				{ width:280px; height:90px; text-decoration:none; margin: 0 9px 9px 0;
									  border: 1px solid #cbcbcb; background-color: #fbfbfb; padding: 2px; }
	.links-box	img:hover 			{ opacity: 0.6;  filter: alpha(opacity=60); /* For IE8 and earlier */ }	
    .links-box:active				{ cursor:pointer; }
    .links-box:hover				{ background-color: #F8F8F8; }
	
	.links-box .readmore 			{ font-size: 11px; line-height: 1.8em; color:#222222; }
	
	
	
/*** copy/paste ************************************************************************************************/
	.index-box2 					{ background:#efefef; padding-left:13px; }
	.index-box h2 					{ font-size:18px;}
	.index-col 						{ margin:0; padding:0; width:287px; float:left;}
	.index-col-center 				{ margin:0 29px;}
	.index-img img 					{ margin:0 0 16px; padding:2px; border:1px solid #cbcbcb; background-color:#fbfbfb;}
	.index-col-l 					{ padding:24px 0 0; width:541px; float:left;}
	.index-col-r 					{ padding:24px 0 0; width:340px; float:right;}
	.index-news 					{ padding:0 0 8px; line-height:1.8em;}
	.index-news h3 					{ margin:0; padding:0; font-size:14px; font-weight:bold; line-height:1.8em; color:#688ba0;}
	.index-news h3 a 				{ color:#688ba0; text-decoration:none;}
	.index-news-date 				{ margin:0; padding:0; font-style:italic; font-size:11px; line-height:1.8em;}
	.index-news-date a 				{ font-weight:bold; color:#525252; text-decoration:none;}
	.index-news-date a:hover 		{ text-decoration:underline;}
	.readmore a 					{ font-size:11px; line-height:1.8em; color:#445a66; text-decoration:none;}
	.readmore a:hover 				{ text-decoration:underline;}
	
	
	
/*** links-box PAGE ***********************************************************************************************
	.links-box img 					{ width:281px; height:90px; margin: 0 0 16px; 
									  border: 1px solid #cbcbcb; background-color: #fbfbfb; }	
	.links h2 						{ margin: 0; padding: 0; font-size: 18px; font-weight: normal; 
									  line-height: 1em; letter-spacing: normal; color: #1e1e1e; } 
	
									  

/*=== Right Column ===*/
	#rightcol 						{ float:right; width:290px; padding-top:0px; }
	
	.index-right					{ float:right; margin-bottom:0px; background-color:#a1998f; padding:10px 10px 5px 10px; clear:both; }
	
	#rightcol .box 					{ padding:0 10px; }
	.small_link 					{ padding:5px 0; margin:0 auto; text-align:center; }
	.small_link a 					{ color:#959595; text-decoration:none; }


	.audio-ctr						{ background-color:#cade31; padding:15px 0px 13px 10px; }
	.message-about 					{ height:auto;  }
	.message-about span				{ font: normal 13px Arial, Helvetica, sans-serif; 
									  color: #900; margin:0; line-height:1.5em; text-align:left; }
	.message-about img				{ border: 1px solid #d7d7d7; padding: 4px; }		
	.message-about a 				{ color:#900; }
	.message-about
	a:hover 						{ color: #666; text-decoration:underline; }