/* ########### DEVELOPERS - NOTE THIS SITE USES A DIFFERENT STYLE SHEET FOR THE SUB PAGEs crw_style.css 20070816nln ############ */


 /* ########### HOME PAGE STYLES ########### */ 

* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

 body { 
 	background: #B1DCF2 url(../img/crw_bgwater.jpg) repeat-x bottom left;
 	background-attachment: fixed;
 	margin: 0;
 	width: 100%;
 	
 	font-family: Arial, Helvetica, Verdana;
 	font-size: 10.5pt;
	line-height: 12.5pt;
	color: #000;
	
	text-align:center; /* horizontal centering for IE Win quirks */
 } 

 P {
 margin-bottom: 8px;
 }

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-300px; /* was -275, then -287, then -282 - half of container's height */
		float:left;
		}

#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:565px; /*was 550*/
		width:775px;
		clear:left;
		background: url(../img/crw_bg_homepg.jpg) no-repeat bottom right;
		/*border: 1px solid #f00;*/
		}
		
.logohomepg {
position: absolute;
background:transparent url(../img/crw_logo4homepg.gif) no-repeat top left;
height: 153px;
width: 314px;
	margin-top: 0px;
	z-index: 300;
	/*border: 1px solid #f00;*/
}

/* Fix IE. Hide from IE Mac \*/
* html .logohomepg { height: 175px; }
/* End */
		

/* content in the little box on homepg */ 


.homepgcontent {
	position: absolute;
	top:255px;
	left: 295px;
	width: 460px; /* was 446 */
	height:275px; /* was 265 */
	overflow: auto;
	/*padding-top: 254px;
	padding-left: 295px;*/
	/*border: 1px solid #f00;*/
}

.footerhomepg {
	background:transparent url(../img/crw_bgfooterhomepg.gif) no-repeat top center;
	font-family: Verdana, Arial, Helvetica;
 	font-size: 8.5pt;
	line-height: 12pt;
	text-align: center;
	white-space: none;
	color: #333;
	padding: 5px;

	position: absolute;

	top:100px;
	left: 3px;
	width: 720px;
	height:44px;
	
	margin-top: 450px;
	margin-left: 35px;
	z-index: 250;
}



/* ########### END HOME PAGE general STYLES ########### */
  
#skipnav {
	display: none;
	}

a:link {color:#389003;text-decoration:underline;} /* was 2f7803 */
a:visited{color:#389003;text-decoration:none;}
a:active {color:#7BDE12;text-decoration:underline;}
a:hover {color: #047DBC;text-decoration:underline;}


H1 {
font:16pt/14pt Verdana, Arial, Helvetica, sans-serif;
color:#000;
background: transparent url(../img/crw_bgh1.gif) no-repeat top left;
font-weight: bold;

padding-top: 9px;
padding-left: 38px;
padding-bottom:20px;

/*width:400px;
border-bottom:1px dashed #000000;*/
}

H2 {
font:13pt/15pt Verdana, Arial, Helvetica, sans-serif;
color:#000;
width:100%;
border-bottom:1px solid #5877B6;
font-weight: bold;
margin-bottom: 10px;
margin-top: 14px;
}


H3 {
font:11pt/14pt Verdana, Arial, Helvetica, sans-serif;
color:#000;
border-left: 5px solid #5877B6;
padding-left: 5px;
margin-bottom: 6px;
margin-top: 8px;
}



/************** HOME PAGE Primary Nav. Bar and Drop Down Styles ********************/

#topnav_homepg {
position: absolute;

	top:190px;
	left: 3px;
	width: 720px;
	height:44px;
	
	z-index: 250;
	
	
	background:transparent url(../img/crw_bgnav_homepg.gif) no-repeat top center;
	width: 775px;
	margin: 0;
	height: 44px;
	padding: 0;
	/*border: 1px #f00 solid;*/
	white-space: nowrap;
} 

#nav_homepg
{
	list-style: none;
	font: normal 12px/14px verdana;
	margin: 0 auto;
	padding: 0px;
	height: 40px;
}
	
/* Fix IE. Hide from IE Mac \*/
* html #nav_homepg ul li { float: left; height: 1%; }
* html #nav_homepg ul li a { height: 1%; }
/* End */

#nav_homepg a {
	color: #2F7803;
	font: bold 12px/14px verdana;
	text-decoration:none; 
	display:block;
	padding: 1.2em 0.6em 0.65em 0.6em;  /*WAS padding: 0.5em 0.5em 0.0em 0.6em;*/
	margin: 0;
	border-bottom: 0;
	white-space: nowrap;
}


#nav_homepg li { 
	margin:0;   
	position: relative; 
	float:left;
	display:block;
	height:auto;
		/*text-align: center;*/
	}

#nav_homepg ul { 
	display: none;
	padding: 0;
	margin:0;
	list-style: none;
	font-size: 0.85em;
	width: 13em; /*  this is the drop down menu width - was 11em */
	z-index:99;
	position:relative;
	overflow:visible;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	/*background-color: #b31b1b;
	font: normal .85em/1.0em verdana; color:#000000;*/
	}

#nav_homepg ul li { 
	background-color:#9AD946; /* this is the drop down menu bg */
	border-bottom: 1px solid #000;
	width: 13em; /*  this is the drop down menu width - was 11em */
	}

#nav_homepg ul li a {
	display: block;
	color: #000;
	}


/* this is if we wanted the same rollover effect for main nav and drop down menus
#nav a:hover, #nav li:hover{
	background: #fff;
	}
*/	

/* below is the rollover for the main menu items */
#nav_homepg a:hover{
	/*background: #9AD946;*/ 
	color: #047DBC;
	}
	
/* below is the rollover for the drop down menu items*/	
#nav_homepg ul li:hover, #nav ul li a:hover{ background-color:#fff; 
display:block; color: #000;}

#nav_homepg li a.submenu {
	background:#fff url("gif/css_submenu.gif") no-repeat right; 
}

#nav_homepg li.divider {
	width: 1px;
}

#nav_homepg li.divider img {
	margin-top: 2px;
}

/*all see this */


#nav_homepg li:hover ul, #nav_homepg li.over ul { display: block; z-index:100;  background-color:#fff;} /* The magic */
#nav_homepg li:hover ul, #nav_homepg li.sfhover ul {	display:block; background-color:#fff;}

#nav_homepg li ul {
	position: absolute;
}

li>ul { 
	top: auto;
	left: auto;
	}
	
/************** end HOME PG primary nav and drop down menus styles ********************/


 
.attribution {
	font: bold 9px/14px verdana;
 	font-size: 8.5pt;
	line-height: 12pt;
	color: #fff;
}

a.attribution:link {
	color: #fff;
	text-decoration: underline;
}

a.attribution:visited {
	color: #fff;
	text-decoration: underline;
}

a.attribution:hover {
	color: #fff; /*cc33ff*/
	text-decoration: none;
}

/************** top text styles - seo ********************/

.toptext {
 	position: absolute;
 	top: 0;
 	left: 0; 	
 	font-family: Arial, Helvetica, Verdana;
 	font-size: 7pt;
	line-height: 6pt;
	color: #B1DCF2; 
	z-index: -20;
	/*margin-top: -10px;*/
}

H1.toptextheading {
 	font-family: Arial, Helvetica, Verdana;
 	font-size: 8pt;
	line-height: 9pt;
	background: none;
	color: #B1DCF2;
}

/************** end top text styles - seo ********************/
