/* HORIZONTAL FREESTYLE MENU LAYOUT */
#masthead01 div.menu{
font-size:.7em;
height:20px;
left:300px;
margin:0;
position:absolute;
top:3px;
z-index:10;
}
/* 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;
position:relative;
}
/* KISSKA */
.menulist li li{
background:#e3e7f5;
border-bottom:1px solid #cdcdcd;
display:block;
float:left;
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 #adadad;
float:none;
margin:0;
margin-bottom:-1px;
}
.menulist ul>li:last-child{
margin-bottom:1px;/* Mozilla fix */
}
/* Links inside the menu */
.menulist a{
color:#333366;
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:#e4eec8;
color:#333366;
}
.menulist a.highlighted{
background:#e4eec8;
color:#333366;
}
.menulist a.active{
background: #7b2629;
color:#ffffff;
}
/* Only style submenu indicators within submenus. */
.menulist a .subind{
display:none;
}
.menulist ul a .subind{
display:block;
float:right;
}
/* KISSKA */
.menulist a#but567,.menulist a#butActive567,
.menulist a#but568,.menulist a#butActive568,
.menulist a#but569,.menulist a#butActive569,
.menulist a#but570,.menulist a#butActive570,
.menulist a#but584,.menulist a#butActive584{
background:url(../m/ec/But_Off.jpg) no-repeat;
/*border:1px solid #999999;
border-bottom:0;
border-top:0;
color:#606060;*/
color:#fff;
height:20px;
padding:4px 0 3px 0;
text-align:center;
width:88px;
}

.menulist a#butActive567,
.menulist a#butActive568,
.menulist a#butActive569,
.menulist a#butActive570,
.menulist a#butActive584{
background:url(../m/ec/But_On.jpg) no-repeat;
color:#fff;
}

.menulist a#but567:hover,
.menulist a#but568:hover,
.menulist a#but569:hover,
.menulist a#but570:hover,
.menulist a#but584:hover,
.menulist a.highlighted#but567,
.menulist a.highlighted#but568,
.menulist a.highlighted#but569,
.menulist a.highlighted#but570,
.menulist a.highlighted#but584{
background:url(../m/ec/But_Over.jpg) no-repeat;
color:#fff;
}
/* '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 */