/* -- General -- */

ul.general-dropdown {
	position: relative;
	list-style: none;
	margin: 0px;
	margin-top: -5px;
	margin-right: 2px;
	padding: 0px;
	z-index: 1000;
	float: left;
	}
	
ul.general-dropdown li {
	width: 185px;
	height: 30px;
	background:#ffffff url('../images/nav-bg-off.gif') no-repeat top left;
	display: block;
	
	font-family: Trebuchet MS;
	color: #703500;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	}
	
ul.general-dropdown li a{
	font-family: Trebuchet MS;
	color: #703500;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	}	
	
ul.general-dropdown li:hover {
	background:#ffffff url('../images/nav-bg-on2.gif') no-repeat top left;
	color: #703500;
	text-decoration: none;
	display: block;
	}
	
ul.general-dropdown ul { 
	width: 185px; 
	visibility: hidden; 
	position: absolute;
	list-style: none;
	margin: 0px;
	padding-left:0px;
	border-bottom: 1px #fa7c01 solid;
	top: 30px; 
	left: 0px;
	}
	
ul.general-dropdown ul li a { 
	width: 168px;
	height: 30px;
	padding-left: 15px;
	background-color:#ffffff;
	border-left: 1px #fa7c01 solid;
	border-right: 1px #fa7c01 solid;	
	display: block;
	
	font-family: Trebuchet MS;
	color: #703500;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	text-decoration: none;
	}
	
ul.general-dropdown ul li a:hover {
	width: 168px;
	height: 30px;
	background-color: #ecf5ce;
	text-decoration: none;
	}

/* Single style */
ul.single-dropdown {
	position: relative;
	list-style: none;
	margin: 0px;
	margin-top: -5px;
	margin-right: 2px;
	padding: 0px;
	z-index: 1000;
	float: left;
	}
	
ul.single-dropdown li {
	width: 185px;
	height: 30px;
	background:#ffffff url('../images/nav-bg-off.gif') no-repeat top left;
	display: block;
	
	font-family: Trebuchet MS;
	color: #703500;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	}
	
ul.single-dropdown li a{
	font-family: Trebuchet MS;
	color: #703500;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	}	

ul.single-dropdown li:hover {
	background:#ffffff url('../images/nav-bg-on.gif') no-repeat top left;
	color: #703500;
	text-decoration: none;
	display: block;
	}
	
/* Code sample */

.navigation{
	position: relative;
	width:900px;
	height:30px;
	}
#nav {padding:0; margin:-5px 2px 0 20px; list-style:none; height:30px; position:relative; z-index:500; font-family:Trebuchet MS;}
#nav li.top {display:block; float:left; width:186px; height:30px; background:#ffffff url('../images/nav-bg-off.gif') no-repeat top left;}
#nav li a.top_link {display:block; float:left; height:30px; padding:0px 20px 0px 20px; line-height:30px; color:#703500; text-align:center; text-decoration:none; font-family:'Trebuchet MS'; font-size:14px; font-weight:bold; cursor:pointer; }
#nav li a.top_link span {float:left; display:block; height:30px; }
#nav li a.top_link span.down {float:left; display:block; color:#703500;padding:0px 20px 0px 20px; text-align:center; text-decoration:none; font-family:'Trebuchet MS'; font-size:14px; font-weight:bold;}

#nav li:hover a.top_link {color:#fff; background: url('../images/nav-bg-on.gif') no-repeat;}
#nav li:hover a.top_link span {background:url('../images/nav-bg-on.gif') no-repeat right top;}
#nav li:hover a.top_link span.down {background:url('../images/nav-bg-on.gif') no-repeat right top;}



/* Default list styling: padding:3px */

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

#nav li:hover ul.sub
{left:1px; top:27px; background: #DCEEC4; padding:0px; border:1px solid #5c731e; white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:107px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:107px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#DCEEC4 url(arrow.gif) 100px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#255B39; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#255B39 url(arrow_over.gif) 100px 6px no-repeat; color:#fff;}