BODY {
    background-color: white;
    background: white;
	background-attachment: fixed;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
    font-family:  Verdana, Geneva, Sans-Serif;
	font-size: xx-small;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin-left:0 0 0 0;
    
}

.Banner {
	text-decoration: none;
	/* GN no border needed, but still keep -nifty.
	border-top:	4px solid #ffff99;
	border-left:	4px solid #ffff99;
	border-right:	4px solid #cc9933;
	border-bottom:	4px solid #cc9933;
*/
	color: #ffffff;
	/*background-color: #003667;*/
	background-image: url(./img/new-logo.png);
	background-position: center;
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    /* This position rule makes the child element position from the parent, instead of from the browser viewport. */
    position: relative;
    background-size: cover;
    margin: 5px;
    left: 35%;
    width: 425px;
    height: 100px;
}
.Banner p {
    margin: 0em 0 0 400px;
}

	/* navigation */

.nav 
{
	position:relative;
	/*margin: 80 0 0;*/
	padding: 0;
	font-size:x-small;
	width:100%
	}
	.nav ul
{
	list-style-type: none;
	margin-left: 0; padding-left: 0;
	display: block;
	
	}
.nav li 
{
	list-style-type: none;
	display: block;
	color: teal;
	background: no-repeat left center;
	margin: 0;
	float: left;
	padding: 3px 12px 3px 15px;
    font-weight: normal;
}
/* this technique would be best */
/* .nav li:first-child { background-image: none; } */	
/* but it doesn't work in IE, so we have to use a class on it */
.nav li.first { background-image: none; }

.nav a:link, .nav a:visited {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	}
.nav a:link:hover, .nav a:visited:hover, .nav a:active, .nav a:focus {
	color: #CC6633;
	text-decoration: underline;
	}
/* primary content */
.primary {
	margin-right:5px;
	padding: 0 10px 10px 0;
	}
.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #27304c;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 5 0 0 0;
		}

h1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	COLOR: #0a246a;
	}

 P {
	font-size: 1em; 
	}
BLOCKQUOTE {
	font-size: larger 
	}
	table {
    margin: 0 auto;
}
	
/* new stuff...need to weed out */
.colheader 
{
	font-size:.9em; font-weight:bold;
	padding-right: 1px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; 
	margin: 0px 0px 3px; width: 100%; color: #999999; 
	border-bottom: #999999 1px solid; background-color: #ffffff 
} 
.colheader2 
{
position:relative;
padding-right: 1px; padding-left: 4px; font-size:.9em; padding-bottom: 2px; margin: 0px; width: 100%; color: black; padding-top: 2px; border-bottom: #999999 1px solid; border-Top: #999999 1px solid; background-color: #E0E0E0 
} 

/* table formats?  */
table 
{
	/*border:0;*/
}
.th
{ font-family:font-family: arial, helvetica, sans-serif; 
	color: White;
	font-weight : bold;
}
.tdButtons
{
	BORDER-RIGHT: white thick outset; 
	BORDER-TOP: white thick outset; 
	BORDER-LEFT: white thick outset; 
	WIDTH: 93px; 
	BORDER-BOTTOM: white thick outset; 
	BACKGROUND-COLOR: silver; 
	TEXT-ALIGN: center;
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	font-size:x-small;
	}
/***************** 3 sections, middle sec w/ 3 column layout code ****************/
 /* top section styles */
   #top {
  position:relative;
  left:0;
  top:0;
  border-bottom: #999999 2px solid;
  }
  
  .topcolumn {
  position:relative;
  padding-left:0;
  padding-right:0;
  background-color: #E0E0E0;

  }

  /* middle section & column styles */
  
  #middle {
  position:relative;
  left:0;
  top:0;
  }
  
  
  .midcolumn1 {
  position:absolute;
  top:0;
  left:0;
  padding-left: 5px;
  width:15%;
  }
  .midcolumn1row2 {
  position:absolute;
  top:0;
  left:0;
  width:10%;
  }
  
  .midcolumn2 {
/* if bug appears use “absolute,” for position  */
  position:relative;
  top:0;
  left:10%;
  width:80%;
   }
  .midcolumn3 {
  position:absolute;
  top:0;
  left:90%;
  width:10%;
  }
   .midcolumn1Admin
   {
  position:absolute;
  top:0;
  left:0;
  padding-left: 5px;
  width:20%;
  height:90%
  }
   .midcolumn2Admin {
/* if bug appears use “absolute,” for position  */
  position:relative;
  top:0;
  left:20%;
  width:40%;
   }
   
.indent 
{
   text-align: left;
   padding-left:4px;
   padding-right:4px;
   padding-bottom: 4px;
   }
   
.required 
{
	font-weight :bolder;  
	font-size:x-small;
	color: red;
	clear:none;
}

/* FOOTER section */
  #bottom {
  position:relative;
  left:0;
  top:0;
  background-color: #E0E0E0;
  background-position: 100% 100%;
    }
  
 .botcolumn1 {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  }

/* Formatting content */
div.float {
  float: left;
  }
  
div.float p 
{
   font-size : small;
   text-align: left;
   font-weight: bold;
   padding-left:5px;
   padding-right :5px;
   color:Maroon;
   }

div.container {
  border: 1px dashed #333;
  background-color: #ffe;
  padding-left: 10px;
  padding-top : 5px;
  padding-bottom:5px;
  }
  
div.spacer {
  clear: both;
  }
  .formdata {
    
    float: left;
    padding-right: 5px;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: normal;
	color: black;
	vertical-align: middle;
    }
   
  .formdataright
   {
    padding-right: 5px;
    text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: normal;
	color: black;
	vertical-align: middle;
    }
    .formdatacenter
   {
    padding-right: 5px;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: normal;
	color: black;
	vertical-align: middle;
    }
	.formlabel 
	{
      font-size:small;
   text-align: left;
   font-weight: bold;
   padding-left:5px;
   padding-right :5px;
   }
   .formdate {
    
    float: left;
    width: 8em;
    padding-right: 5px;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: black;
	vertical-align: middle;
    }
  
  .reportdata {
    
    float: left;
    padding-right: 5px;
    text-align: left;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
	vertical-align: top;
    }
    .reportlabel {
    
    float: left;
    padding-right: 5px;
    text-align: right;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight: normal;
	color: black;
	vertical-align: middle;
    }
    .formlabelbig 
	{
   font-size: 1em;
   text-align: left;
   font-weight: normal;
   padding-left:5px;
   padding-right :5px;
   }
    .inputlabel {
    
    float: left;
    padding-right: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: bold;
	color: #0a246a;
	vertical-align: bottom;
    }
    .inputlabelnofloat {
    padding-right: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #0a246a;
	vertical-align: bottom;
    }
    
	.inputlabelright 
	{ 
	float: right;
   	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: bold;
	color: #0a246a;
	vertical-align: bottom;
    }
   .DHTR_Grid_Row td
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    font-size:	x-small;
}
   .DHTR_Grid_Header th
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    font-weight: bolder;
    font-size:	x-small;
    background-color: #E0E0E0;
    color:Black;
}