/*
 ALTERNATE  CSS FOR HORIZONTAL MENU: This is slightly more complicated :).
 To use, replace class="menulist" with class="horizlist" in the HTML.
*/

/* All  UL tags */
.horizlist, .horizlist  ul {
 margin: 0px;
 padding: 0px;
 list-style: none;

}

/* All  submenus - hidden by default, positioned down from parent */
.horizlist ul {
 display: none;
 position: absolute;
 top: 22px;
 left: 0px;
 background: #8E8E8E;
 remborder-top:  1px solid black;
 border-bottom-width: 0px;
 width:100px;

}

/* Second  and third etc. level submenus - position across from parent instead */
.horizlist ul ul {
 top: 0px;
 left: 97px;
}

/* All  menu items ('li' tags). These are the horizontal styles with borders/overlapping */
.horizlist li {
 float: left;
 position: relative;
 background: #8E8E8E;
 remborder:  1px solid #036;
 margin:0px;
 margin-right: 1px;
 remwidth:100px;
 padding:0px;
 border-width:0px;

}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.horizlist ul li {
 float: none;
 border-width: 0;
 margin:0px;
 margin-right: 0;
 remborder-bottom: 1px solid #0;
 width:95px;
 padding:0px;
}

/* Links inside all the menu */

.horizlist a.selected {
 background-color:#003072;
}

.horizlist a {
 display: block;
 padding: 3px;
 color: #FFFFFF;
 text-decoration:  none;
 remfont-family:verdana,arial;
 font-size:12px;
 remfont-stretch:condensed;
 padding-left:7px;
 padding-right:7px;
}

/* Links inside submenus */
.horizlist ul a {
 padding:3px;
 padding-bottom:4px;
 font-size:11px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.horizlist a:hover, .horizlist a.highlighted:hover {
 color: #000000;
background-color: #DDDDDD;
}
.horizlist  a.highlighted {
 color: #FFFFFF;
background-color: #850101;
}

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

/* This  semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/

html .horizlist  ul li {
 float: left;
 height: 1%;
}

 html .horizlist  ul a {
 height: 1%;
}

/* End Hack */