#navigation {
	text-align: left;
	list-style-type: none;
	width: 120px;
	margin: 0;
	float: left;
}	

#navigation li {
	text-align: left;
	background-color: #669933;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	float: left;
}

#navigation li a {
	text-align: center;
	width: 120px;
    display: block;
    text-decoration: none;
    padding: 6px 6%;
    background-color: #669933;
    font: bold 10pt/1.5 arial, sans-serif;
	color: #fff;
}

#navigation li a:hover {
	text-align: center;
	width: 120px;
    display: block;
    text-decoration: none;
    padding: 6px 6%;
    background-color: #993399;
    font: bold 10pt/1.5 arial, sans-serif;
	color: #fff;
}

#navigation li a:active {
	text-align: center;
	width: 120px;
    display: block;
    text-decoration: none;
    padding: 6px 6%;
    background-color: #336600;
    font: bold 10pt/1.5 arial, sans-serif;
	color: #fff;
}



#footer{
	list-style-type: none;
	margin: 0;
	text-align: center;
	background-color: #993399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: lighter;
	color: #FFFFFF;
	padding: 0px;
	border: thick solid #FFFFFF;
}
/*comments that can't be read by user, but may be helpful hints for you - css*/
#footer li{
	background-color: #993399;
	color: #fff;
	/*float: left;*/
	display: inline;
	padding: 0px 0px;
	font-weight: bold;
}