/* CSS Document */
/* Start by removing all margins and padding from all elements */
* {
  margin: 0;
  padding: 0;
}
/* Add back in only relevant margins and padding */
p {
	padding-bottom:1em;
}
option {
  margin-right: 1em;
}
img{vertical-align:top;}
/*input.text, textarea, select { 
  border: 1px solid #666; 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc;
}
input.text, input.button, textarea, 
input.button { 
  margin-right: 1em;
  padding: .2em .6em;
}*/
/* BEGIN LAYOUT CSS */
body,html {
	background-color: #FFFFFF;
}

#background {
	background-color: #FFFFFF;
	height:auto;
    width:100%;
    min-height:100%;
}
 * html #background {
    height:100%;
}

#container {
 	width:100%;
}
/* header */
#headerbar{
	height:85px; /* make this the height of the logo/header*/
	/*border: thin solid #00447a;*/
	background-image: url("/images/heading-repeat.gif");
	background-repeat: repeat-x;
}
#headerbar-bottom{
	height:16px; /* make this the height of the logo/header*/
	/*border: thin solid #00447a;*/
	background-image: url("/images/heading-bottom-repeat.gif");
	background-repeat: repeat-x;
	margin-bottom:10px;
}
#logobar{
	width:99%;
}
#logo {
	float:left;
}

#tagline{
	float:right;
}

#navigation{
	width:99%;
}
#navbar{
	float:right;
}
a.nav-buttons{
	display:block;
	float:right;
	color:#FFFFFF; 
	background-color:#70a100;
	border:solid 1px white;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}
a.nav-buttons:hover{
	background-color:#868686;
}
.logo-position {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 10px;
}

#mainmenu {
  float: left;
  width: 210px;
  margin:0;
  padding:5px;
  }

#maincontent {
  /*margin-left: 220px;*/ /* width of main menu + padding left and right */
  /*width:100%;
  margin:0 auto;*/
  min-height:200px;
  } 
.indextable{
	width:99%;
	margin:0 auto;
}  
li {
	margin-left:2em;
}
 .noListStyle{
	list-style:none;
}
.clear{
	clear:both;
	height:0;
	line-height: 0px;
	margin:0;
	padding:0;
}
/* Footer */
#footer{ margin:0px; padding:0px; border:0px; clear:both; }
#ddafooter{ margin:0px; padding:0px; border:0px; clear:both; }

/* END OF LAYOUT CSS */

/* ROW LAYOUT CSS */
/*  Do not position these elements */
div.row {
  clear: both;
  padding-top: .5em;
  width:100%;
  }
span.right {
  display:block;
  float: left;
  width: 125px;
  text-align: right;
  }
span.longright {
  display:block;
  float: left;
  width: 250px;
  text-align: right;
  }
span.shortright {
  display:block;
  float: left;
  width: 40px;
  text-align: right;
  }
span.longleft {
  display:block;
  float: left;
  padding-left: 1em;
  width: 250px;
  text-align: left;
  }
span.left {
  display:block;
  float: left;
  padding-left: 1em;
  width: 125px;
  text-align: left;
  }
span.shortleft {
  display:block;
  float: left;
  padding-left: 1em;
  width: 40px;
  text-align: left;
  }

/* END ROW LAYOUT CSS */

/* DDA Link at the bottom of the pages */
.dda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00447a;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.dda a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00447a;
	text-decoration: none;
}
.dda a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00447a;
	text-decoration: none;
}
.dda a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00447a;
	text-decoration: underline;
}
.dda a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00447a;
	text-decoration: none;
}
/* END DDA LINK CSS */

/* BEGIN GENERAL CSS FOR TEXT */

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00447a;
	line-height: 14px;
	text-indent: 0px;
}
.text a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00447a;
	/*margin-left: 7px;
	line-height: 18px;*/
	text-decoration: none;
}
.text a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00447a;
	/*margin-left: 7px;
	line-height: 18px;*/
	text-decoration: none;
}
.text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B4975A;
/*	margin-left: 7px;
	line-height: 18px;*/
	text-decoration: none;
}
.text a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00447a;
	/*margin-left: 7px;
	line-height: 18px;*/
	text-decoration: none;
}
.text input[type=submit]{
	font-weight:bold;
}
.underline{
	text-decoration: underline;
}
table.text {
	border-collapse:collapse;
}
th.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00447a;
	line-height: 14px;
	padding-left:.5em;
	padding-right:.5em;
}
th.text a:link {
	color: #00447a;
	text-decoration: none;
}
th.text a:visited {
	color: #00447a;
	text-decoration: none;
}
th.text a:hover {
	color: #B4975A;
	text-decoration: none;
}
th.text a:active {
	color: #00447a;
	text-decoration: none;
}
.tabletext td{
	padding-bottom: 1em;
}
.links a:visited {
	color: #00447a;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.links a:active {
	color: #00447a;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.links a:link {
	color: #00447a;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

} 
.links {
	color: #00447a;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.links td {
	background-color: #F4F7F7;
}
.links a:hover {
	color: #B4975A;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #00447a;
}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00447a;
	line-height: 18px;
}
.textbold {
	color: #00447a;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.noticeText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800000;
	font-weight:bold;
	text-decoration: none;
}
.tableClass {
	width:100%;
	/*border:1px solid grey;*/
	border:0;
	padding:2px;
	margin:2px;
	text-align:center;
}
.tableClass td{
	/*border:1px solid grey;*/
	border:0;
	padding:2px;
	margin:2px;
}
.tableClass2 {
	width:99%;
	/*border:1px solid grey;*/
	border:0;
	padding:4px;
	margin:4px;
	text-align: center;
}
.tableClass2 td{
	/*border:1px solid grey;*/
	border:0;
	padding:4px;
	margin:4px;
}
.tableClass3 {
	border:0;
	padding:0;
	margin:0;
}
.tableClass3 td{
	border:0;
	padding:0;
	margin:0;
}
.tableClassBorder {
	width:75%;
	/*border:1px solid grey;*/
	border-collapse:collapse;
	padding:2px;
	margin:2px;
	text-align:center;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.tableClassBorder th{
	border:0;
	/*border:1px solid grey;*/
	border-collapse:collapse;
	padding:2px;
	margin:2px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.tableClassBorder td{
	/*border:1px solid grey;*/
	border:0;
	border-collapse:collapse;
	padding:2px;
	margin:2px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.tableClassBorder2 {
	width:85%;
	/*border:1px solid grey;*/
	border-collapse:collapse;
	padding:4px;
	margin:4px;
	text-align:center;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.tableClassBorder2 th{
	/*border:1px solid grey;*/
	border:0;
	border-collapse:collapse;
	padding:4px;
	margin:4px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.tableClassBorder2 td{
	/*border:1px solid grey;*/
	border:0;
	border-collapse:collapse;
	padding:4px;
	margin:4px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.leftAlignTable {
	/*border:1px solid grey;*/
	border:0;
	padding:4px;
}
.leftAlignTable td{
	/*border:1px solid grey;*/
	border:0;
	padding:4px;
}
.leftAlignTable td.center{
	border:0;
	padding:4px;
	text-align:center;
}
input.biggreenbutton
{
   font-size:14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   width:250px;
   height:30px;
   background-color:#006600;
   border-style:solid;
   border-color:#999999;
   border-width:1px;
}
input.biggreenbutton.highlightHover
{
   border-color:#FFFF00;
}
/* END GENERAL CSS */



/* BEGIN TOOLTIP CSS 
	Notes: 	z-index must be used to keep the hover above the link text
			tooltip span is the text that should be displayed on the hover, it is hidden when not on hover
			tooltip hover can work on any element in theory, but certain browsers will only hover anchor tags
*/
.tooltip{
    position:relative; 
    z-index:24;
}

.tooltip:hover{
	z-index:25; 
}

.tooltip div{display: none}

.tooltip:hover div{ 
    display:block;
    position:absolute;
    top:2em; 
	left:4em; 
	width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: left;
	filter:alpha(opacity=100);-moz-opacity:1.0;
	
}
/* END TOOLTIP CSS */