@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;
}
	/*.hidden {display:none;} */ 
	
.indent {padding-left: 10px;}

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

#jump {font-size: 9px;}
p { font-size: 13px;}
table {empty-cells:show; }
td, th {font-size: 13px; }
hr { 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;}


/*********     Layout styles   ****************/
#content {clear:both;
		/*margin: 0px auto; /*Used to center layout in browser window*/
		width: 1000px;
		width/* */:/**/1000px;
		width: /**/1000px;
		padding: 0px;
		vertical-align:top;
		/*background-color: #DOC4DF;*/
		/*border: 1px solid red;*/ }
		a:link {color: #00f; text-decoration: bold;}
		
#navcolor { 
	background-color: #D0C4DF; 
  	width: 170px;
	width/* */:/**/170px;
	width: /**/170px;
	margin: 0px; 
	padding: 15px 0px; 
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	 }
		
#main_content {float: left;
	overflow: visible; 
	width: 800px;
	width/* */:/**/800px;
	width: /**/800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align: left;  In order for the alignment to work correctly in Contribute this must not be used. */
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	/*border:1px solid black;*/}

}
#header{float:left;
	width: 1000px;
	width/* */:/**/1000px;
	width: /**/1000px;
	height:275px;
	vertical-align:top;
	text-align:left;
	/*border: 1px solid red;*/
	#header a:link, #header a:visited {color: #00f; text-decoration: bold;}
}

/*Beginning of footer style*/
#footer {clear: both; width: 855px;  margin: 0px auto; font-size:10px; text-align:center;
background-color:#D0C4DF; float:left; }
#footer a:link, #footer a:visited {color: #00f; text-decoration: bold;}
#footer a:hover, #footer a:active{text-decoration: bold;}
#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;}

/*Beginning of new Banner style*/
#banner {height:50px; 
	background:#000;
	width: 100%;
	width/* */:/**/100%;
	width: /**/100%;
	margin: /*0px auto; /*Used to center layout in browser window*/
	vertical-align: middle;
	/*border: 1px solid red;*/
	}

.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: none;}

.pdf-red { font-size: 12px; color: #f00; }

.H3Blue { font-size: 18px; font-weight: bold; color: #036; }
.H3Gray { font-size: 18px; font-weight: bold; color: #666; }
.H3Green { font-size: 18px; font-weight: bold; color: #063; }
.H3burgundy { font-size: 18px; font-weight: bold; color: #603; }

.H4Blue { font-size: 14px; font-weight: bold; color: #036; }
.H4Gray { font-size: 14px; font-weight: bold; color: #666; }
.H4Green { font-size: 14px; font-weight: bold; color: #063; }
.H4burgundy { font-size: 14px; font-weight: bold; color: #603; }

.small { font-size: 11px; font-weight: normal; font-style: normal; }
.small a:link, .small a:visited {font-size: 11px; text-decoration: none; }
.small a:hover, .small a:active {font-size: 11px; text-decoration: none; }
.small li { font-size: 11px; font-weight: normal; font-style: normal; }

.smallblue { font-family: Times New Roman, Times, serif; font-size: 11px; font-weight: normal; color: #036; }
.smallgreen { font-family: Times New Roman, Times, serif; font-size: 11px; font-weight: normal; color: #063; }
.smallburgundy { font-family: Times New Roman, times, serif; font-size: 11px; font-weight: normal; color: #603; }
.smallwhite { font-size: 11px; font-weight: normal; color: #fff; }
.whitetext { font-size: 13px; font-weight: normal; color: #ffffff; }

.h3linkblue a:link, .h3linkblue a:visited {font-size: 18px; font-style: normal; color: #036; text-decoration: none; font-weight: bold;}
.h3linkgreen a:link, .h3linkgreen a:visited {font-size: 18px; font-style: normal; color: #063; text-decoration: none; font-weight: bold;}
.h3linkburgundy a:link, .h3linkburgundy a:visited{font-size: 18px; font-style: normal; color: #603; text-decoration: none; font-weight: bold;}
.h3linkblue a:hover, .h3linkblue a:active, .h3linkgreen a:hover, .h3linkgreen a:active, .h3linkburgundy a:hover, .h3linkburgundy a:active {text-decoration: none;}

.h4linkblue a:link, .h4linkblue a:visited {font-size: 14px; font-style: normal; color: #036; font-weight: bold;	text-decoration: none;}
.h4linkgreen a:link, .h4linkgreen a:visited {font-size: 14px; font-style: normal; color: #063; font-weight: bold; text-decoration: none;}
.h4linkburgundy a:link, .h4linkburgundy a:visited {font-size: 14px; font-style: normal; color: #603; font-weight: bold; text-decoration: none;}
.h4linkburgundy a:hover, .h4linkburgundy a:active, .h4linkgreen a:hover, .h4linkgreen a:active, .h4linkblue a:hover, .h4linkblue a:active {text-decoration: none;}

.photoleft {float: left; margin: 0px 15px 10px 0px;  }
.photoleftcaption {float: left; margin: 0px 15px 10px 0px; font-size: 11px; font-weight: normal; font-style: normal; }

.photoright {float: right; margin: 0px 0px 10px 15px;  }
.photorightcaption {float: right; margin: 0px 0px 10px 15px; font-size: 11px; font-weight: normal; font-style: normal; }


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

/* 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_???---------------------------------------------------------------------*/

/* 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 */

.greenbackground {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	background-color: #006633;
	color: white;
	padding: 5px;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 160px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: #D0C4DF;
color: black;
font: bold 13px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 8px;
background: #F9D9FB;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url() center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #F9D9FB;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url() no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
}