.menu {
width:100%; 
font-size:0.85em;
position:relative;
right:0px; /*position from left layer edge*/
z-index:100;
}

/* a hack so that IE5.5 position from left layer edge is corrected */
* html .menu {
left:25px;
l\eft:25px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:107px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
position:relative;
float:right;
top:3px;
left:-25px;/*drop down box position in relation to top level*/
width:107px;
border-right:6px solid #DDEDEF;
margin: 0 0.15em;
}


/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
margin-top: 0px;
font-family: verdana;
font-size:small;
text-decoration:none; 
color: #FFFFFF; 
width:107px; 
height:18px; 
border:1px solid #5E6C56;
background-color: #5E6C56;
padding-left:5px;
padding-top: 2px; 
line-height:15px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:100px;
w\idth:100px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: url(images/btnbkg2.gif) #fff bottom left repeat;

}



/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#24366C; 
background:#44513D;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#FFFFFF;
background:#44513D;
}