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

styles for SPLASH Componets Only   ---   created by RH
*/


body {
	background: #f3f5d2;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/*
***  SPLASH  HEADER   ***
*/
div#spa_header {width: 1000px; height:132px; margin: 0 auto; background:url(/images/design/spa_header_bg.jpg) bottom no-repeat; position:relative;}

div#spa_midwrapper {height:329px; overflow:hidden; background: url(/images/design/spa_midwrapper_bg.jpg) repeat-x;}

div#spa_mid {width:1000px; margin: 0 auto; overflow:hidden;}

div#spa_promo {width:303px; height: 330px; float:left;}

div#spa_welcome {width:437px; height:301px; background: url(/images/design/spa_welcome_bg.jpg) no-repeat; float:left;}
	div#spa_welcome p {font:normal 15px/130% Georgia, "Times New Roman", Times, serif; color:#909c00; margin: 75px 30px 0 22px; }
	div#spa_welcome h1 {font: bold 18px/130% Georgia, "Times New Roman", Times, serif; margin: 27px 0px 0 75px; font-style:italic; }
	div#spa_welcome a:link, div#spa_welcome a:visited {color:#b2be10; text-decoration: none;}
	div#spa_welcome a:hover, div#spa_welcome a:active {text-decoration: underline;}

div#spa_low_grassbg_top{width:675px; height:28px; background: url(/images/design/spa_low_grassbg_top.jpg) top right no-repeat; float:right;}


/*
***   JUMPLINKS   ***
*/
div#spa_lowwrapper{background: #edf0bd;}
div#spa_jumps_wrapper {width:1000px; margin: 0 auto; background:url(/images/design/spa_recent_grassbg.jpg) no-repeat top; overflow:hidden;}

	/*   ***   LEFT COL - FEATURE   ***   */
	div#spa_feature_col {width: 280px; float: left; overflow:hidden;}
		div.feature_heading {width: 245px/*305 - 60pdg*/;  padding-left:50px;}
		div.feature_heading .alt {display: block; height: 0; position: absolute; overflow: hidden; width: 0;}
		div.feature_border {width: 305px; height: 19px; background:url(/images/design/spa_jumps_border.gif) no-repeat center; float:left;}
		
		div.feature_item {width: 215px /*305 * 90pdg*/;  padding: 0 30px 0 60px; color:#505050; margin-top:24px;}
			div.feature_item h1 {font-weight: bold; font-size:16px; margin: 0 0 10px  0;}
			div.feature_item p {font-size: 13px;}
			div.feature_item p a:link, div.feature_item  p a:visited {color: #505050; font-weight: bold; font-size:13px; margin: 5px 0 0px  0; float:left; }
			div.feature_item p a:hover, div.feature_item p a:active {text-decoration:none;}
			div.feature_item ul#members {width: 185px; overflow:hidden; list-style:none;} 
				div.feature_item ul#members li {float:left; padding: 0 2px 0 2px; width: 40px; overflow:hidden;}
			div.feature_item ul#members li a img {border: 1px solid #edf0bd; width: 40px;}
			div.feature_item ul#members li a:hover img {border: 1px solid #00788a;}		

		div.feature_item ul#gallery_preview{width: 200px; list-style:none; overflow:hidden;}
			div.feature_item ul#gallery_preview li {width: 58px; float:left; padding: 0 3px 0 3px;}	
				div.feature_item ul#gallery_preview li img {width: 58px;}
					div.feature_item ul#gallery_preview li a img {border: 1px solid #edf0bd;}
					div.feature_item ul#gallery_preview li a:hover img {border: 1px solid #00788a;}	

/*This is the CSS for the countdown area on the splash page. It goes in the bottom left corner of the content area*/
			div.feature_low {width: 215px /*305 * 90pdg*/;  padding: 0 30px 0 60px; /*background:url(/iaspyre/webshare/images/design/fireworks_bg.gif) no-repeat center;*/ color:#505050; margin-top:24px;}
				div.feature_low h1 {font-weight: bold; font-size:18px; margin: 0 0 10px  0;color: #00788a;}
				div.feature_low p {font-size: 13px; color: #00788a;}

				
				
				
	/*   ***   RIGHTT COL - NEWS, EVENTS, UPDATES   ***   */
	div#spa_recent_col {width:710px; float:right; overflow:hidden;}
		div.recent_heading {width: 218px /*233*15pdg*/; color:#00788a; float:left; padding-left:15px;}
		div.recent_heading .alt {display: block; height: 0; position: absolute; overflow: hidden; width: 0;}
		div.recent_border {width: 233px; height: 19px; background:url(/images/design/spa_jumps_border.gif) no-repeat; float:left;}
		div.article_preview {width: 199px /*233 * 34pd*/;  height: 135px; float: left; color:#505050; padding: 5px 15px 0px 19px; overflow:hidden;}
			div.article_preview h1 {font-weight: bold; font-size:16px; margin: 0 35px 10px 0;}
			div.article_preview p {font-size: 13px; }
			div.article_preview a {font-size: 14px; text-decoration:none; color:#b4bb4e; font-weight:bolder; letter-spacing: -0.2em;}
				div.article_preview a:hover {color:#00788a; }

	/*   ***   SLIDESHOW   ***   */			
		div.spa_slideshow, div.spa_slideshow img {width: 200px; height: 130px; overflow:hidden; padding:0; margin:0;}
		div.spa_slideshow {border: 2px solid #e6eba3;}
	

/*
***   SPLASH FOOTER   ***
*/
div#spa_footer_wrapper {height:190px; background:url(/images/design/spa_footer_wrapper_bg.jpg) repeat-x;}
	div#spa_footer {width:1124px; height: 190px; background:url(/images/design/spa_footer_bg.jpg) no-repeat;  margin: 0 auto;}