@charset "utf-8";

body {background-color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	margin-top: 4px; 
	} 

.hidden {
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	left: 184px;
	visibility:hidden;
}
	/*.hidden {display:none;} */ 
	
.indent {padding-left: 10px;}

.unicode {font-family: "Lucida Sans Unicode"; line-height: 0; }

#jump {font-size: 9px;}
p { font-size: 13px;}
ul, li { font-size: 13px; margin: 0px 2px 2px 10px;  padding: 0px;}
table {empty-cells:show; }
td, th {font-size: 13px; }
hr { clear:both; color: #000; }
H2{	font-size: 24px; margin-top: 15px; text-align: center; }
H3{ font-size: 18px;}
H4{ font-size: 14px; }
H5{ font-size: 12px;}
H6{ font-size: 10px; margin: 0px;}
b{font-weight : bold;}
i{font-style : italic;}
a:link, a:visited { font-weight: normal; color: #00F; text-decoration: none; }
a:hover, a:active  { color: #603; text-decoration: underline; }
.superscript{font-size:9px; vertical-align:super;} 
.subscript{font-size:9px; vertical-align: sub;} 

/*********     Layout styles   ****************/
#content {clear:both;
		margin: 0px auto; /*Used to center layout in browser window*/
		width: 760px;
		width/* */:/**/760px;
		width: /**/760px;
		padding: 0px;
		vertical-align:top;
		/*background-color: #FF9900;*/
		/*border: 1px solid red;*/ }
#main_content {float: right;
	overflow: visible; 
	width: 592px;
	width/* */:/**/592px;
	width: /**/580px;
	/*text-align: left;  In order for the alignment to work correctly in Contribute this must not be used. */
	margin: 0px;
	padding: 6px;
	background-color: #fff;
	/*border:1px solid black;*/}
#header {vertical-align: top;
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;
	margin: 0px auto; /*Used to center layout in browser window*/
	padding: 0px;
	clear: both;
	/*border: 1px solid red;*/
}
#headerleft{float:left;
	width: 520px;
	width/* */:/**/520px;
	width: /**/520px;
	height:20px;
	vertical-align:top;
	text-align:left;
	/*border: 1px solid red;*/
}
#headerright {width: 228px;
	width/* */:/**/228px;
	width: /**/228px;
	margin: 0px;
	padding:0px;
	float: left;
	vertical-align:top;
	text-align:right;
}
#headerright ul {list-style: none; padding: 0px; margin:0px}
#headerright li {display:inline; padding: 0px; margin: 0px;}
#headerright li a {padding: 0px 15px 0px 0px; font-weight:bold; font-size: 12px; color:#000;}
#headerright li a:link, headerright a:visited{text-decoration: none;}
#headermiddle img{vertical-align:top; padding:0px;}
/*Beginning of footer style*/
#footer {clear: both; width: 760px;  margin: 3px auto; font-size:10px; text-align:center;}
#footer a:link, #footer a:visited {color: #00f; text-decoration: none;}
#footer a:hover, #footer a:active{text-decoration: underline;}
#footer ul { list-style: none; margin: 0px; padding: 0px;}
#footer li { display: inline; padding: 0px; border-right: 1px solid #000000; font-size:10px; margin:0px;}
#footer li a { padding: 0px 10px;}
#addr {width: 345px; text-align: left; float: left; margin-top: 5px; margin-left: 50px; padding-top: 5px;}
#addr img {float: left;	margin-top: 2px; margin-right: 15px; /*padding-right: 20px;*/}
/* #contact{float: right; text-align: left; width: 300px; margin-top: 10px; } */
#contact{float: right; text-align: left; width: 300px; margin-top: 2px; padding-top: 10px; }


/*Beginning of new Banner style*/
#banner {height:35px; 
	background:#000;
	width: 760px;
	width/* */:/**/760px;
	width: /**/760px;
	margin: 0px auto; /*Used to center layout in browser window*/
	vertical-align: middle;
	/*border: 1px solid red;*/
	}
#subbanner {float:left;
			font-size: 12px;
			color: #FFF;
			padding: 9px 0px 0px 10px;
			margin: 0px;
			width: 515px;
			width/* */:/**/515px;
			width:/**/505px;
			/*border:1px solid yellow;*/
}
#subbanner ul { list-style: none; margin: 0px; padding: 0px;}
#subbanner li { display: inline; padding: 0px; margin: 0px;}
#subbanner li a {padding-right: 8px;}
#subbanner a:link, #subbanner a:visited {color: #FFF; text-decoration: none;}
#subbanner a:hover, #subbanner a:active {text-decoration: underline;}

.searchbutton { 
	font-size: 10px; 
	background-color: #999; 
	color: #fff; 
	border: 2px outset #fff; 
	margin: 4px 0px 0px 5px; 
	padding: 1px; 
}
#search {
	float:right;
	background-color: #000;
	font-size: 12px;
	color:#fff;
	width:245px;
	width/* */:/**/245px;
	width:/**/244px;
	margin: 2px 0px 0px 0px;
	vertical-align: middle;
	padding: 3px 0px 3px 0px;
	border-left: 1px solid #fff;
	/*vertical-align: middle;*/
}
#search fieldset {margin: 0px; padding:0px; border: none;}
#search legend, #search form {margin: 0px; padding: 0px;}
#search input{vertical-align:middle;}

.menu a:link, .menu a:visited {
	font-size: 12px;
	font-style: normal;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.menu a:hover, .menu a:active {text-decoration: underline;}

.program a:link, .program a:visited {
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;}

.program a:hover, .program a:active {color: #ccc;}

.red { font-size: 13px; color: #f00; }
.smaller { font-size: 11px; font-weight: normal; font-style: normal; }
.smaller a:link, .smaller a:visited {font-size: 11px; text-decoration: none; }
.smaller a:hover, .smaller a:active {font-size: 11px; text-decoration: underline; }
.smaller li { font-size: 11px; font-weight: normal; font-style: normal; }
.floatleft {float: left; margin: 0px 15px 10px 0px;  }
.floatright {float: right; margin: 0px 0px 10px 15px;  }

table.sortable a.sortheader {font-weight:bold; display:block; text-align:center; text-decoration:none;}
table.sortable span.sortarrow{color:black; text-decoration:none;}
table.sortable caption {text-align:left;}

/*-------------Used for background color in left column in Templates------------------------------------------*/
#navcolor_dnr { 
	background-color: #0052A3; 
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;}
#navcolor_deq { 
	background-color: #063; 
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;}
#navcolor_das { 
	background-color: #666; 
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;}
#navcolor_dgls { 
	background-color: #686836; 
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;}
#navcolor_dsp { 
	background-color: #006699; 
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;}


/*-------------new new new new - used for flyouts -  new new new new----------------------------------------------*/
/* NOTES */
/* The use of an asterix(*) is an IE hack - more specifically IE6.  When you see "* html" used it is 
relating to IE6 and changes there should only affect IE6 */
/* Internet Explorer 6 and below had a problem with the !important identifier that caused it to be ignored if another declaration of the same property appeared later in the same style declaration block. This can be used to feed Internet Explorer 6 and below special property values that are ignored by other browsers. Internet Explorer 7 fixed this issue    */

/*----------------Used for background color for flyouts in include file------------------------------------------*/
/*---------------- should match navcolor_???---------------------------------------------------------------------*/
.dnr-color{background-color:#0052A3;}
.deq-color{background-color:#063;}
.das-color{background-color:#666;}
.dgls-color{background-color:#686836;}
.parks-color{background-color:#006699;}

/* this empty block is needed for an IE bug, without it, 
shift-tab does not display the selected link color */
.mainMenu a:link:active, .mainMenu a:visited:active {}
.mainNav .navMenu, * html .mainNav .navMenu .navMenu { top: -1px; }

/* IE6 hack */
* html .mainNav .navMenu { top: 0; }

.navMenu {
	border-left:groove thin;
	border-top:groove thin;
	display:none;
	position: absolute;
	top:0;
	left:168px;
	}
	
/* IE6 hack */
/** html .navMenu {
 	padding: 0px;
 	display:none;
	position: absolute;
	top:0;
	left:168px;
	}*/
.mainMenu, .navMenu {
	background-color:inherit;
	color: #FFF; 	
	font-size: 12px;
  	font-style: normal;
	font-weight: bold;
  	width: 168px;
	width/* */:/**/168px;
	width: /**/168px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	}
/*.mainMenu {background-color:inherit;}*/
html>body .mainMenu, html>body .navMenu { width:168px; }
.mainMenu li {
	color:#FFF;
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
	border-bottom: 1px solid #ccc;
	position:relative;
	}
	
.mainMenu li.mainNav{ 
	margin: 0px;
	border-bottom: 1px solid #ccc;
/*	background: inherit repeat-y left top;*/
}


html>body .mainMenu li.mainNav{ 
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

.mainMenu li a:link, .mainMenu li a:visited  {
	color:#FFF;
	text-decoration:none;
	padding:4px;
	display:block;
	background-color: transparent;
	display:block;
	}

.mainMenu li.mainNav a:link, .mainMenu li.mainNav a:visited {
	padding: 4px;
}

/* IE6 hack */
* html .mainMenu li.mainNav a:link, * html .mainMenu li.mainNav a:visited {
	padding-left: 4px; 
}

/* IE6 hack */
* html .mainMenu .navMenu li a:link, * html .mainMenu .navMenu li a:visited {
	padding-left: 4px;
/*	background-color:#000;*/
}

/*new new new new*/
/* IE6 hack */
* html .mainMenu .navMenu li.dgls-color a:link, * html .mainMenu .navMenu li.dgls-color a:visited{
	padding-left: 4px;
/*	background:#686836 url(/images/dgls-color.gif) repeat-y left top;*/
	background:#686836;
}

/*new new new new*/
/* IE6 hack */
* html .mainMenu .navMenu li.deq-color a:link, * html .mainMenu .navMenu li.deq-color a:visited{
	padding-left: 4px;
/*	background:#686836 url(/images/dgls-color.gif) repeat-y left top;*/
	background:#063;
}


/* hide from MacIE5 \*/
.mainMenu li a:link, .mainMenu li a:visited {
	display:inline;
	display/**/:block; 
	margin-left/**/:-16px;
	width:100%;
	display:block;
	margin-left:0px;
	height:100%;
	width:auto;
	}
/* end hide from MacIE5 */
html>body .mainMenu li a:link, html>body .mainMenu li a:visited {
	display:block;
	/* the following rule helps Netscape 6.x but screws recent builds (Mozilla, etc.) where the height bug is fixed. */
	height:auto;
	}

/* Internet Explorer 6 and below had a problem with the !important identifier that caused it to be ignored if another declaration of the same property appeared later in the same style declaration block. This can be used to feed Internet Explorer 6 and below special property values that are ignored by other browsers. Internet Explorer 7 fixed this issue*/
	
.mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a.activeItem {
	color:#000;
	background-color: #CCC !important; /* Major browsers other than IE 6 and below respect the importance immediately*/ 
	}

.mainMenu li.mainNav a:hover, .mainMenu li.mainNav a:active, .mainMenu li.mainNav a:focus, .mainMenu li.mainNav a.activeItem {
	color:#000;
	background-color: #CCC !important; /* Major browsers other than IE 6 and below respect the importance immediately */  
	}
	
/* It doesn't really float left, but this fixes a NS 6.x bug */
/* It causes an new Opera bug too, so this selector hides it from Opera */
html[xmlns] div.menuContainer {
	float:left;
	}
.menuEnd {
	clear:both;
	}

/* IE7 hacks */
*:first-child+html .mainMenu li.mainNav { padding-left: 0px; }
*:first-child+html li.mainNav a:link { width: 164px; padding-right:0px;}
*:first-child+html .navMenu a.navItem:link { width: 164px; }

/* functional classes */
/* used by the scripts, not set in the markup */
.hasSubMenu {
	color:#000;
	background-color:inherit !important; /* Major browsers other than IE 6 and below respect the importance immediately*/ 
	background-position:center right;
	background-repeat:no-repeat;
	}
	
.hasSubMenuActive {
	color:#000 !important; /* Major browsers other than IE 6 and below respect the importance immediately*/ 
	background-color:#CCC !important; /* Major browsers other than IE 6 and below respect the importance immediately*/ 
	background-position:center right;
	background-repeat:no-repeat;
	}
	
.showMenu {
	display:block !important; /* Major browsers other than IE 6 and below respect the importance immediately*/ 
	}
/* end functional classes */