@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}


h1 {
	font-size: 16px;
	font-weight: bold;
	color: #00703c;
}

h2	{
margin-bottom:0px;
	font-size: 12px;
	color:#3f3f3f;

	}
.subhead-underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	color: #00703C;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
}

.homecopy h1 {
	font-weight: bold;
	font-size: 21px;
	color: #ffd457;
	margin-bottom:4px;
}
.homecopy {
	color: #006235;
	padding: 0 70px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
}

.style2 {
	font-size: 12px;
	line-height:19px;
	color: #3f3f3f;
	padding-right:25px;
}
.style_survey {
	font-size: 12px;
	line-height: 14pt;
	color: #3f3f3f;
	vertical-align: top;
}
.chart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	color: #3f3f3f;
	padding: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.style2 a{
color:#003366;
}

.topseo	{
font-size:10px;
text-align:left;
color:#666666;
padding-left:50px;
padding-top:5px;
}
.searchbox{
font-size:10px;
width: 150px;
height:20px;
text-align:left;
color:#666666;
margin-left:15px;
}
.botlinks{
font-size:10px;
color:#666666;
}
.leftnav{
display:block;
margin: 0px 0px 0px 0px;
padding:0;
width: 266px;
height:70px;
}

.mainnav	{

	font-family:Trebuchet MS, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006235;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 6px 0 6;
	margin: 3px 0 3px 0;
	border-right: dashed 1px;
}

.botlinks a{
font-size:10px;
color:#666666;
}


#nav A {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	text-decoration: none; 
	font-size: 12px;
	line-height:13px;
	font-style: normal; 
	display: block; 
	color: #fff;
	background-color:#888888;  /* Change this color for the normal state in the dropdown */
	}


#nav A:hover {
	font-style: normal; 
	text-decoration: none; 
	background-color: #666666;  /* Change this color for the over state in the dropdown */
	color: #ffffff;
	}


#nav A:link {
font-style: normal; 
	display: block; 
	color: #ffffff; 
	padding: 5px 3px 8px 10px;
	}

#nav A:visited {
	font-style: normal; 
	padding: 5px 3px 8px 10px;
	}


#nav, #nav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.5;
    display: block;
	}


#nav li { /* all list items */
	float: left;
   width: 137px; /* width needed or else Opera goes nuts */
	margin: 0px;
   padding: 0;
	background-color: #ffffff;
	display: block;
	line-height: 1.5;
	background: none;
}

.arrow:hover	{
	background: no-repeat url(../img/nav_arrow_wht.gif);
}

#nav li ul { /* second-level lists */
list-style-image:url(../img/nav_arrow_wht.gif);
	position: absolute;
	width: 137px;
	border: 1px solid #FFFFFF;
background-color: #FFFFFF;
	display: block;
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        position: absolute;
        display: block;
        margin: -27px 0px 0px 137px;  /* False value for IE4-5.x/Win */
        margin: -27px 0px 0px 137px;	 /* Actual value for conformant browsers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul{
	left: -999em;
	color: #FF0000;
	display: block;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#content {
	clear: left;
	color: #cccccc;
}
ul {padding: 3px; margin: 3px}

li {margin-left: 1.7em; margin-top: -3px; list-style: square outside; background: none}
.route-name-header-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
.chart3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	color: #3f3f3f;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.chart2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	color: #3f3f3f;
	padding: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.chart4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	color: #3f3f3f;
	padding: 4px;
	border: 1px solid #999999;
}
.values-tile {
	background-color: #DDE9F5;
	float: left;
	width: 228px;
	margin-top: 48px;
	margin-bottom: 12px;
}
.systemmap {
	background-color: #DDE9F5;
	margin-bottom: 48px;
}
.systemtable  {
	margin-top: 30px;
}