font
{
    font-family: Arial,Helvetica ;
}

a:link
{
    color: yellow ;
    text-decoration: none ;
	font-family: Arial,Helvetica ;
    /* color: white ; */
}

a:active
{
    color: white ;
    text-decoration: none ;
    background-color: #999999 ;
	font-family: Arial,Helvetica ;
    /* color: red ; */
}

a:visited
{
    color: white ;
    text-decoration: none ;
    font-weight: bold ;
	font-family: Arial,Helvetica ;
    /* color: #33ff33 ; */
    /*
    //background-color: yellow ;
    */
}

a:hover
{
    /*
    //font-weight: bold ;
    //font-style: italic ;
    */
    color: black ;
    background-color: #cccccc ;
    text-decoration: underline ;
	font-family: Arial,Helvetica ;
}

body
{
/*
//bgcolor="black" text="yellow" link="white" vlink="pink"
*/
	color: yellow ;
	background-color: black ;
	font-family: Arial,Helvetica ;
}

TABLE, TH, TD, TR, P, UL, OL, LI, INPUT, SELECT, DL, DD, DT, H
{
    font-family: Arial,Helvetica ;
}

table.bg {
    background-image: url(icons/ic.jpg);
}

canvas {
	float: left;
}

#lakes {
	overflow: hidden;
	vertical-align: middle;
}

#navlist1
{
padding: 1px;
/*
//border: 1px solid #999999;
*/
/*
//width: 12em;
*/
background-color: #666666;
font-family: Arial,Helvetica ;
margin-left: 2px;
margin-right: 2px;
}

#navlist1 li
{
list-style: none;
border: 2px solid #666666;
}

#navlist1 a
{
text-decoration: none;
display: block;
border-left: 1em solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 4px 8px;
}

#navlist1 a:hover
{
color: black ;
border-color: #124;
background-color: #cccccc ;
}


#navlist2
{
padding: 1px;
/*
//border: 1px solid #999999;
*/
/*
//width: 12em;
*/
background-color: #666666;
font-family: Arial,Helvetica ;
margin-left: 2px;
margin-right: 2px;
}

#navlist2 li
{
list-style: none;
border: 2px solid #666666;
}

#navlist2 a
{
text-decoration: none;
display: block;
border-left: 1em solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 4px 8px;
}

#navlist2 a:hover
{
color: black ;
border-color: #124;
background-color: #cccccc ;
}