html, body {margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

 /* SPAN.dbinfo { color: blue } */
 
SPAN.dbinfo { color: black; }/* #1C2C83blue that matches cup*/ 
SPAN.info    { color: green }
SPAN.warning { color: yellow } 
SPAN.error   { color: red }

#container{
	padding:0px;
	margin:0px;
}

#container h1{
	padding:0px 0px 0px 0px;
	margin:0px;
}

#container h2{
	padding:2px 0px 2px 0px;
	margin:0px;
}

#header{
	font-family: Academy Engraved LET;
    color: black; 	   
	background:white none repeat scroll 0% 50%;
    font-family:Academy Engraved LET;
    margin:0pt;
    padding-left:0pt;	   
}

#logoname {
	margin-left:18px;
}

#wrapper{
	height:100%;
	padding:20px 0px 0px 0px;
	margin:0px;
}

#sidenav{
	float:left; 
	width:190px; 
	height:auto; 
	background-color: #99CCFF;
}

#sidenav a: link{
	color: #000099; 
	padding:4px;
}

#sidenav a: hover{
	color: #993366;
}

#content{
	margin-left:215px;
}  

p{
	/*margin:10px;*/
}

#disclaimer{
	/* background: #B3B7AA;*/ 
    background: white; 
   	clear: left; 
	width: 100%;
	text-indent: 18em;	
	margin-top: 15px;
	color: black;	
}

#disclaimer p{
	padding: 2px;
	margin:0px;
	color: black;
}

#footer
{
  padding: 2px;
  margin:0px;
  background: #B3B7AA; 

  
  color: black; /* font color*/ 
  text-indent: 18em;   
}

#footer p{
	padding: 2px;
	margin:0px;
	color: black;
}
#footer a:link { 
	color: blue;
}
#footer a:visited { 
	color: blue;
}

#footer a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}

#footer a:active { 
	color: #333333; 	
}

#mapfooter
{
  padding: 2px;
  margin:0px;
 /* background: #0C4D9D;  nice blue color */
  background: black;/*#1C2C83;  blue that matches cup*/
  
  color: #FFFFFF; /* font color*/ 
  text-indent: 1.5em;
   
}

#mapfooter p{
	padding: 2px;
	margin:0px;
}
#mapfooter a:link { 
	color: #ffffff;
}
#mapfooter a:visited { 
	color: #FFFFFF;
}

#mapfooter a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}

#mapfooter a:active { 
	color: #333333; 
	/* color: #0000ff; white */
}



#wrapper{float:left;width:100%}


#nav {
 	margin-left: 25px; 
	margin-top: 10px;
 	float: left;
	height: auto;
}

#current {
	color: green;
}

#nav a:hover
{
	color: red;
	border-bottom: 1px dotted red;
	border-top: 1px dotted red;
}

#nav ul ul a:hover { /*sub menu items*/ 
	color: red;	
}
	
ul {
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style: none;	
	width: 110px;	
	border-bottom: 1px solid  white; /* #1C2C83; */
}	

ul li {
	position: relative;
}

/*
sub-menus. We want each sub-menu to appear 
to the right of its parent menu item when that item is hovered over.
*/

li ul {
	position: absolute;	
	left: 109px; /* always 1 less than ul.width! */
	top: 0;
	width: 70px;
	display: none;
}


ul li a {
	display: block;
	text-decoration: none;	
	color: black; /* #1C2C83;*/	
	background: #fff; 
	padding: 2px;
	border: 1px solid white; /* #ccc;  #1C2C83; */
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; 	
}

li:hover ul, li.over ul { 
	display: block; 
}