body {
    background: url("bg.gif");
    background-color: #eeeecc;
/*	background-color: #FFF;*/
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
}

#masthead{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}


fieldset {
  border: 1px solid #737373;
}
form {
  margin: 0px;
}
h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
}
hr {
  background-color: #737373;
  border: 0px;
  color: #737373;
  height: 1px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #CC0066;
	
/*a:link {
  color: #33c;
  text-decoration: underline;
}
a:visited {
  color: #4040ff;
  text-decoration: underline;
}
a:active, a:hover {
  color: #000;*/
}

div.bottom {
  color: #737373;
  font-size: x-small;
  text-align: center;
}

/* Define some colors */

.darkbg {
background-color: #eeeecc;
/*  background-color: #718471;*/
  color: #000;
}
.mediumbg {
background-color: #eeeecc;
/*  background-color: #718471;*/
/*  background-image: url(grad_bg.png);*/
  color: #000;
}
.lightbg {
  background-color: #fff;
  color: #000;
}
.lightbgalt {
  background-color: #EEEECC;
  color: #000;
}
.highlight {
  background-color: yellow;
  color: #000;
}

/* Top menu */

a.menu {
  background-color: #fff;
  border: 1px solid #737373;
  color: #000;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px;
  text-decoration: none;
}
a.menu:hover, a.menu:active {
  color: #fff;
  background-color: #09c;
  background-image: url(grad_bg.png);
}

a.table_top {
/*  color: #fff;*/
  text-decoration: underline;
}
a.table_top:hover, a.table_top:active {
  color: #CC0066;
}
/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 100%;
	padding: 0px 4px 0px 0px; 
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}