/* CSS Document */
#site {
position: absolute;
width: 960px;
background-color: #C0C0C0;
}

#header {
position: absolute;
top: 0px;
left: 4%;
height: 120px;
width: 960px; 
 }

#topmenu {
  position: absolute;
  top: 120px;
  left: 4%;
  height: 18px;
  width: 960px;  
  background-color: #6B6B6B;
  color: #FFFF00;
}

#leftmenu {
  position: absolute;
  top: 138px;
  left: 4%;
  width: 160px;      /* Must be less than 20% or the menu may overlap the content */
  background-color: #006633;
  vertical-align: top}

#lsubmenu {
  font-size: smaller	
}

#pagearea {
  position: absolute;
  top: 138px;
  left: 205px;
  right: 5px;
  width: 748px;      /* This should be the remainder of the page width  in %*/
}
#footer {
   bottom: 0;
   font-style: italic;
   font-size-adjust: -2;
}
h1 {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	font-family: arial, verdana, sans-serif;
}
h2 {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	font-family: arial, verdana, sans-serif;
}
h3 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: verdana, sans-serif;
	text-decoration: underline;
}
h4 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
body, p, td {
	font-size: 12px;
	font-family: verdana;
}

dt.ddanchor { text-indent:0; color: #FFFF00}
a.lmenu:link {color: #FFFF00; text-decoration: none;}
a.lmenu:visited {color: #FFFF00; text-decoration: none;}
a.lmenu:hover {color: #FFFF00; font-style: italic; font-weight: bold; text-decoration: none;}
a.tmenulnk:link {color: #FFFF00; text-decoration: none;}
a.tmenulnk:visited {color: #FFFF00; text-decoration: none;}
a.tmenulnk:hover {color: #FFFF00; font-style: italic; font-weight: bold; text-decoration: none;}

#main {
  margin-left: 20%; /* Create space on the page for the menu */
  margin-top: 8em;}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}