body { 
   color: black; 
   background: white; 
   background: url(/assets/ausa-bg.gif) repeat-y; 
   font-family: Verdana, sans-serif;
   font-size: 10pt;
   padding-left: 10px
   }

.highlight
{
background-color: #dddddd;
border: 1px solid #000;
padding: 5px;
margin-top: 5px;
margin-right: 3px;
}
   
.navigation {
 height: 20px;
 width: 100%;
 margin-left: -17px;
 marging-right: -17px;
 padding-left: 14px;
 margin-bottom: 10px;
 background:#f00;
 }
.navigation ul#nav {
position: relative;
z-index: 10;
top:0px;
left: 0px;
margin: 0px;
padding: 0px;
border: 0px;
background: #E7B601;
 /*this is vertical placing for gecko */
}

.navigation  ul {
position:relative;
padding: 0px;
list-style: none;
text-align: center;
}

/*list items top menues*/
.navigation ul li {
position: relative;
float:left;
left: 0px;
width: 107px;
border-top: 0px;
}
/*submenues*/
.navigation li ul {
float:left;
position:absolute;
top: 20px;
left: 0px;
width: 107px; /*must hav width to ensure column structure */
display: none;
z-index: 60;
border-bottom: 1px solid #f00;
}
/*IE7 positioning hack */
*:first-child+html  li ul {left: -40px;}
/*IE6 positioning hack */
* html  li ul {left: -34px;}

.navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font: 12px  Tahoma, sans-serif;
	background: #f00;
	padding: 3px;
	z-index: 60;
	text-align: left;
}
.navigation ul li a:hover {
background: #cccccc;
color: #f00;
}
.navigation ul li a:active {
background: #FFEDD5; 
color: #1334A6;
text-decoration: none;
}
.navigation li ul li a {
 background:#fff;
 border: 1px solid #f00;
 border-bottom: 0;
 color: #000;
z-index: 10;
}
.navigation li ul li a:hover {
 color: #f00;
 background: #cccccc;
 }
.navigation li:hover ul, li.over ul { display: block; } /* The magic */