/* This style sheet contains the CSS for:
1) the dropdown menu for all sections;
2) the horizontal section menu for the Business section;
3) the vertical sub-section menu for the Business section.
*/

/* =============
1)    Drop Menu
============== */

div#nav {float: right; margin: -1px 0  0 0;
  background: none;}
#nav{
float: right;
margin: 0;
font-size:13px;
font-family: Helvetica, Arial, sans-serif; 
font-weight:bold;
}
div#nav ul {
	margin: 0;
	padding: 0;
	background: #e9e9e9;
	border-top: 1px solid #fff; }
div#nav li {
line-height:1.2em;
	position: relative; 
	list-style: none; 
	margin: 0 auto;
	float: left; 
	width:8.5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-variant: small-caps;
	text-align: center; }
div#nav li a {
	display: block; 
	padding: 0.25em 0;
	text-decoration: none; 
	width: 8.5em;}
div#nav a{
	color:#fff;
}
/*main level hover effects*/
div#nav li.trailsMenu {background:#E37B14;border-left: 1px solid #fff; }
div#nav li.trailsMenu:hover {background-color: #339998;}
div#nav li.businessMenu {background:#3f6d8a;}
div#nav li.businessMenu:hover {background-color: #339998;}
div#nav li.visitorsMenu {background: #77904f;}
div#nav li.visitorsMenu:hover {background-color: #339998;}
div#nav li.trailsMenuVisit {background:#77904f;border-left: 1px solid #fff; }
div#nav li.trailsMenuVisit:hover {background-color: #339998;}
/*sub menu drop downs */
div#nav>ul a {width: auto;}
div#nav ul ul {
	position: absolute;
	width: 8.5em;	
	display: none;}
div#nav ul ul a{
	color: #003366;
}
div#nav ul ul a:hover{
	color: #000;
}
div#nav ul ul li{
	width: 9.75em;
	white-space: normal;
	font-variant: normal;
	font-size: 11px;
	font-weight: normal;
	padding: 1px;
	text-align: left;
}
div#nav ul.level1 li.trailsMenu:hover ul.level2, 
div#nav ul.level2 li.trailsMenu:hover ul.level3, 
div#nav ul.level1 li.trailsMenuVisit:hover ul.level2, 
div#nav ul.level2 li.trailsMenuVisit:hover ul.level3, 
div#nav ul.level1 li.businessMenu:hover ul.level2, 
div#nav ul.level2 li.businessMenu:hover ul.level3,
div#nav ul.level1 li.visitorsMenu:hover ul.level2, 
div#nav ul.level2 li.visitorsMenu:hover ul.level3 {
	display:block;
	border-left: 1px solid #fff;}
  div#nav ul.level2 {top: 1.7em; left: -1px;}
  div#nav ul.level3 {top: -1px; left: 8em;
    border-top: 1px solid #ccc;}

/* =====================
  2)   Trails section navigation 
===================== */
#horizontalNav{
text-align:center;

}
#trailsMenu {
	background: #E37B14;
	float: left;
	width: 100%;
	margin: 0;
}
#horizontalNav ul {
padding:0;
}
#trailsMenu li {
list-style: none; 
float: left; 
margin: 0 auto;  
white-space: nowrap;
text-transform: uppercase;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: .025px;
}
#trailsMenu a {
display: block; 
float: left;
padding:0 16px;
line-height:24px;
text-decoration: none; 
color: #fff;
}
#trailsMenu a:hover{
background-color: #d47b31; 
color:#f3f4fc;}
.activeTM {
background-color: #d47b31; 
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#trailsMenu a {float: none;}            /* End IE5-Mac hack */

/* ===============
3)   Business Subsection Menus
================*/
#trailsSectionMenus{

}

#trailsSectionMenus ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 129px;
}

#trailsSectionMenus li {
  display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#trailsSectionMenus a {
  display: block;
	 color: #000;
  text-decoration: none;
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
margin:12px 0;
padding: 4px 0 4px 15px;
background:#f3f4fc url(../images/trailsVertNavOff.gif) repeat-y left top;
}

#trailsSectionMenus a:hover {
color: #000;
background:#fff url(../images/trailsVertNavOn.gif) repeat-y left top;
}
#trailsSectionMenus .selected a{
background: #fff url(../images/trailsVertNavOn.gif) repeat-y left top;
}
#trailsSectionMenus h2{
background: #fff url(../images/trailsSidetitle-blank.gif) repeat-y left top;
color: #000;
color: #dd7218;
text-transform: capitalize;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
padding:7px 0 9px 15px; 
text-transform: uppercase;}