/* Main Bar Styles */
.menu { z-index:10; width:740px; height:25px; border-top:3px solid #8a6f26; background:#a99348 url("../images/nav_bg.jpg") repeat-x top; padding:0; margin:0 0 1px 0 }
.menu a { display:block; float:left; font-size:7.5pt; text-decoration:none;  }
.menu a:hover { text-decoration:none }




/* Main Level Styles */
.menu ul { list-style-type:none; padding:0; margin:0 }
.menu ul li {float:left; padding:0; margin:0 }/* float the top list items to make it horizontal */
.menu ul li:hover { position:relative; }
.menu ul table ul a { width:150px; w\idth:150px; }/*Required for IE*/
* html .menu ul a:hover { position:relative; }



/* Main Level Rollover Styles */
.rollover { height:25px; padding:0; margin:0 }
.rollover:hover { background:url("../images/link_arrow.gif") top center no-repeat; color:#fffddd }
.rollover li:hover { background:url("../images/link_arrow.gif") top center no-repeat; color:#fffddd }
.rollover a { height:25px; line-height:17pt; text-transform:uppercase; font-weight:bold; color:#1b430f; padding:0 12px 0 11px; margin:0 }
.rollover a:hover { background:url("../images/link_arrow.gif") top center no-repeat; color:#fffddd }/* Rollover fix for IE 6 */
.rollover :hover > a { color:#fffddd }

/* Main Level Current Styles */
.current { height:25px; background:url("../images/nav_bg_over.jpg") repeat-x; padding:0; margin:0 }
.current a { height:25px; line-height:17pt; text-transform:uppercase; font-weight:bold; color:#fff; background:url("../images/link_arrow.gif") top center no-repeat; padding:0 12px 0 11px; margin:0 }
.current a:hover { background:url("../images/link_arrow.gif") top center no-repeat }/* Rollover fix for IE 6 */
.current :hover > a { background:url("../images/link_arrow.gif") top center no-repeat }




/* First level dropdown styles */
.menu ul ul { width:150px; visibility:hidden; position:absolute; top:25px; left:0 }
.menu ul ul li {display:block; width:150px; position:relative;  border:none }
/* First Level Rollover Styles */
.menu ul ul a { width:150px; background:#ddc67a; height:100%; text-transform:none; line-height:13pt; color:#1b430f; text-align:left; font-weight:normal; padding:2px 5px 2px 10px; margin:0; border:solid #8a6f26; border-width:0 1px 1px 1px;}
.menu ul ul a:hover {color:#fff; background:#c1a351;}
.menu ul ul :hover > a {color:#fff; background:#c1a351;}
* html .menu ul ul a {width:150px; w\idth:150px;}

.right ul ul { left:-17px;}
.right ul ul ul{left:-175px; top:0; width:160px; border:solid #8F855B; border-width:1px 0 0 0 }

.left ul li { left:-79px }/* position the third level flyout menu for a left flyout */




/* Second level dropdown styles */
.menu ul ul ul { left:150px; top:0; width:150px; }
.menu ul ul ul li {display:block; width:150px; position:relative; border:none }
/* Second Level Rollover Styles */
.menu ul ul ul a { width:150px; background:#ddc67a; height:100%; text-transform:none; line-height:13pt; color:#1b430f; text-align:left; font-weight:normal; padding:2px 5px 2px 10px; margin:0; border:solid #8a6f26; border-width:0 1px 1px 1px;}
.menu ul ul ul a:hover {color:#fff; background:#c1a351;}
.menu ul ul ul :hover > a {color:#fff; background:#c1a351;}
* html .menu ul ul ul a {width:150px; w\idth:150px;}




/* Third Level Styles and Rollovers */
.menu ul ul ul ul a { background:#ddd; }
.menu ul ul ul ul a:hover { background:#eee; }




/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:7.5pt;}
.menu ul ul table {lef\t:-1px;}
.menu ul table ul.left {margin-lef\t:2px;}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; padding-bottom:0; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}