body {margin: 0 0 0 0}

ul#topnav {
margin: 0;
padding-left: 30px;
padding-top: 34px;
float: left;
width: 1024px;
list-style: none;
position: relative;
font-size: 11px;  /* Change the font size of the top row of links here */
font-family: arial
font-weight: bold;
text-align:center;
margin-top:0px;
margin-bottom:0px;
}

ul#topnav li {
float: left;
margin: 0; padding: 5;
/* border-right: 1px solid #555555; */
}

ul#topnav li a {
padding: 7px 10px;
display: block;
color: #000000;  /* Change the color of the links here */
text-decoration: none;
}

ul#topnav li:hover { background: #999999; } /* Change the color of the mouseover square here.  Don't forget to change it in the .js also */

ul#topnav li span {
float: left;
padding:10px;
position: absolute;
left: 0px; top:74px;
right: 0px;
display: none;
width: 1115px;
background: #f2ecd4;
font-weight: normal;
color: #000000; /* Change the color of the bottom links here */
}

ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; font-size: 10px; font-family: arial;} /* Change the font size of the bottom row of links here */
ul#topnav li span a:hover {text-decoration: underline; color: #ff0000;}  /* Change the color of the mouseover of the bottom row of links here */