.menubar {
 border:none;
 border:0px;
 margin:0px;
 padding:0px;
 font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 background: url(images/bg.gif) repeat-x;
}

.menubar ul {
 height:35px;
 list-style:none;
 margin:0;
 padding:0;
}

.menubar li {
 float:left;
 padding:0px;
}

.menubar li a {
 color:#ffffff;
 display:block;
 font-weight:normal;
 line-height:35px;
 margin:0px;
 padding:0px 25px;
 text-align:center;
 text-decoration:none;
}

.menubar li a:hover, .menubar ul li:hover a {
 background: url("images/hover.png") top center no-repeat;
 color:#FFFFFF;
 text-decoration:none;
}

.menubar li ul {
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 border:0px;
 position:absolute;
 width:225px;
 z-index:200;
 /*top:1em;
 /*left:0;*/
}

.menubar li:hover ul {
 display:block;
}

.menubar li li {
 background: #333;
 border-bottom: 1px solid #393939;
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:225px;
}

.menubar li:hover li a {
 background:none;
}

.menubar li ul a {
 display:block;
 height:35px;
 font-size:14px;
 font-style:normal;
 margin:0px;
 padding:0px 10px 0px 15px;
 text-align:left;
}

.menubar li ul a:hover, .menubar li ul li:hover a {
 background:#222222 url('images/vhover.gif') center left no-repeat;
 border:0px;
 color:#ffffff;
 text-decoration:none;
}

.menubar p {
 clear:left;
}	

/* Vertical Menu */
#menu {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 14em;
}
#menu li {
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #222 url("images/vhover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}