#nav {
	z-index: 5;
	position: absolute;
	top: 164px;
	left: 115px;
	margin: 3px 0 0 0;
	padding: 1px 0 0 0;
	list-style: none;
}

#nav li {
	float: left;
	position: relative;
	height: 36px;
	margin: 0;
	padding: 0;
	font-size: 90%;
	background-color: #111110;
}
#nav li a,
#nav li span {
	width: 70px;
	height: 35px;
	display: block;
	padding-bottom: 1px;
	text-decoration: none;
	color: #fff;
	background-color: #369;
}
#nav li#n-editorial span {
	width: 52px;
	background-image: url(/gfx/nav/link_editorial.png);
}
#nav li#n-editorial:hover span {
	background-image: url(/gfx/nav/active_editorial.png);
}
	
#nav li#n-sandiego span {
	width: 57px;
	background-image: url(/gfx/nav/link_sandiego.png);
}
#nav li#n-sandiego:hover span {
	background-image: url(/gfx/nav/active_sandiego.png);
}
	
#nav li#n-national span {
	width: 49px;
	background-image: url(/gfx/nav/link_national.png);
}
#nav li#n-national:hover span {
	background-image: url(/gfx/nav/active_national.png);
}
	
#nav li#n-commentary span {
	width: 66px;
	background-image: url(/gfx/nav/link_commentary.png);
}
#nav li#n-commentary:hover span {
	background-image: url(/gfx/nav/active_commentary.png);
}
	
#nav li#n-feature span {
	width: 46px;
	background-image: url(/gfx/nav/link_feature.png);
}
#nav li#n-feature:hover span {
	background-image: url(/gfx/nav/active_feature.png);
}
	
#nav li#n-pride span {
	width: 40px;
	background-image: url(/gfx/nav/link_pride.png);
}
#nav li#n-pride:hover span {
	background-image: url(/gfx/nav/active_pride.png);
}
	
#nav li#n-health span {
	width: 82px;
	background-image: url(/gfx/nav/link_health.png);
}
#nav li#n-health:hover span {
	background-image: url(/gfx/nav/active_health.png);
}
	
#nav li#n-sports span {
	width: 40px;
	background-image: url(/gfx/nav/link_sports.png);
}
#nav li#n-sports:hover span {
	background-image: url(/gfx/nav/active_sports.png);
}
	
#nav li#n-lifestyle span {
	width: 50px;
	background-image: url(/gfx/nav/link_lifestyle.png);
}
#nav li#n-lifestyle:hover span {
	background-image: url(/gfx/nav/active_lifestyle.png);
}
	
#nav li#n-arts span {
	width: 30px;
	background-image: url(/gfx/nav/link_arts.png);
}
#nav li#n-arts:hover span {
	background-image: url(/gfx/nav/active_arts.png);
}
	
#nav li#n-dining span {
	width: 41px;
	background-image: url(/gfx/nav/link_dining.png);
}
#nav li#n-dining:hover span {
	background-image: url(/gfx/nav/active_dining.png);
}
	
#nav li#n-social span {
	width: 39px;
	background-image: url(/gfx/nav/link_social.png);
}
#nav li#n-social:hover span {
	background-image: url(/gfx/nav/active_social.png);
}
	
#nav li#n-nightlife span {
	width: 50px;
	background-image: url(/gfx/nav/link_nightlife.png);
}
#nav li#n-nightlife:hover span {
	background-image: url(/gfx/nav/active_nightlife.png);
}
	
#nav li#n-marketplace span {
	width: 68px;
	background-image: url(/gfx/nav/link_marketplace.png);
}
#nav li#n-marketplace:hover span {
	background-image: url(/gfx/nav/active_marketplace.png);
}
	
#nav li#n-resources span {
	width: 64px;
	background-image: url(/gfx/nav/link_resources.png);
}
#nav li#n-resources:hover span {
	background-image: url(/gfx/nav/active_resources.png);
}

#nav li#n-intranet span {
	width: 76px;
	height: 24px;
	background-image: url(/gfx/nav/link_navback.png);
	color: white;
	padding: 12px 10px 0px 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#nav li#n-intranet:hover span {
	background-image: url(/gfx/nav/active_navback.png);
}


/* Do not muck with anything below this line or you'll surely break something */
	
#nav li:hover,
#nav li.sfhover {
	background-color: #333;
	opacity: 0.98;
}
#nav li:hover a,
#nav li.sfhover a {
	border-top-color: #a1a1a1;
	border-left-color: #727272;
	background-color: #333;
	opacity: 0.98;
}
#nav li a:hover {
	height: 21px;
	border-top-color: #b9e3fc;
	border-left-color: #45b7fe;
	border-bottom: 1px solid #343434;
	background-color: #078cd1;
}
#nav li a:active {
	background-color: #058acf;
}

#nav li ul { /* second-level lists */
	z-index: 150000;
	clear: left;
	position: absolute;
	width: 150px; /* 150px */
	left: -999em;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #202020;
	border-left-color: #464646;
	border-top: none;
	border-bottom: none;
	background-color: #333;
	opacity: 0.99;
}

#nav li#n-sandiego ul,
#nav li#n-national ul 
{
	width: 200px;
}

#nav li ul ul { /* third-and-above-level lists */
	top: 0;
	margin: -1px -152px 0 0;
	border-top: 1px solid #000;
	border-left-color: #202020;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul { /* lists nested under hovered list items */
	right: auto;
	left: 0;
}

#nav li ul li {
	width: 150px; 
	height: auto;
	text-transform: none;
	font-size: 12px;
	line-height: 11px;
	border: none;
	background: none;
}

#nav li#n-sandiego ul li,
#nav li#n-national ul li 
{
	width: 200px; /* 150px */
}

#nav li ul li a,
#nav li:hover ul li a,
#nav li.sfhover ul li a,
#nav li ul li span {
	width: 134px; 
	height: auto;
	padding: 8px 8px;
	border: none;
	font-weight: normal;
	text-align: left;
	color: #cbcbcb;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #0d0d0d;
	background-color: #3a3a3a;
}

#nav li#n-sandiego ul li a,
#nav li#n-sandiego:hover ul li a,
#nav li#n-sandiego.sfhover ul li a,
#nav li#n-sandiego ul li span,
#nav li#n-national ul li a,
#nav li#n-national:hover ul li a,
#nav li#n-national.sfhover ul li a,
#nav li#n-national ul li span,
#nav li#n-sandiego ul li.sub a,
#nav li#n-sandiego ul li.sub span,
#nav li#n-national ul li.sub a,
#nav li#n-national ul li.sub span 
{
	width: 187px; 
}


#nav li ul li a strong.new {
	padding-left: 24px;
	font-weight: normal;
}

#nav li ul li.sub a,
#nav li ul li.sub span {
	width: 137px; 
	padding-right: 5px;
	line-height: 1.2em;
	color: #fff;
}

#nav li ul li.sub ul li a {
	background: none;
}

#nav li ul li:hover,
#nav li ul li.sfhover {
	border-top-color: #c1c1c1;
	background-color: #9a9a9a;
}

#nav li ul li:hover a,
#nav li ul li.sfhover a,
#nav li ul li:hover span,
#nav li ul li.sfhover span {
	border-top-color: #2c2c2c;
	background-color: #232323;
}
#nav li ul li a:hover,
#nav li ul li.sub li a:hover {
	height: auto;
	color: #fff;
	border-top-color: #73d2ff;
	background-color: #078cd1;
}
#nav li ul li.sub:hover {
	background-color: #9a9a9a;
}
#nav li ul li.sub a:hover {
	background-color: #3ab8f5;
}
#nav li ul li:hover li a,
#nav li ul li.sfhover li a {
	border-top-color: #3c3c3c;
}
#nav li ul li:hover a:hover,
#nav li ul li.sfhover a:hover {
	border-top-color: #3bb1ff;
}
#nav li ul li a:active,
#nav li ul li.sub a:active,
#nav li ul li:hover li a:active,
#nav li ul li.sfhover li a:active{
	background-color: #058acf;
}
#nav li ul ul li {
	font-size: 10px;
}
