a:visited {  font-weight: bold; color: #00AB67; text-decoration: none}
a:link {  font-weight: bold; color: #00AB67; text-decoration: none}
a:active {  font-weight: bold; color: #00AB67; text-decoration: none}
a:hover {  font-weight: bold; color: #CCCCCC; text-decoration: none}

.box { background-color: #00AB67;}

/* ----- navigation ------ */

 #navcontainer
{
margin: 0;
padding: 0;
height: 30px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer ul li
{
display: block;
float: left;
padding: 0px;
margin: 0;
width: 143px;
}

#navcontainer ul li a
{
	background: #00AB67;
	height: 30px;
	border-top: none; border-left: 1px solid #ffffff; border-bottom: none; border-right: none;
	padding: 0;
	margin: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; font-weight: bold; line-height: 27px; text-align: left;
}

#navcontainer ul li a:hover
{
color: #ffffff;
background: #999999;
}

#navcontainer a:active
{
color: #ffffff;
background: #999999;
}

/*  style to highlight a link, set li id="active"   */
#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #ffffff;
}

/* ----- end navigation ------ */



.off { background: #00AB67; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
.on { background: #999; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}

ul {margin-left: 16px; margin-top: 0px; margin-bottom: 0px; padding-left: 0;}   

li {    
        list-style-type: disc;
        color: #00AB67;
        
}

.subtitle {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00AB67;}

.subheading { font-weight: bold; color: #00AB67;}