<style type="text/css" media="screen"><!--
<!-->
body {
margin: 0;
padding: 0;
background: f5deb3;
}-->

dl.menud, dt.menud, dd.menud, ul.menud, li.menud {
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
font: 13px Trebuchet MS, sans-serif;

}

#menu {
position: absolute; /* Menu position that can be changed at will */
top: 225px;
left: 7%;
}

#menu {
width: 15em;
}

#menu dt.menud {
cursor: hand;
margin: 0;
height: 25px;
width: 155px;
line-height: 20px;
font-weight: bold;
background: url(../images/button1.gif);
}

#menu dd.menud {
border: 0;
}

#menu li.menud {
text-align: center;
height: 25px;
line-height: 20px;
width: 155px;
margin: 0;
background: url(../images/button3.gif);
position: relative;
top: 0;
left: -10px; /* to position them to the right of their containing block */



}

#menu li.menud a, #menu dt.menud a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover {
background: url(../images/button4.gif); width: 155px;
}

#'smenu()' a:hover {
background: url(../images/button4.gif); width: 155px;
}

#menu dt a:hover{
background: url(../images/button2.gif); width: 155px;
}
--></style>
