body {
/* background for the whole page */
  background-image: url('images/esd_bg.png');
  background-color: #000000;	
  background-repeat: no-repeat;
  background-position: center top;
}

/* In this stylesheet we have 4 main regions:
	header:		x:   0 to 820, 	y:   0 to 100
	newsflash 	x:   0 to 820, 	y; 101 to 130
	main_menu 	x:   0 to 150, 	y: 131 to 700
	content		x: 151 to 820, 	y: 131 to 700
*/
#whole {
  width: 820px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -410px;
}
#header {
  position: relative;
  width: 820px;
  height: 120px;
  text-align: center;
}
#newsflash {
  position: relative;
  top: 0px;
  left: 0px;
  width: 820px;
  height: 30px;
  text-align: center;
}
#main_menu {
  position: relative;
  float: left;
  width: 150px;
/*  padding: 5px; */
  text-align: left;
}
#main_content {
  position: relative;
  float: left;
  width: 650px;
  text-align: left;
}
#footer {
  position: relative;
  clear:both;
  width: 820px;
  padding: 5px;
  top: 0.75em;
  margin-bottom: 0.75em;
  text-align: center;
  background-color: #ffff00; 
}
/* Style related to the footer */
p.footer {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}
a.footer:link, a.footer:visited {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: 700;
  text-decoration: underline;
  color: blue;
}

/* Font Styles for links*/
a:link {
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica;
  font-weight: 700;
  text-decoration: underline;
  color: #e0e0e0;
}
a:active {
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
}
a:hover {
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica;
  font-weight: 700;
  text-decoration: none;
}
a:visited {
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica;
  font-weight: 700;
  colour: #e0e0e0;
}

/* Paragraph and header font styles */
p, td {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  color: #ffff00;
}
p.menu {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-variant: small-caps;
}
p.heavy {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
}
h1 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 16pt;
  font-weight: bold;
  border: none;
  color: #ffffff;
}
h2 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  border: none;
  color: #ffffff;
}
h3 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;

}

/* List styles */
ul 
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  list-style-type: square;
  color: #ffff00;
}

ol 
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  list-style-type:decimal;
  color: #ffff00;
}

/* Clever menu processing */
a.nav, a.nav:link, a.nav:visited
/* has no effect on stuff in the menu div */ 
{
  border: none; 
/*  border: 1px solid #000000;	*/
  margin: 1px;
  padding-left: 20px;
  background: #ffff00 none repeat scroll 0%;
  display: block;
  width: 120px;
  height: 20px;
  text-align: left;
  text-decoration: none;
  font-family: verdana,arial,sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  overflow: hidden;
  float: left;
}
a.nav:hover 
{
  background: #FFFF20 none repeat scroll 0%;
  color: #ffffff;
}
a.nav:active 
{
  background: #E0E000 none repeat scroll 0%;
  color: #000000;
}

a.top_nav, a.top_nav:link, a.top_nav:visited 
/* this controls the stuff in the menu div */ 
{
  border: 1px solid #000000;
  margin: 1px;
  padding-left: 10px;
  background: #FFFF00 none repeat scroll 0%;
  display: block;
  width: 130px;
  height: 23px;
  text-align: left;
  text-decoration: none;
  font-family: verdana,arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  line-height: 23px;
  overflow: hidden;
  float: left;
}
a.top_nav:hover 
{
  background: #E0E000 none repeat scroll 0%;
  color: #000000;
}
a.top_nav:active 
{
  background: #000000 none repeat scroll 0%;
  color: #FFFF00;
}

/* Some stuff for formatting the forms */
td {
	vertical-align: top
}

label {
	display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
	color: #ffff00;
/*	margin-bottom: -1em; */
}

input {
	display: block;
  	background: #FFFF40;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
/*	left: 10em;		
	top: -0.5em;	*/
}

input#form2 {
	display: block;
  	background: #FFFF40;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
/*	top: -0.5em;	*/
}

textarea#form2 {
	display: block;
  	background: #FFFF40;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
/*	top: -0.5em;  */	
}

label#ChkBox {
	display: block;
	width: 4em;			   
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
	color: #ffff00;
/*	margin-bottom: 0.1em;  
	margin-left: 4em;	   */
}

input#ChkBox {
	display: block;
	width: 1em;
  	background: #FFFF40;
	position: relative;
/*	top: 0.25em;	*/
}

label.ChkBox {
	display: block;
	width: 4em;			  
	position: relative;
	left: 1.2em;	   
	top: -1.1em;	   
	margin-bottom: -1em;  
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
	color: #ffff00;
}

input.ChkBox {
	display: block;
	width: 1em;
  	background: #FFFF40;
	position: relative;
/*	top: 0.25em;	*/
}