#navigation { background-color:#FF0000; height:20px; width:720px; margin:0 auto; } 
#navigation ul { padding: 0; margin: 0; list-style: none; }
#nav a {
	display: block;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'trebuchet ms',verdana,tahoma,serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding-left:21px;
	padding-right:3px;
	line-height:20px;
}
#nav a:hover { background: url(images/schoolies-arrow.gif) left top no-repeat; color:#FFFFFF;
	text-decoration:underline; }
#nav li { float: left; }
#nav li ul { position: absolute; width: 14em; left: -999em; }
#nav li ul li { width: 15em; }
#nav li ul a {
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	background-color:#0033FF;
	font-size:12px;
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:1px solid white;
	padding-left:5px;
	padding-right:5px;
	line-height:18px;
	height:18px;
	display:block;
	width:100%;
	float:left;opacity:.80;
}
#nav li ul a:hover { background-color:#FF0000; color:white; background-image:none; }
#nav li:hover ul, #nav li.hover ul { left: auto; }