/* HORIZONTAL FREESTYLE MENU LAYOUT */
#masthead01 div.menu{
border-bottom:1px solid #ffffff;
font-size:.7em;
height:21px;
left:192px;
margin:0;
position:absolute;
right:176px;
top:26px;
z-index:1;
}
/* All <ul> tags in the menu including the first level */
.menulist,.menulist  ul{
list-style:none;
margin:0;
padding:0;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul{
display:none;
left:-1px;
margin-top:13px;/* I'm using ems and px to allow people to zoom their font */
position:absolute;
top:1.0em;
width:150px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul{
left:148px;
margin-top:0;
top:-1px;
}
/*
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.
*/
.menulist li{
border:none;/*background: #000;*/
display:block;
float:left;
margin-right:-1px;
padding:0 0;
position:relative;
}
/* KISSKA */
.menulist li li{
background:#c8d1ee;
display:block;
float:left;
/*border: 1px solid #757e92;*/
margin-right:-1px;
padding:0;
position:relative;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li{
border-top:1px solid #8b9dda;
float:none;
margin:0;
margin-bottom:-1px;
}
.menulist ul>li:last-child{
margin-bottom:1px;/* Mozilla fix */
}
/* Links inside the menu */
.menulist a{
color:#04107f;
display:block;
padding:3px;
text-decoration:none;
}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover,.menulist a.highlighted:hover,.menulist a:focus{
background:#04107f;
color:#ffffff;
}
.menulist a.highlighted{
background:#04107f;
color:#ffffff;
}
/* Only style submenu indicators within submenus. */
.menulist a .subind{
display:none;
}
.menulist ul a .subind{
display:block;
float:right;
}
/* KISSKA */
.menulist a#but30,.menulist a#butActive30,
.menulist a#but48,.menulist a#butActive48,
.menulist a#but90,.menulist a#butActive90,
.menulist a#but92,.menulist a#butActive92,
.menulist a#but108,.menulist a#butActive108{
background:transparent;
color:#ffffff;
height:14px;
padding:4px 0 3px 0;
text-align:center;
width:90px;
}
.menulist a#butActive30,
.menulist a#butActive48,
.menulist a#butActive90,
.menulist a#butActive92,
.menulist a#butActive108{
background:#ffffff;
color:#04107f;
}
.menulist a.highlighted#but30,
.menulist a.highlighted#but48,
.menulist a.highlighted#but90,
.menulist a.highlighted#but92,
.menulist a.highlighted#but108,
.menulist a.highlighted#butActive30,
.menulist a.highlighted#butActive48,
.menulist a.highlighted#butActive90,
.menulist a.highlighted#butActive92,
.menulist a.highlighted#butActive108{
background:#04107f;
color:#ffffff;
}
.menulist a#but30:hover,.menulist a#butActive30:hover,
.menulist a#but48:hover,.menulist a#butActive48:hover,
.menulist a#but90:hover,.menulist a#butActive90:hover,
.menulist a#but92:hover,.menulist a#butActive92:hover,
.menulist a#but108:hover,.menulist a#butActive108:hover{
background:#04107f;
border:none;
color:#ffffff;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a{
float:left;
}
.menulist ul a{
float:none;
}
/* \*/
.menulist a{
float:none;
}
/* */
/*
HACKS: IE/Win:
A small height on <li> and <a> tags and floating prevents gaps in menu.
* html affects <=IE6 and *:first-child+html affects IE7.
You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li{
float:left;
width:100%;
}
* html .menulist ul li{
float:left;
height:1%;
}
* html .menulist ul a{
height:1%;
}
/* End Hacks */