/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.main-nav ul { display: none; position: absolute; top: 1.0em; margin-top: -3px;  left: -2px; height: 15px; width: 615px;   }

.main-nav li.nav-item-2 ul { margin-left: -131px; /*margin-left: -72px;*/ }
.main-nav li.nav-item-3 ul { margin-left: -204px; /*margin-left: -145px;*/ }
.main-nav li.nav-item-4 ul { margin-left: -297px; /*margin-left: -276px;*/ }
.main-nav li.nav-item-5 ul { margin-left: -380px; /*margin-left: -369px;*/ }
.main-nav li.nav-item-6 ul { margin-left: -489px; /*margin-left: -497px;*/ }

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.main-nav li { float: left;  position: relative; margin-right: -1px; }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.main-nav ul li { float: none; margin: 0; margin-bottom: -1px;   }

.main-nav ul li a { display: inline!important;  color: #818181; margin: 0 5px; padding-right: 0!important;  }
.main-nav ul li a:hover { color: #176b95!important; text-decoration: underline!important; }
.main-nav ul li a.active { color: Black; }


.main-nav ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }

/* Only style submenu indicators within submenus. */
.main-nav a .subind { display: none; }
.main-nav ul a .subind { display: block; float: right; }


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.main-nav a { float: left; }
.main-nav ul a { float: none; }
.main-nav a { float: none; }