/* CSS Document */
<style type="text/css">

body {

background-color:white;
color:white; 
margin-left:0px; 
margin-top:0px;

p.sansserif {font-family:arial,helvetica, sans-serif; font-size: 12px};

} 

a:link {
color:#000000;
text-decoration: none;

}

a:visited {
color: #000000;
text-decoration: none;

}

a:hover {
color: #ffffff;
background-color:#cc9900;
text-decoration: none;

}

a:active {
color: #000000;
text-decoration: none;

}


#wrapper {
		width:800px;
		border:0px solid #000000;
		padding:0px;
		padding-bottom:50px;
	}


#header {
		margin-top:0px;
		width:800px;
		padding:0px;
	}

#content {
		margin-top:0px;

	}

#content div {
		padding:0px;
		float:left;
	}



#content-main {
	width:585px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 10px 10px;
	}
	
#navigation {
		padding:0px;
		border-top:0px;
		border-bottom:0px;
		width:205px;
		color:#000000;
		font:Arial, Helvetica, sans-serif;
		font-size:12px;

	}
	
	

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #FFF;
        }

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 205px;
	}
	
ul li {
	position: relative;
	}

li ul {
	position: absolute;
	left: 205px;
	top: 0;
	display: none;
	}
	
ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
	margin:2px;
	border: 1px solid #000000;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 205px;
	border-bottom: 1px solid #ffffff;
	}

li:hover ul { display: block; }


startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

li:hover ul, li.over ul { 
	display: block; }
	
<ul id="nav">

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
	
</style>