.menulist {
background-image: url(/img/template/center/g9.png);
background-repeat: repeat-x;
background-position:top left;
height:30px;
}

.menulist, .menulist  ul {
margin: 0;
padding: 0;
list-style: none;
}

.menulist li {
float: left;
display: block;
position: relative;
width:125px;
text-align:center;
}

.menulist li a {
display: block;
padding: 3px 3px 3px 3px;
margin-right:1px;
color:#FFF;
text-decoration: none;
border-right:solid 1px #daecf8;
font-weight:bold;
}

.menulist li a:hover {
background-image: url(/img/template/center/g8.png);
background-repeat: repeat-x;
background-position:top left;
border-bottom:solid 1px #FFF;
}
.menulist a {
display: block;
padding: 3px;
text-decoration: none;
}
.menulist ul {
display: none;
position: absolute;
top: 1.0em;
margin-top: 8px; 
left: 45px;
width: 200px;
background-color:#000; 
}
.menulist ul li {
float: none;
border-left:none;
text-align:center;
width: 200px;
background-image: url(/img/template/center/g9.png);
background-repeat: repeat-x;
background-position:top left;
}
.menulist ul>li:last-child {
margin-bottom: 1px; 
}
.menulist li li a {
color:#FFF;
border-bottom:solid 1px #FFF;
border-left:none;
border-right:none;
}
.menulist li li a:hover {
color:#FFF;
border-bottom:solid 1px #FFF;
}

.menulist ul ul {
top:5px;
margin-top:0px;
left:200px;
}

.menulist li li  a.highlighted {
background-image: url(/img/template/center/g3.png);
background-repeat: repeat-x;
background-position:top left;
}

.menulist li a.highlighted {
background-image: url(/img/template/center/g3.png);
background-repeat: repeat-x;
background-position:top left;
}

.menulist a .arrow {
 display: none;
}
.menulist ul a .arrow {
 display: block;
 float: right;
}



/* '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 */