/* CSS Document */
body
{
background-color: #ffe4a3;
color: black; 
font-family: 'arial';
}

:link{color:blue;}
:visited{color:blue;}
:hover{color:navy;}

.gd{color:black;text-decoration:none;cursor:text;}
.gd:hover{color:black;text-decoration:none;cursor:text;}

span{
color: blue;
text-decoration:underline;
cursor:hand;
}

hr 
{
padding: 10px;
}

h1 
{
color: green;
text-align: center;
font: small-caps 900; size: xx-large; font-family: arial;
}

h3
{
font-size: 130%;
margin: 5px;
}

.small
{
text-align: center; 
font-size: 75%; 
color: black;
}

.hl
{
font-size: 140%;
font-family: arial;
color: black;
margin-bottom: 5px;
}

.centerb
{
text-align: center; 
font-weight: bold;
color: black;
}

.bold
{
font-weight: bold;
}

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 1px solid white;
border-left-width: 0;
background-color: #1fba01;
font-family: arial;
font-size: 10pt;
padding: 3px;
}

.headerlinks a{
margin: auto 26px;
font-weight: normal;
font-family: arial;
font-size: 10pt;
color: white;
}

.submenus{
display: none;
width: 10em;
padding: 3px;
position: absolute;
top: 1.65em;
left: 0;
background-color: #199500;
border: 1px solid white;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: blue;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
