body
{
	font-family: Arial, Helvetica;
	background-color: rgb(204,255,204);
	color: rgb(0,0,0);
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica; font-size:10px
}
h1
{
	color: #000000;font-size:10px; font-weight:bold; margin-top:0; margin-bottom:0
}
h2
{
	color: rgb(0,0,0); 
}
h3
{
	color: rgb(0,0,0); 
}
h4
{
	color: rgb(0,0,0);
}
h5
{
	color: rgb(0,0,0);
}
h6
{
	color: rgb(0,0,0);
}

<!-- paste this code into your external style sheet or the css section of your html document{  }
.menu {
  border: 1px solid #BFBFBF;
  background-color:white; font-family:Arial; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:15px; font-size:12pt
}

.menuItem {
  border-bottom:1px solid #dddddd;; font-family:Arial; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:10pt
}

:hover.menuItem {
  background-color:#f1f1f1; font-family:Arial; font-size:10pt; color:#000066; font-weight:bold
}

.menuItem a {
  color:#666666;
  text-decoration:none; font-family:Arial; font-size:10pt; font-weight:bold
}

#demo {
  background-color:#eeeeee;
  cursor:pointer;
  padding:5px 20px 5px 20px;
  margin: 30px 0;
  width: 425px;
}

#demo span {
  padding:3px 20px 0px 20px;
  cursor:pointer;
}

#demo span:hover {
  text-decoration:underline;
}