/* DROPPY BELOW */

/* Basic code - don't modify */
ul.main { display: block; margin: 0; padding: 0; position: relative; }
ul.main li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
ul.main a { display: block; }
ul.main ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html ul.main ul { line-height: 0; } /* IE6 "fix" */
ul.main ul a { zoom: 1; } /* IE6/7 fix */
ul.main ul li { float: none; }
ul.main ul ul { top: 0; }

/* Essentials - configure this */

ul.main ul { /*width: auto;*/ width: 150px; }
ul.main ul ul { left: 131px; display: none; visibility: hidden}

/* Everything else is theming */

#nav-search { background: #f8f5df url('../../../../img/bg-nav-search.gif') no-repeat center right; display: block; float: left; height: 28px; width: 100%; position: relative; z-index: 9999999}
#nav-main { float: left; font-size: 14px; font-weight: bold; margin-top: 5px; padding-left: 20px; text-transform: uppercase; position: relative;}

#nav-main a:link { color: #5e4d42; text-decoration: none; }
#nav-main a:visited { color: #5e4d42; text-decoration: none; }
#nav-main a:focus { color: #5e4d42; text-decoration: none; }
#nav-main a:hover { color: #5e4d42; text-decoration: none; }
#nav-main a:active { color: #5e4d42; text-decoration: none; }

#nav-main ul { float: left; list-style-type: none; margin: 0; padding: 0; }

#nav-main ul li { border-right: solid 2px #7e2020; display: inline; float: left; width: auto; }
#nav-main ul li.last-child { border-right: none; width: 140px}
#nav-main ul li a { font-weight: bold; padding: 0 .75em; text-decoration: none; }
#nav-main ul li:hover a, ul.main ul li a.current, ul.main li a.current {color: #9e1f1f}

#nav-main ul ul li {display: block; border: none; font-size: 10px; line-height: 13px;position: relative; float:none; margin: 0;  padding:  6px 0 ; width: auto; z-index: 99999999; }
#nav-main ul ul { margin-top: 7px; width: auto}
* html #nav-main ul ul { margin-top: 10px; }
#nav-main ul ul a{color: #9e1f1f;}
#nav-main ul ul {background: #ead789 url('../../../../img/bg-nav-subnav.gif') repeat-x; padding-top: 13px}
#nav-main ul ul li:hover {background: #ebdcc8 url('../../../../img/bg-nav-subnav-hover.gif') repeat-x; padding:  6px 0 5px; border-bottom: solid 1px #b4af92; color: #9e1f1f}
#nav-main ul li:hover ul li a:hover {text-decoration: none; color: #9e1f1f}

#nav-main ul ul ul {display: none; visibility: hidden} /* hides nav beneath second level */

#search { float: right; font-family: Georgia, "Times New Roman", Times, serif; height: 28px; margin-right: 20px; padding-top: 5px;}
* html #search {padding-top: 3px;}
#search { color: #f8f5e0; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; }
#search input { border: none; font: 12px Arial, Helvetica, sans-serif; height: 14px;}

/* Sets the correct color for current section in navigation */
#nav-search #nav-main ul.main li a.current { color: #9e1f1f; }

#nav-main ul.main li ul li a.external { background: url('../../../../img/external-link-background.gif') right bottom no-repeat; }

/*
ul.main { background-color: #30A8C3; height: 24px; }
ul.main *:hover { background-color: none; }
ul.main a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
ul.main li.hover a { background-color: #5E5A5A; }
ul.main ul { top: 25px; }
ul.main ul li a { background-color: #5E5A5A; }
ul.main ul a.hover { background-color: #30A8C3; }
ul.main ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */