/* Cascading Style Sheet (CSS) Document */

/* ************ MAIN STYLESHEET ************ */


/* MISC DEFAULTS */
/* The class "body" below defines base font size and face for all elements. */
/* large text = font-size: 0.9em;  medium text = font-size: 0.8em;  small text = font-size: 0.7em; */
body {margin: 0; padding: 0; border: 0; background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
div {margin: 0; padding: 0; border: 0;}
map {margin: 0;}
img {border: 0;}
ul, ol, dl {position: relative;}


/* LINK STYLES */
a, a:link {
	color: #0758A8; text-decoration: none;}
a:visited {
	color: #02029A; text-decoration: none;}
a:hover, a:active {
	color: #02029A; text-decoration: underline;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-decoration: none;}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;}


/* ACCESSIBILITY STYLES */
/* The class below hides the links added to the top of the page for accessibility purposes only. 
Screen readers will still read these links. */
div.accessibilitylinks {
	display: none; visibility: hidden;}


/* MAIN LAYOUT STYLES -- VERY IMPORTANT -- DO NOT EDIT.
These classes define the layout of the pages. */
div.pagewidth {
	min-width: 780px; margin: 0; padding: 0; border: 0; background-color: #FFFFFF;}
div#header {
	position: relative; z-index: 3;
	margin: 0; padding: 0; border: 0; height: auto;
	background-color: #7e7a6e;
	background-image: url(../images/interface/header_bg.gif); background-repeat: repeat-x; background-position: top;}
div#logoBackground {
	position: relative; z-index: 3;
	height: 100px;
	background-image:url(../images/interface/header_norepeat_bg.gif); background-repeat: no-repeat; background-position: top left;}
img#logo {
	position: absolute; z-index: 2;}
div#content {
	float: none; margin: 20px 4% 0 225px; background-color: #FFFFFF;}
div#leftcolumn {
	float: left; width: 210px; margin: 10px 0; padding: 0;}
div#centercolumn-left {
	 width: 69%; margin: 7px 10px 10px 0; background-color: #FFFFFF;}
div#centercolumn-right {
	float: right; width: 205px; margin: 10px 0 10px 0; background-color: #FFFFFF;}
div#footersite {
	clear: both; padding: 5px 10px; margin: 0; height: 100%;}


/* MAIN NAVIGATION STYLES - Controls overall width; Placement of dropdown; Padding around bar */
#mainMenu {
	font-size: 100%; font-family: Arial, Helvetica, Sans-serif; line-height:16px; color: #FFFFFF;
	text-align: left;
	white-space: nowrap;
	border: 0; margin: 0; padding: 3px 3px 3px 25px;
	position: absolute; top: 78px; left: 0; z-index: 1;}
#menuList {
	margin: 0px; padding: 0px; white-space:nowrap;}
#menuList li {
	display: inline; list-style: none; padding: 0; margin: 0 2px 0 0;}
a.starter, a.starter:link, a.starter:visited {
	background-color: #003366; color: #FFF; font-weight: bold;
	margin: 0; padding: 3px 7px; text-decoration: none; border: 0;}
#home a#menu1Home,
#about a#menu2About,
#contact a#menu3Contact,
#maps a#menu4Maps,
#publications a#menu5Publications {
	background-color: #FFF; background-image:none; color: #000; font-weight: bold;
	margin: 0px; padding: 3px 7px; text-decoration: none; border: 0; border-bottom: 1px solid #FFF;}

/* Menu backgound highlight - first level */
a.starter:hover, a.starter:active,
#home a#menu1Home:hover, #home a#menu1Home:active,
#about a#menu2About:hover, #about a#menu2About:active,
#contact a#menu3Contact:hover, #contact a#menu3Contact:active,
#maps a#menu4Maps:hover, #maps a#menu4Maps:active,
#publications a#menu5Publications:hover, #publications a#menu5Publications:active {
	background-color: #eac846; color: #000; padding: 3px 7px; text-decoration: none; border: 0;}

/* Cursors at first level */
a#menu1Home:hover, a#menu1Home:active,
a#menu2About:hover, a#menu2About:active,
a#menu3Contact:hover, a#menu3Contact:active,
a#menu4Maps:hover, a#menu4Maps:active,
a#menu5Publications:hover, a#menu5Publications:active {
	cursor: pointer;}


/* PRINT, BOOKMARK, TEXT ONLY LINKS */
#nav-formatting {
	float: right;
	width: 9em; height: auto; margin: 69px 10px 0 0; padding: 3px 2px 0 5px; border: 0;
	position: relative; z-index: 1;}
#btnPrint {
	background: #EAC846 url(../images/interface/icon_printerformat.gif) 0 no-repeat; padding: 3px 5px 4px 18px; border: 2px solid #EAC846;
	color: #003366; cursor:pointer; font-size: 85%; line-height: 0.9em; white-space:nowrap; overflow: visible;}


 /* FOOTER STYLES */
div#footersite {
	clear: both; padding: 5px 15px; border-top: 4px solid #eac846; border-bottom: 1px solid #7e7a6e; 
	font-size: 90%; line-height: 1.2em; text-align: left; background-color:#DCDCDC; text-align: center;}
#footersite p {margin:0; padding: 0 0 5px 0; text-align: center;}
#footersite a:link,
#footersite a:visited {
	color: #000; text-decoration: underline; padding: 2px 3px;}
#footersite a:hover {
	color: #FFF; text-decoration: none; background-color: #003366;}
#footersite .separator {
	color: #666; margin: 0 2px;}

 

/* LEFT NAVIGATION STYLES */
/* The classes below define the expand/collapse bars in the left navigation. */
#leftnav .trigger{
	color: #FFFFFF; font-size: 100%; font-weight: bold; line-height: 1em; font-family: Arial, Helvetica, sans-serif;
	background:#003366; cursor:pointer; padding: 4px 2px 6px 8px;}		
#leftnav .trigger:hover{
	color: #000; font-size: 100%; font-weight: bold; line-height: 1em; font-family: Arial, Helvetica, sans-serif;
	background:#eac846; cursor:pointer; padding: 4px 2px 6px 8px;}		
#leftnav .expanded{
	color: #FFFFFF; font-size: 100%; font-weight: bold; line-height: 1em; font-family: Arial, Helvetica, sans-serif;
	background:#003366; cursor:pointer; padding: 4px 2px 6px 8px;}
#leftnav .expanded:hover{
	color: #000; font-size: 100%; font-weight: bold; line-height: 1em; font-family: Arial, Helvetica, sans-serif;
	background:#eac846; cursor:pointer; padding: 4px 2px 6px 8px;}
#leftnav .current{
	color: #000000; font-size: 100%; font-weight: bold; line-height: 1em; font-family: Arial, Helvetica, sans-serif;
	background:#eac846; padding: 4px 2px 6px 8px;}
#leftnav .show{
     position: static; display: inherit;}
#leftnav .hide{
	display: none;}
#leftnav h2 {
	margin: 10px 0 0 0; border:0; border-top:0; border-bottom: 1px solid #CCCCCC;
	position:relative;} /* important for IE */
#leftnav h2.top {margin:0;}
#leftnav h2 img {border: 0; float: right;
	position:relative;} /* important for IE */
#leftnav h2 a,
#leftnav h2 a:link,
#leftnav h2 a:visited,
#leftnav h2 a:active,
#leftnav h2 a:hover {
	color: #FFFFFF; text-decoration: none;
	position:relative;} /* important for IE */
/* The classes below define the links under the expand/collapse bars in the left navigation. */
ul.leftnavsub {
	list-style: none; margin: 0; padding: 0; width: auto;
	font-size: 92%; font-weight: normal; line-height: 1.1em;}
ul.leftnavsub li {
	background-color: #ffffe6; margin: 0; padding: 0; width: auto;
	border: 0; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
ul.leftnavsub li a,
ul.leftnavsub li a:link,
ul.leftnavsub li a:visited {
	color: #003366; text-decoration: none; padding: 2px 2px 2px 15px; display:block;}
ul.leftnavsub li a:active,
ul.leftnavsub li a:hover {
	color: #000; text-decoration: none; background-color:#eac846;}
/* The class below defines the background color under the image at the top of the left navigation. 
This color may never show, but is listed just in case a very long, continuous word pushes the 
left navigation out wider than its defined size. */
div#leftnavimage {
	background-color: #CCC; margin: 10px 0 0 0;}


/* FORM STYLES */
form {
	display: inline;}
input, input.inputregular, fieldset {
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}
input.textbox {
	border: 1px solid #B2B2B2; font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 2px;}
input.button, .button {
	background-color: #003366; border: 1px solid #000000; text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-size: 102%; font-weight: normal; color: #FFF;}
select {
	background-color: #FFFFFF; border: 1px solid #B2B2B2;
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}
textarea {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}


/* ALERT STYLES */
div.alert {
	background-color: #F3F1D7; margin: 0; padding: 8px; 
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
div.alert a, div.alert a:link, div.alert a:visited, div.alert a:active, div.alert a:hover {
	color: #990000; text-decoration: underline;}
.alerttext {
	color: #8D0000;}
div.alert p {
	text-indent: 0;}