.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

#nav {
	margin:0;
	list-style:none;
	height:25px;
	position:relative;
	z-index:1000;
	font-family: 'Roboto Condensed', sans-serif;
	padding-top: 112px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(../images/arrow-up.png) no-repeat -9999px -9999px;
	
}
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	color:#00A3E8;
	text-decoration:none;
	font-size:13px;
	padding:0 0 0 0px;
	cursor:pointer;
	
}
#nav li a.top_link span {
	float:left;
	 display:block; 
	 padding:0 17px; 0 12px; 
	 height:20px}
#nav li a.top_link span.down /* selected */ {
	float:left;
	display:block;
	height:36px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;

}
#nav li a.top_link:hover {color:#fff;}
#nav li a.top_link:hover span {
}
#nav li a.top_link:hover span.down {}

#nav li:hover > a.top_link {color:#fff;}
#nav li:hover > a.top_link span {}
#nav li:hover > a.top_link span.down {
	/*selected hover */
		background: url(../images/arrow-up.png) no-repeat center bottom;
}

/* Default list styling */

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

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #000;
}

#nav li:hover ul.sub
{
	left:0;
	top:36px;
	white-space:nowrap;
	width:150px;
	height:auto;
	z-index:1001;
	margin-left: 0px;
	background-color: #003e58;
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, safari */
	-moz-opacity: 0.8;       /* mozilla, netsc */
	opacity: 0.8;           /* fx, safari, opera */
	color: #FFF;
}

#nav li:hover ul.sub li
{display:block; height:28px; position:relative; float:left; width:150px; font-weight:normal; line-height:250%;}
#nav li:hover ul.sub li a
{
	display:block;
	width:150px;
	text-indent:5px;
	color: #48B4D7;
	text-decoration:none;
	font-size:13px;
	height:28px;
	line-height:220%;
}
#nav li ul.sub li a.fly
{ background: url(../images/arrow_over.gif) no-repeat 140px center; }
#nav li:hover ul.sub li a:hover 
{
	background-color:#000;
}
#nav li:hover ul.sub li a.fly:hover
{background:#000000 url(../images/arrow_over.gif) no-repeat 140px center;}

#nav li:hover ul li:hover > a.fly {
	background-image: url(../images/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 140px center;
} 
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:150px;
	top:0px;
	white-space:nowrap;
	width:150px;
	z-index:1000;
	height:auto;
	background-color: #003e58;
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, safari */
	-moz-opacity: 0.8;       /* mozilla, netsc */
	opacity: 0.8;           /* fx, safari, opera */
	color: #FFF;
}