ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
 border: 0px solid red;
 padding: 0px;
 color: white;
 width: 505px;
 float: right;
}

ul#nav  /*, #menu */ { /* all lists */
 list-style: none;
 margin: 0 auto;
 height: 32px;
}

ul li a {
 float: left;
 padding: 2px;
 margin: 2px;
 width: 93px;
 color: white;
 text-decoration: none;
}

a.atit {
 font-size: 10pt;
 color: #D2D2D2;
 height: 32px;
 font-weight: bold;
}

ul a:hover {
 font-weight: bold;
 text-align: center;
 color: orange;
}

li { /* all list items */
	float: left;
	position: relative;
}

li ul { /* second-level lists */
	display: none;
	width: 120px;
	position: absolute;
 text-align: right;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 30px !important;
	left: -23px !important;

}

li:hover ul, li.over ul { /* lists nested under hovered list items */
 position: absolute;
 z-index: 3;
 display: block;
 border: 0px solid orange;
 clear: both;
 top: 30px;
 left: -13px;
}