html, body    { color: #333;   font-size:small; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eee; margin: 0 0%; padding: 0; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#current  {
background: #1ad;
}

#nav a  {
	padding: 2px 5px;
	margin:0;
	display: block;
	color: white;
	text-decoration: none;
	
}

#nav li { /* all list items */
	float: left;
	border-right:1px solid #1ad;
	padding: 2px 0px;
	width: auto; /* width needed or else Opera goes nuts */

}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	border: 1px solid #1ad;
	background: #33ccff;
	
}
#nav li li {
	float: none;
	border-right:0px solid #1ad;
	padding: 2px 0px;
	
}

#nav li li:hover, #nav li li.sfhover  {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 1px 0px;
}

#mainTable {margin: 0 auto; background: #fff;}

#header  { background: url(bg.jpg);  padding: 4px;  border-bottom: 1px solid #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

#navbar  { background: #33ccff; color: #fff; font-size: small; padding: 0px; margin: 0px; vertical-align:middle; font-family: Arial, Helvetica, sans-serif;  white-space:nowrap;  border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

#image  { padding: 0px; vertical-align:top;  text-align:center; width:200px; border-left: 1px solid #ccc;}

#maincontent  { padding: 10px 20% 20px 30px;  border-right: 1px solid #ccc; text-align:left; }

#login  {color:#fff; font-size: x-small; font-variant:small-caps; background: url(login.gif);  padding: 2px; margin:5px;  width:auto; float:right;  border:solid 1px white;  white-space:nowrap; text-align: left;}

input   { font-size: xx-small;	font-family: verdana,helvetica,arial, sans-serif;}

button { font-size: xx-small;}

#footer  { font-size: x-small; color:#666; text-align: center; padding: 5px 50px; background: #eee;  border-top: 1px solid #ccc; }

h1 {
	FONT-WEIGHT: bold; font-size: x-large; margin: 5px 0px; COLOR: #6699CC; background: #fff; FONT-FAMILY: eurostile, arial, helvetica, sans-serif;
}
h2 {
	FONT-WEIGHT: bold; font-size: large; margin: 1.5em 0 .4em 0; COLOR: #6699CC;  FONT-FAMILY: eurostile, arial, helvetica, sans-serif;
}
h3 {
	FONT-WEIGHT: normal; font-size: medium; margin:.5em 0 1px 0; COLOR: #6699CC;  FONT-FAMILY:  eurostile, arial, helvetica, sans-serif;
}

#footer a   { color: #666; text-decoration: none;  }

#footer a:visited   { color: #000; text-decoration: none;  }

#footer a:hover, #footer a:active   { color: #069; }

table.calendar {  font-size:x-small;}


table.inset { border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0px solid #ccc; width:250px ; font-size:x-small; padding:0em; margin:1em 0; text-align:left;}

table.weather { border:1px solid #ccc;  width:auto; white-space:nowrap; font-size:x-small; padding:0px; margin:1em 8% 1em 0; text-align:left;}

td.inset { background: url(bg.jpg); text-align:center; white-space:nowrap; padding:1em; }

h3.inset { background:transparent; color:white; padding:0em; margin:0;}

td.insetbody { padding:1em;}

.c5 { font-family: arial, helvetica, sans-serif;  font-size: 80%;  text-align:right}