#nav{
		width:678px;
		margin:0 auto;
		overflow:hidden;
		background:url(../../image/site/viv/layout/bg-nav.gif) 0 top repeat-x;
		padding-left:35px }
		
		#nav ul{
			background:#000;
			border-right:1px solid #fff;
			overflow:hidden;
			padding-top:10px;
			background:url(../../image/site/viv/layout/bg-nav.gif) 0 top repeat-x;
			display:block }
		
		#nav li{
			float:left;
			display:block;
			text-transform:uppercase }

			#nav li a{
				padding-top:15px;
				display:block;
				text-decoration:none  }				

			#nav li a span{				
				border-right:1px dashed #33cccc;
				display:block;
				padding:5px 13px;
				color:#666;
				font-weight:bold;
				position:relative}
				
			#nav li a:hover span,
			#nav li a:hover,
			#nav li.active a,
			#nav li.active a span{
				background:#33cccc;
				color:#fff }
	
			#nav li.active a:hover{
				margin-left:0px;  }
				
			#nav li.active a:hover span{
				margin:0 }

			#nav li a:hover{
				margin-left:-1px }
				
				#nav li.active{
					margin-left:0}
	
				#nav li a:hover span{
					margin-left:1px }

#nav li ul li:hover, #nav li.sfhover ul li.sfhover {background:#B62728;}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 100;
	background: #FFFFFF;
	width: 180px;
	border: solid #FFFFFF;
	border-width: 1px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* all list items */
	padding-right: 0px;
	/*width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul:hover { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	width: 180px;
	border: solid #FFFFFF;
	border-width: 1px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a { /* second-level lists */
	display: block;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	color:#33cccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	width: 180px;
}

#nav li ul a:hover { /* second-level lists */
	display: block;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	color:#33cccc;
	background:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	width: 180px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 180px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {     
left: -999em; 
} 

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