html,body{
margin:0;
padding:0;
}
body{
color:#333;
background:#eee;
font:normal 11px helvetica, arial, geneva, lucida, sans-serif;
}
div#nav{
margin:3em;
}
/* START menu */
ul{
margin:0;
padding: 0 0 0 12px;
list-style: none;
border: none;
}
ul li{
display: block;
margin: 0;
padding: 0;
float:left;
}
ul li a,ul li strong{
display:block;
color:#444;
text-decoration:none;
background: url(../images/lia.gif) no-repeat;
margin:0;
padding: 0.2em 2em 0.2em 35px;
border-right: 1px solid #aaa;
position: relative;
font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
}
ul li a:hover{
background: url(../images/liahover.gif) no-repeat;
}
ul li strong{
position:relative;
z-index:102;
background: url(../images/liahover.gif) no-repeat;
border-right: 1px solid #777;
padding: 0.2em 1em 0.2em 35px;
margin: 0 4px 0 0;
}
ul li ul{
position:absolute;
z-index:101;
margin: -1px 0 0;
left: 10px;
padding: 1px 0px 3px 30px;
background: #bbb;
border-top:1px solid #fff;
border-bottom:1px solid #999;
width: 720px;
}
ul li ul li{
position:relative;
z-index:102;
display: block;
margin: 0;
padding: 0;
float:left;
}
ul li ul li a,ul li ul li strong{
color:#fff;
display:block;
text-decoration:none;
margin:0;
padding: 2px 12px 2px 10px;
background: transparent;
border: 0;
}
ul li ul li a:hover{
color:#444;
background: transparent;
border: 0;
}
ul li ul li strong{
color:#444;
background:transparent;
border: 0;
margin:0;
padding:2px 12px 2px 10px;
}
/* END menu */