﻿.horizontal
{
	font-family: Arial, Sans-Serif;
	margin: 0 auto;	
}

.horizontal #nav
{
	margin: 0 auto;
}

.horizontal #nav, .horizontal #nav ul 
{
    padding: 0;
    margin: 0;
    list-style: none; 
    line-height: 1;
}

.horizontal #nav a 
{
    display: block; 
}

.horizontal #nav li.branch a, .horizontal #nav li.branch span
{
	font-style: normal;
	font-size: 12px;
	color: #129bcc;
	display: block;
}

/* sub page items */
.horizontal #nav li ul li.subselected a, .horizontal #nav li ul li.subselected a:hover, 
.horizontal #nav li ul li.subselected span, .horizontal #nav li ul li.subselected span:hover
{
	font-style: normal;
	font-size: 12px; /* 0.7em; */
	color: #86a62c;
}

/* subpage links */
.horizontal #nav li ul li a:hover, .horizontal #nav li ul li span:hover
{
	font-style: normal;
	font-size: 12px;
	color: #ffcb08;	
}

/* main nav items - selected/hover */
.horizontal #nav li.selected, .horizontal #nav li.hover
{
	background-image: url(/images/nav_arrow.gif);
	background-position: center 32px;
	background-repeat: no-repeat;
}

/* main nav items */
.horizontal #nav li 
{
    float: left;    
    padding: 10px 10px 10px 10px; 
    height: 18px;   
    font-size: 15px; /* 1.1em; */
}

/* subpage sections */
.horizontal #nav li ul
{
    /*position: absolute;    
    left: -999em;*/
    z-index: 99;    
    padding-top: 9px;
    position: absolute;
	left: 0;
	display: none;
	top: 30px;	
	width: 924px;
}

/*.horizontal #nav li:hover ul, .horizontal #nav li.sfhover ul 
{
	position: absolute;
	left: 0;
}*/

.horizontal #nav li.selected ul
{
	position: absolute !important;
	left: 0 !important;
}

.horizontal #nav li ul ul 
{ /* third-and-above-level lists */
    margin: -1em 0 0 10em;
}

/* up to 4 levels of menus will show/hide */
/*.horizontal #nav li:hover ul ul, .horizontal #nav li:hover ul ul ul, .horizontal #nav li:hover ul ul ul ul, 
.horizontal #nav li.sfhover ul ul, .horizontal #nav li.sfhover ul ul ul, .horizontal #nav li.sfhover ul ul ul ul 
{
    left: -999em;
}

.horizontal #nav li:hover ul, .horizontal #nav li li:hover ul, .horizontal #nav li li li:hover ul, .horizontal #nav li li li li:hover ul, 
.horizontal #nav li.sfhover ul, .horizontal #nav li li.sfhover ul, .horizontal #nav li li li.sfhover ul, .horizontal #nav li li li li.sfhover ul 
{
    position: absolute;
    left: 0;
}*/


.vertical #nav, .vertical #nav ul 
{ /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 11em;
}

.vertical #nav li 
{ /* all list items */
    position : relative;
    float : left;
    line-height : 1.25em;
    margin-bottom : -1px;
    width: 11em;
}

.vertical #nav li ul 
{ /* second-level lists */
    position : absolute;
    left: -999em;
    margin-left : 11.05em;
    margin-top : -1.35em;
}

.vertical #nav li ul ul 
{ /* third-and-above-level lists */
    left: -999em;
}

.vertical #nav li a {
    width: 11em;
    w\idth : 10em;
    display : block;
    color : black;
    font-weight : bold;
    text-decoration : none;
    background-color : white;
    border : 1px solid black;
    padding : 0 0.5em;
}

.vertical #nav li a:hover {
    color : white;
    background-color : black;
}

.vertical #nav li:hover ul ul, .vertical #nav li:hover ul ul ul, 
.vertical #nav li:hover ul ul ul ul, .vertical #nav li.sfhover ul ul, 
.vertical #nav li.sfhover ul ul ul, .vertical #nav li.sfhover ul ul ul ul 
{
    left: -999em;
}

.vertical #nav li:hover ul, .vertical #nav li li:hover ul, 
.vertical #nav li li li:hover ul, .vertical #nav li li li li:hover ul, 
.vertical #nav li.sfhover ul, .vertical #nav li li.sfhover ul, 
.vertical #nav li li li.sfhover ul, .vertical #nav li li li li.sfhover ul 
{
    left: auto;
}