/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(VBROD_Images/three_0a.png);}
.preload2 {background: url(VBROD_Images/three_1a.png);}

#nav {
		padding:0;
		padding-left:20px; 
		margin:0; 
		list-style:none; 
		height:38px; 
		/*background:#fff url(VBROD_Images/three_0.png) repeat-x;*/ 
		position:relative; 
		z-index:500; 
		/*font-family:arial, verdana, sans-serif;*/
}

#nav li.top {
		display:block; 
		float:left;
}

#nav li a.top_link {
		display:block; 
		float:left; 
		height:35px; 
		line-height:33px; 
		color:#ccc; 
		text-decoration:none; 
		font-size:12px; 
		font-weight:bold; 
		padding:0 0 0 4px; 
		cursor:pointer;
		background: url(VBROD_Images/three_0.png);
}

#nav li a.top_link span {
		float:left; 
		display:block; 
		padding:0 24px 0 12px; 
		height:35px; 
		background: url(VBROD_Images/three_0.png) right top no-repeat;
}

#nav li a.top_link span.down {
		float:left; 
		display:block; 
		padding:0 24px 0 12px; 
		height:35px; 
		background: url(VBROD_Images/three_0a.png) no-repeat right top;
}

#nav li:hover a.top_link {
		color:#fff; 
		background: url(VBROD_Images/three_1.png) no-repeat;
}
#nav li:hover a.top_link span {
		background:url(VBROD_Images/three_1.png) no-repeat right top;
}
#nav li:hover a.top_link span.down {
		background:url(VBROD_Images/three_1a.png) no-repeat right top; 
		padding-bottom:3px;
}

/* Default list styling */

#nav li:hover {
		position:relative; 
		z-index:200;
}

#nav li:hover ul.sub {
		left:1px; 
		top:38px; 
		/*background: #999999;*/ 
		background: transparent url(VBROD_Images/Menu-over.png) no-repeat top left; 
		padding:3px; 
		border:1px solid #fff;
		border-right:none; 
		border-bottom:none;
		white-space:nowrap; 
		width:90px; 
		height:auto; 
		z-index:300;
}
#nav li:hover ul.sub li {
		display:block; 
		height:20px; 
		position:relative; 
		float:left; 
		width:90px; 
		font-weight:normal;
}
#nav li:hover ul.sub li a {
		display:block; 
		font-size:11px; 
		height:18px; 
		width:88px; 
		line-height:18px; 
		text-indent:5px; 
		color: #f90; 
		text-decoration:none;
		font-weight:bold;
		/*border:1px solid #999999;*/
}
#nav li ul.sub li a.fly {
		background:#ccc url(VBROD_Images/arrow.gif) 80px 6px no-repeat;
		color:#606;

}
#nav li:hover ul.sub li a:hover {
		background:#606; 
		color:#fff; 
		border-color:#fff;
}
#nav li:hover ul.sub li a.fly:hover {
		background:#606 url(VBROD_Images/arrow_over.gif) 80px 6px no-repeat; 
		color:#fff;
}

#nav li b {
		display:block; 
		font-size:11px; 
		height:18px; 
		width:88px; 
		line-height:18px; 
		margin-bottom:3px; 
		text-indent:6px; 
		color:#606;
		background-color:#ccc; 
		border-bottom:1px solid #606; 
		cursor:default;
}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{	
		left:90px; 
		top:-4px; 
		/*background: #999999;*/ 
		background: transparent url(VBROD_Images/Menu-over.png) no-repeat top left; 
		padding:3px; 
		border:1px solid #fff; 
		white-space:nowrap; 
		width:90px; 
		z-index:400; 
		height:auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
		position:absolute; 
		left:-9999px; 
		top:-9999px; 
		width:0; 
		height:0; 
		margin:0; 
		padding:0; 
		list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
	background:#3f96a9 url(VBROD_Images/arrow_over.gif) 80px 6px no-repeat; 
	color:#fff; 
	border-color:#fff;
} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{
	background:#999999 url(VBROD_Images/arrow.gif) 80px 6px no-repeat; 
	color:#000; 
	border-color:#999999;
} 
