html, body {
	   margin-top:  0px;
	margin-bottom:  0px;
	  margin-left:  0px;
	 margin-right:  0px;
	  padding-top:  0px;
   padding-bottom: 0px;
	 padding-left:  0px;
	padding-right:  0px;
	   border-top:  0px;
	border-bottom:  0px;
	  border-left:  0px;
	 border-right:  0px;
  background-color: white; 
/*  background: url(images/background.jpg);   */
  font-family: "Verdana", "Arial" , "Times New Roman", serif;
  font-size: 11px;
  color: black;
  min-width:720px; /* Prevent content from becoming unreachable in Gecko */  
}

.header { margin: 1px; color: #000000; font-size: 14px; padding: 2px; white-space: nowrap; border-bottom: 1px solid #e3e3e3; font-weight: bold;} 
.header a:active  { color: #000000; text-decoration: none; font-weight: bold;}
.header a:link    { color: #000000; text-decoration: none; font-weight: bold;}
.header a:visited { color: #000000; text-decoration: none; font-weight: bold;}
.header a:hover   { color: #000000; text-decoration: underline; font-weight: bold;}

.wrapper { border: 1px solid black; }

.columnheader {  margin: 5px; padding: 5px; background-color: #e3e3e3; color: black; font-size: 11px; white-space: nowrap; border-bottom: 1px solid black;} 
.columnheader a:active  { color: #000000; text-decoration: none; }
.columnheader a:link    { color: #000000; text-decoration: none; }
.columnheader a:visited { color: #000000; text-decoration: none; }
.columnheader a:hover   { color: #000000; text-decoration: underline; }

.appheader {  margin: 5px; padding: 5px; background-color: #d8d8fe; color: black; font-size: 11px; white-space: nowrap; border-bottom: 1px solid black; border-top: 1px solid black;} 
.appheader a:active  { color: #000000; text-decoration: none; }
.appheader a:link    { color: #000000; text-decoration: none; }
.appheader a:visited { color: #000000; text-decoration: none; }
.appheader a:hover   { color: #cc0000; text-decoration: underline; }

.row1 { margin: 5px; padding: 5px; font-size: 11px; color: black; }
.row1 a:active  { color: black; }
.row1 a:link    { color: black; }
.row1 a:visited { color: black; }
.row1 a:hover   { color: #950015; text-decoration: underline; }

.row2 { margin: 5px; padding: 5px; font-size: 11px; color: black; border-top: 1px solid black; border-bottom: 1px solid black; }
.row2 a:active  { color: black;  }
.row2 a:link    { color: black;  }
.row2 a:visited { color: black;  }
.row2 a:hover   { color: #950015; text-decoration: underline; }

.row_over { margin: 5px; padding: 5px; background-color: #FFFFCC; font-size: 11px; color: #e3e3e3; }
.row_over a:active  { color: black; }
.row_over a:link    { color: black; }
.row_over a:visited { color: black; }
.row_over a:hover   { color: #950015; text-decoration: underline; }

.footer { margin: 1px; color: #000000; font-size: 14px; padding: 2px; white-space: nowrap; border-top: 1px solid #e3e3e3;} 
.footer a:active  { color: #000000; text-decoration: none; }
.footer a:link    { color: #000000; text-decoration: none; }
.footer a:visited { color: #000000; text-decoration: none; }
.footer a:hover   { color: #000000; text-decoration: underline; }

.label { font-size: 11px; color: black;  white-space: nowrap; font-weight: bold; text-align: right;}
.label a:active  { color: black;  white-space: nowrap;  font-weight: bold; text-align: right;}
.label a:link    { color: black;  white-space: nowrap;  font-weight: bold; text-align: right;}
.label a:visited { color: black;  white-space: nowrap;  font-weight: bold; text-align: right;}
.label a:hover   { color: #ff0000; text-decoration: underline;  white-space: nowrap;  text-align: right;}

.content { font-size: 11px; color: black; margin: 5px; padding: 5px; }
.content a:active  { color: black; }
.content a:link    { color: black; }
.content a:visited { color: black; }
.content a:hover   { color: #ff0000; }

.error { margin: 5px; padding: 5px; text-align: left; font-size: 11px; color: #cc0000;  }

.required { 
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 12px; 
   background-color: #e3e3e3; 
   border: 1px solid black; 
   padding: 2px;
} 

.normal { 
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 12px; 
   background-color: #e3e3e3; 
   border: 1px solid black; 
   padding: 2px;
} 

.hidden { 
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 12px; 
   background-color: white; 
   border: 1px solid white; 
   padding: 2px;
   color: black;
} 

.button { 	
   border: 1px solid black; 	
   background-color: #e3e3e3; 	
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 11px; 
   color: black;
   padding: 2px;	
}

.button:hover { 
   border: 1px solid #e3e3e3; 	
   background-color: black; 	
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 11px; 	
   padding: 2px;	
   color: #e3e3e3;
}

.keypad { 
   width: 150px;
   border: 1px solid black; 	
   background-color: #e3e3e3; 	
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 11px; 
   color: black;
   padding: 5px;	
   margin: 5px;
}

.keypad:hover { 
   width: 150px;
   border: 1px solid #e3e3e3; 	
   background-color: black; 	
   font-family: "Verdana", "Arial" , "Times New Roman"; 
   font-size: 11px; 	
   padding: 5px;	
   margin: 5px;
   color: #e3e3e3;
}

.navbar { margin: 1px; color: black; background-color: #e3e3e3; font-size: 12px; padding: 5px; white-space: nowrap; } 
.navbar a:active  { color: black; text-decoration: none; }
.navbar a:link    { color: black; text-decoration: none; }
.navbar a:visited { color: black; text-decoration: none; }
.navbar a:hover   { color: #cc0000; text-decoration: underline; }


.footant { margin: 1px; color: #000000; font-size: 11px; padding: 2px; white-space: nowrap; } 
.footant a:active  { color: #000000; text-decoration: none; }
.footant a:link    { color: #000000; text-decoration: none; }
.footant a:visited { color: #000000; text-decoration: none; }
.footant a:hover   { color: #000000; text-decoration: underline; }

.popupLink { font-size: 11px;  color: #000000; }

.popupMenu { POSITION: absolute; VISIBILITY: hidden; border: 1px solid black; background-color: #FFFF99; PADDING: 3px; z-index: 10 }

.popupText { font-size: 11px; color: black; BACKGROUND-COLOR: #FFFF99;}

.eventbox { margin: 2px; color: black; font-size: 11px; background-color: #e3e3e3; padding: 2px; white-space: nowrap; border: 1px solid black; }
.eventbox a:active  { color: black; text-decoration: none; font-weight: bold;}
.eventbox a:link    { color: black; text-decoration: none; font-weight: bold;}
.eventbox a:visited { color: black; text-decoration: none; font-weight: bold;}
.eventbox a:hover   { color: #cc0000; text-decoration: underline;  font-weight: bold;}


/*** Nav bar styles ***/

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{

}

.mainitems a{


}

.subuls{
display: none;
width: 15em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #e3e3e3;
border: 1px solid black;
font-size: 11px;
}

.subuls li{
vertical-align: middle;
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}