body { margin: 0px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; background-color: #000000;}

.wlcm   	{ color: lime; font-size: 10px; font-family: verdana; text-decoration: bold;}
.fodder		{ color: lime; font-size: 10px; font-family: system; text-decoration: none;}

.nav {margin: 0; width: 90px; letter-spacing : 2px;}
.nav  a:link, .nav  a:visited {width: 90px; margin: 0; padding: 1px 1px 1px 1px; background: #000000; font-weight: bold; color: #FFFFFF; text-decoration: none; border-top: 1px solid #4a4a4a; border-left: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; border-right: 1px solid  #4a4a4a;}
.nav  a:active {color: #00ff00; background: #1a1a1a; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  border-right: 1px solid #00ff00; }
.nav  a:hover { color: #00ff00; background: #1a1a1a; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  border-right: 1px solid #00ff00; }
	
.title 	{ color: #FF9933; font-size: 18px; font-family: verdana ; text-align: left; vertical-align: top}
.copy 	{ color: #FF9933; font-size: 12px; font-family: verdana ; vertical-align: top }

a.copy:link         {color: silver; font-size: 12px; font-family: verdana; text-decoration:none;}
a.copy:visited      {color: grey; font-size: 12px; font-family: verdana; text-decoration:none;}
a.copy:active       {color: grey; font-size: 12px; font-family: verdana; text-decoration:none;}
a.copy:hover        {color: maroon; font-size: 12px; font-family: verdana; text-decoration:none;}

.copy   	{ color: silver; font-size: 12px; font-family: verdana;text-align: center; text-decoration: none;}
.copycntr	{ color: silver; font-size: 12px; font-family: verdana;text-align: center; text-decoration: none;}
.data   	{ color: maroon; font-size: 12px; font-family: verdana; text-decoration: none;}
.copyover 	{ color: maroon;   	font-size: 12px; 	font-family: verdana;	text-align: center; 	text-decoration: none;}
.copyoff 	{ color: silver; 	font-size: 12px; 	font-family: verdana;	text-align: center; 	text-decoration: none;}

.txtgrn, a.grn:link, a.grn:visited, a.grn:active { color: lime; font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.grn:hover {color:#FFFFFF; font-size: 10px; font-family: Verdana, Arial; text-decoration: none;}
 
.vrec, a.vrec:link, a.vrec:visited, a.vrec:active { color: lime; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
a.grn:hover {color:#FFFFFF; font-size: 10px; font-family: Verdana, Arial; text-decoration: none;}

/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */
#container	{ position:absolute; width:600px; height:600px; z-index:100}
/* Include id's for all your layers here, with commas between. */
#lyr0, #lyr1, #lyr2	{ position:absolute; visibility:hidden; left:160px; top:50px; z-index:1; width:600px; }	

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
padding-top:50px;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
color:lime;
text-indent: 3px;
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid #3a3a3a;
background: #000;
}

dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
color:lime;
text-align: left;
background: #000;
line-height: 20px;
}
dl#menu li a, dl#menu dt a {
background: #000;
text-indent: 5px;
color:#fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border-bottom:1px solid #353535;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #000;
color:lime;
border-right:1px solid lime;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}