#nav, #nav ul {
	border-top: 1px solid #363636;
	
	border-bottom: 1px solid #363636;
	font-size: 17px;
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: none;

width: 100%;
height: 36px;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}


#nav a {
	
	padding-top: 7px;
	margin-top: -7px;
	margin-left: 0px;
	display: block;
	width: 10em;
	height:29px;
	color: grey;
	text-decoration: none;
}

#nav li:hover, #nav li:hover > a{
	background-image: url(images/navbar-blue.gif);
	color: white;
	}

#nav li ul li > a {
	background-color: none;
	background-image: url(images/trans-black.png);
	color: #999999;
	border-bottom: 1px #363636 solid;
	border-left: 0px #363636 solid;
	border-right: 1px #363636 solid;
	}
	
#nav li ul li:hover > a {
	background-image: url(images/navbar-black.gif);
	color: white;
	margin-left: -1px;
	border-bottom: 1px #363636 solid;
	border-left: 1px #363636 solid;
	border-right: 1px #363636 solid;
	}

#nav a:hover{
	color: white;
}
	
#nav li > a{
	 background-image: url(images/navbar-black.gif); 
	 
}

#nav li {
	border-left: 1px solid #363636;
	padding-top: 7px;
	margin-top: -7px;
	float: right;
	width: 10em;
	margin: auto;
	height: 36px
	border: 1px solid #FFF;
	/* background-image: url(images/navbar-black.gif); */
	background-color: none;
	display: inline; 
}

#nav li ul {
	position: absolute;
	z-index: 999;
	width: 10em;
	height: 37px;
	left: -999em;
	color: white;
	background-color: none;
}

#nav li:hover ul {
	left: auto; 
	color: white;
}

#nav li:hover ul, #nav li.sfhover ul, #nav li.sfhover a {
	color: white;
	left: auto;
}

#navactive a{
	 background-image: url(images/glass-blue.gif);
	 color: white; 
	 
}
#navactive a:hover{
	 background-image: url(images/glass-blue.gif);
	 color: red; 
	 
}


#navactive li:hover, #navactive li:hover > a{
	background-image: url(images/navbar-blue.gif);
	color: red;
	}
}