/* ########### DEVELOPERS - NOTE THIS SITE USES A SEPARATE STYLE SHEET FOR THE HOME PAGE crw_style_homepg.css 20070816nln ############ */


* {
	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: 11pt;
	line-height: 13pt;
	color: #000;
	
	text-align:center; /* horizontal centering for IE Win quirks */
 } 
 
  
.pgwrap {
  	background:transparent url(../img/crw_bgcontent.gif) repeat-y top center;
  	width: 775px;
  	margin: 0;
  	padding: 0;
  	text-align:middle;
 }
 
.pgcontent {
 	width: 710px;
 	text-align:left;
 	font-family: Arial, Helvetica, Verdana;
 	font-size: 11pt;
	line-height: 13pt;
	padding: 5px 10px 15px 35px;
 	/*border: 1px solid #f00;*/ 
 }
 
 P {
 margin-bottom: 8px;
 }
 
#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;
}

LI {
margin-left: 35px;
}

/************** Primary Nav. Bar and Drop Down Styles ********************/

#topnav {
	background:transparent url(../img/crw_bgnav.gif) no-repeat top center;
	width: 775px;
	margin: 0;
	height: 44px;
	padding: 0;
	/*border: 1px #000 solid;*/
	white-space: nowrap;
} 

#nav
{
	list-style: none;
	font: normal 12px/14px verdana;
	margin: 0 auto;
	padding: 0px;
	height: 40px;
}
	
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav 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 li { 
	margin:0;   
	position: relative; 
	float:left;
	display:block;
	height:auto;
		/*text-align: center;*/
	}

#nav 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 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 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 a:hover{
	/*background: #9AD946;*/ 
	color: #047DBC;
	}
	
/* below is the rollover for the drop down menu items*/	
#nav ul li:hover, #nav ul li a:hover{ background-color:#fff; 
display:block; color: #000;}

#nav li a.submenu {
	background:#fff url("gif/css_submenu.gif") no-repeat right; 
}

#nav li.divider {
	width: 1px;
}

#nav li.divider img {
	margin-top: 2px;
}

/*all see this */


#nav li:hover ul, #nav li.over ul { display: block; z-index:100;  background-color:#fff;} /* The magic */
#nav li:hover ul, #nav li.sfhover ul {	display:block; background-color:#fff;}

#nav li ul {
	position: absolute;
}

/* ##### do we need the below.... ##### */
/*
li>ul { 
	top: auto;
	left: auto;
	}
	
*/	
	
/************** end primary nav and drop down menus styles ********************/


.footer {
	/*width: 620px;*/
	font-family: Verdana, Arial, Helvetica;
 	font-size: 8.5pt;
	line-height: 12pt;
	text-align: center;
	white-space: none;
	color: #333;
background:transparent url(../img/crw_bgfooter.gif) no-repeat top center;
height: 44px;
padding: 5px;
	position: relative;
	margin-top: -25px;
	z-index: 250;
}
 
.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;
}

/*****************
** calendar styles  **
*****************/

.monthday {
	float: right;
	padding: 3px;
	background-color: #e3e3e3;
	color: #235872;
	line-height: 1em;
	clear: left;
	margin-right: 2px;
	margin-top: 2px;
	} 
	
.caldayweek {
	background-color: #3C8BB4;
	color: #fff;
	border: 1px solid #05334B;
	}
	
	
.calcel {
	background-color: #f5f6ee;
	line-height: 1.3em;
	text-align: left;
	font-size: 10px !important;
	width: 14%;
	}

.calcel hr {
	display: none;
	}
	
.calcel a {
	border: none;
	}	

.calcelno {
	background-color: #dfddce;
}
	
.monthname {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	}
	
.monthlinks {
	border: none;
	text-decoration: none;
	background-color: #f5f6ee;
	color: #235872;
	padding: 5px;
	border: 1px solid #e3e3e3;
	font-size: 10px;
	}

a.monthlinks:hover {
	background-color: #e3e3e3;
	color: #121c19;
	border: 1px solid #e3e3e3;
	}
	
.calevent {
	margin: 3px 0px;
	padding: 3px 0px 3px 2px;
	}
	
.calevent a {
	border: none;
	}
	
#calendarTable {
	margin: 0px;
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
	}
	
#calendarTable td {
	border: 1px solid #000;
}
	
#calendarNav {
	width: 100%;
	margin-bottom: 3px;
	}
	
/*****************
** event  styles      **
*****************/

.date {
	font-size: 1.6em;
	line-height: 2em;
	font-weight: bold;
}