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: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  color: black;
  min-width:720px; /* Prevent content from becoming unreachable in Gecko */  
}

div#headerwrap {
  background-color: #004a65; 
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:40px;
   border-bottom: 1px solid black;	
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
  background-color: #004a65; 
	background-repeat:repeat-x;
	height:40px;
	width:100%;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;

}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:50px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:98%;
	margin:0 auto;
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	background-color: #efefde;
	p\osition:absolute;
	bottom:0;
	left:0;
	height:20px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
    font-size: 12px;
	height:20px;
	width:100%;
	margin-top: 5px;
	text-align: right;
}


form { display: inline; }

.preform { width: 100%; height: 265px; overflow: auto; border: solid black 1px; background-color: #efefde; color: black; font-size: 11px; padding: 4px;}

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

.helptext { margin: 1px; color: #000000; font-size: 10px; padding: 2px; white-space: nowrap; border-bottom: 1px solid #efefde;} 
.helptext a:active  { color: #000000; text-decoration: none; }
.helptext a:link    { color: #000000; text-decoration: none; }
.helptext a:visited { color: #000000; text-decoration: none; }
.helptext a:hover   { color: #000000; text-decoration: underline; }

.wrapper { border: 1px solid black; }

.columnheader {  margin: 5px; padding: 5px;   background: #004a65;  background-repeat:repeat-x; color: #ff8c00; font-size: 11px; white-space: nowrap; } 
.columnheader a:active  { color: #ff8c00; text-decoration: none; }
.columnheader a:link    { color: #ff8c00; text-decoration: none; }
.columnheader a:visited { color: #ff8c00; text-decoration: none; }
.columnheader a:hover   { color: white; 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: #efefde; }
.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 #efefde;} 
.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;  }

.indexday { background-color: white; font-size: 11px; text-align: right; padding: 2 5 15 25; }
.indexday a:active  { color: black; }
.indexday a:link    { color: black; }
.indexday a:visited { color: black; }
.indexday a:hover   { color: #ff8c00; }

.formbg { 
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #efefde; 
   border: 1px solid black; 
   padding: 2px;
} 

.required_white { 
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #ffffff; 
   border-top: 0px solid black; 
   border-bottom: 1px solid black; 
   border-left: 0px solid black; 
   border-right: 0px solid black; 
   padding: 2px;
} 

.required_select_white { 
    font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #ffffff; 
   border: 0px solid black;
   padding: 2px;
} 


.general_txtarea { 
   font-family: "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 14px; 
   background-color: white; 
   border: 1px solid black;
   padding: 10px;
} 

.required { 
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #ffff99; 
   border-top: 0px solid black; 
   border-bottom: 1px solid black; 
   border-left: 0px solid black; 
   border-right: 0px solid black; 
   padding: 2px;
} 

.required_select { 
    font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #ffff99; 
   border: 0px solid black;
   padding: 2px;
} 

.normal { 
    font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: 12px; 
   background-color: #efefde; 
   border-top: 0px solid black; 
   border-bottom: 1px solid black; 
   border-left: 0px solid black; 
   border-right: 0px solid black; 
   padding: 2px;
} 

.normal_select { 
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 12px; 
   background-color: #efefde; 
   border: 0px solid black;
   padding: 2px;
} 



.hidden { 
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 12px; 
   background-color: white; 
   border: 1px solid white; 
   padding: 2px;
   color: black;
} 

.revbutton { 	
   border: 1px solid black; 	
   background: #ff8c00;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #004a65;
   padding: 2px;	
}

.revbutton:hover { 
   border: 1px solid black; 	
   background: #004a65;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 	
   padding: 2px;	
   color: #ff8c00;
}

.selected { 	
   border: 1px solid black; 	
   background: #004a65;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #ff8c00;
   padding: 2px;	
}


.clean { 	
   border: 0px solid black; 	
   background: white;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #004a65;
   padding: 2px;	
}

.clean:hover { 	
   border: 0px solid black; 	
   background: white;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #ff8c00;
   padding: 2px;	
}


.button { 	
   border: 1px solid black; 	
   background: #004a65;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #ff8c00;
   padding: 2px;	
}

.button:hover { 
   border: 1px solid black; 	
   background: #ff8c00;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 	
   padding: 2px;	
   color: #004a65;
}

.buttontxt { 	
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #000000;
   padding: 2px;	
}

.keypad { 
   width: 130px;
   border: 1px solid black; 	
   background: #efefde;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 	
   padding: 2px;	
   color: black;
}

.keypad:hover { 
   width: 130px;
   border: 1px solid #efefde; 	
   background: black;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: #efefde;
   padding: 2px;	
}

.btninvisible { 
   background: #efefde;
   font-family: "trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif; 
   font-size: 11px; 
   color: black;
   padding: 2px;	
   border: 0px solid black;
   margin: 2px;
}

.sectionheader {color: #000000; font-size: 18px; } 
.sectionheader a:active  { color: #000000; text-decoration: none; }
.sectionheader a:link    { color: #000000; text-decoration: none; }
.sectionheader a:visited { color: #000000; text-decoration: none; }
.sectionheader a:hover   { color: #000000; text-decoration: underline; }

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

.smlink { color: #000000; font-size: 11px; padding-top: 15px;  } 
.smlink a:active  { color: #000000; text-decoration: none; }
.smlink a:link    { color: #000000; text-decoration: none; }
.smlink a:visited { color: #000000; text-decoration: none; }
.smlink 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: #efefde; 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: #004a65;
border: 1px solid #ff8c00;
font-size: 11px;
}

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


#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;
}