﻿.printOnly 
{
	display: none;
}

body, html {
    margin: 3px; padding: 0;    /* set to 0 to hit the edges of the browser */
    background:#e3e3ab;
    color:#000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
body {
    min-width:900px;        /* this must match #wrap    */
}


hr.solid    {  border: solid 1px black;     }
hr.dashed   {  border: dashed 1px gray;     }
hr          {  border: dashed 1px black;    }    

#wrap 
{
	background:white;
	overflow:auto;
	overflow-x:hidden;
	border:solid 2px #302173;
	margin:0 auto;          /* will center automatically    */
	width:900px;            /* must match body.min-width    */	
}
#header 
{
    padding-top: 0px;    
    height: 43px;           /* image height is 49px, so any additional leaves a border  */
}
#header h1 {
		padding:5px;
	    margin:0;
}


#main-heading {
	width:749px;
	height: 49px;
/*	border: solid 1px; */
    padding-top: 4px;
  
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight:  normal;
	color:  #6F5FB7;
	text-align: left;	
	padding-bottom: 0;
	margin-bottom: 10px;
}

#main-heading p, #main h3, #main p {
    margin: 0;
    margin-top: .2em;
    padding: 0;
}
#main-heading h2 {
    margin-top: 0;
    color: #226;    
    color: Navy;
/* for IE */    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;    
}

#main-heading  a {
    margin-top: 0;
    color: #226;    
    text-decoration: underline;
    color: Navy;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;    

}

/*
#main-heading a:hover {
    text-decoration: underline;
    color: blue;
}
*/

#main 
{
/*    border-right: 1px solid gray;  */
	background:white;
	padding-top:5px;
    padding-left: 2px;
	float: right;
	width: 748px;
	height:  auto;
	overflow: visible;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:  normal;	
	min-height: 500px;
	clear:   none; 
}

#main h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;    
}

#main h2 {
/*    padding-top: .5em; */
/* for IE */    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;    
}

#main h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;    
}

#main h1, #main h2, #main h3, #main p 
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: .25em;
    padding-top: 0;
}


#main p  {
}

#main p + p {
    margin-top: 1em; 
}

#main  ul {
  margin: 0;
  margin-left: 3em;
  margin-bottom: 1em;
  padding: 0;
/*  border: 1px solid gray; */
}

#main li {
   margin-top: .5em;
   padding-right: 10px;
}

#main li a, a {
    color: navy;
}

#main li a:hover, a:hover {
/*    text-decoration: underline;
    color: blue;
*/
}

#left-nav 
{
	background:#004A65;
/*	background:#004A65; */ /* this produces black lines between items for IE */
	width: 150px;
	height: auto;
	clear:   none;  
	min-height: 500px;
}

#left-nav ul {
	margin-bottom:0;
}
#left-nav h3, #left-nav p {
	padding:0 10px 0 0;
}
#footer {
	background: #9AC9FF;
	clear:both;
}
#footer p {
 padding:2px;
 margin:0;
 border: solid 1px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 text-align:  center;	
}

.vert-menu, .vert-title, .trans-title, .env-title, .eco-title, .com-title, .cost-title {
/*  border: 1px solid black;  */
  border-bottom-width: 0;
  width: 150px;
}

.vert-menu ul{
  margin: 0;
  padding: 0;
  list-style-type:  none;  
  font-family: 'Verdana', 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  font-size: 70%;
  font-weight: 600;
}

.vert-title, .trans-title, .env-title, .eco-title, .com-title, .cost-title, dummy ul {
  margin: 0;
  padding: 0;
  list-style-type:  none;  
  font-family: 'Verdana', 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  font-size: 70%;
  font-weight: 600;
}

.vert-menu li a{
  display:  block; 
  padding-top: 3px;
  padding-left: 0px;
  padding-right: 1px;
  padding-bottom: 4px;
  
  width: 148px; /* vert-menu width minus all left/right paddings and margins*/
  text-decoration: none;
  color: white;
  /*background-color: #9AC9FF;*/
/*  border-bottom: 1px solid #90bade; */
  border-left: 0px solid #9AC9FF;   /* was 6 */
}

.vert-menu li a:hover 
{
/*  color: white;    */
  background-color: #3975BB;
  border-left-color: #3975BB;
}


* html .vert-menu li a{ /*IE only */
  width: 148px; /*IE 5*/
/*  width: 114x; */ /*185px minus all left/right paddings and margins*/
}

.vert-title, .env-title, .trans-title, .eco-title, .com-title, .cost-title, dummy li a {
  display:  block;   
  color: white;
  text-decoration: none;
  background-color: #004A65;
  border-left: 0px;
  padding-left: 0px;  
  border-top: 2px;
  border-bottom: 2px;
  border-left: 0px;
  border-right: 0px;

  border-style:solid;
  font-size: 110%;
  width: 149px;
}

.trans-title 
{
  background-color: #021880;
}
.trans-menu li a:hover 
{
  background-color: #000090;
}

.env-title 
{
  background-color: #063901;
}
.env-menu li a:hover
{
  background-color: #009900;
}
		
.eco-title 
{
  background-color: #490001;
}
.eco-menu li a:hover 
{
  background-color: #aa0000;
}

.com-title 
{
  background-color: #330066;
}
.com-menu li a:hover 
{
  background-color: #aa00dd;
}

.cost-title 
{
  background-color: #977d02;
}
.cost-menu li a:hover 
{
  background-color: #dddd00;
}

* html .vert-title li a{ /*IE only */
  margin-top: -7px;
  padding-top: 5px;
  width: 146px; /*IE 5*/
}

/* 
  content boxes for measures, details, etc. 
*/
.content {
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width:auto;
  min-width:100px;
  margin:5px;
  border:1px solid black;
  padding:10px;
}

.content  ul 
{
  margin: 0;
  margin-left: 1em;
  padding: 0;
}
.content  li {
   list-style-type: none;
   margin-left: 1em;
   text-indent: -1em;
   margin-top: .5em;
}
.content a:hover {
    text-decoration: underline;
}


.content2 {
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width:auto;
  min-width:40px;
  margin-left: 0px;
 
  border:1px dotted #eee;
  padding:5px;
  padding-left: .5em;
  
  display: none; 
}

.content2 ul 
{
  margin: 0;
  margin-left: -1em;
  padding: 0;
}

.content2 li {
	list-style-type: disc; 
    text-indent: 0em; 
    margin-top: .2em;
}

.content2 a {
    text-decoration: underline; 
    color: Navy;
}
.content2 p {
	padding:  .5em 10px 2px 5px; 
}
.content2 p + p {
 margin-top: .5em; 
}

/*
 print display
*/

#coverpage 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
	font-weight:  normal;	 
	text-align: center;
	page-break-after: always;	
	margin: .25in;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	padding-bottom: 1em;
}

#coverpage h1 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;    
}

#coverpage h2 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;    
}

#coverpage h2 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;    
    font-weight: bold;
}

#coverpage h3 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;    
    font-weight: normal;
}

#coverpage p 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight:  normal;	 
    
  text-align: justify;
}

.measurepage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
	font-weight:  normal;	 
	text-align: left;
	page-break-before: always;
	margin: .25in;
	border-bottom: 1px black solid;
	padding-bottom: 1em;
}

.measurepage h1 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;    
    font-weight: bold;
}

.measurepage h2 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;    
    font-weight: normal;
}

.measurepage h3 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;    
    font-weight: bold;
    background: black;
    color: white;
    padding: .5em;
    border: 1px black solid;
    margin-bottom: .5em;
}

.measurepage ul
{
    margin-left: 2em;
}

.measurepage li
{
/*
    list-style-type: circle;
    text-indent: 1em;
*/    
}

/* style for the popup help text */
.navtext {
    width:auto;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    border-width: 3px;
    border-style: outset;
    border-color: darkgray;
    layer-background-color:black;
    background-color:slategray;
    color:azure;
    padding: .5em;
    z-index: 1;
}

/* For the diagnostic tool */
.radiobuttonlist
{
	margin-left: 2em;
}
input[type=radio]
{
	vertical-align:middle;
}
.checkboxlist 
{
	margin-left: 3em;
}