style type="text/css">
/* credits: www.freecssmenus.co.uk */
/* small horizontal menu */
#hzmenu1 { margin:0;
padding:0;
padding-left:5%;
list-style-type:none;
border: 1px solid #006633;
width:95%;
height:22px;
background: url(diag_blue349.gif) repeat top left;
background-position: 0px -74px;
}
#hzmenu1 li { background: url(diag_blue349.gif) no-repeat top left;
background-position: 0px -1px;
width:118px;
height:22px;
float:left;
}
#hzmenu1 a em { font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
font-style:normal;
}
#hzmenu1 a { text-decoration:none;
color:#FFE;
position:absolute;
width:118px;
height:22px;
display:block;
}
#hzmenu1 a.hzmove { line-height:23px;
color:#FFE;
text-indent:18px;
}
#hzmenu1 a:hover { width:130px;
height:22px;
z-index:500;
}
#hzmenu1 a:hover em { position:absolute;
overflow:hidden;
width:130px;
height:22px;
left:0px;
top:0px;
text-indent:20px;
color:#CCFFCC;
line-height:24px;
cursor:pointer;
}
#hzmenu1 a:hover.hzmove em { background: url(diag_blue349.gif) no-repeat top left;
background-position: 0px -38px;
}
/* medium horizontal menu */
#hzmenu { padding:0;
margin:0;
list-style-type:none;
border: 1px solid #006633;
width:100%;
height:30px;
background: url(diag_blue349.gif) repeat top left;
background-position: 0px -74px;
}
#hzmenu li { background: url(diag_blue349.gif) no-repeat top left;
background-position: 0px -1px;
width:118px;
height:30px;
float:left;
}
#hzmenu a em { font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
font-style:normal;
}
#hzmenu a { text-decoration:none;
color:#FFE;
position:absolute;
width:118px;
height:30px;
display:block;
}
#hzmenu a.hzmove { line-height:28px;
color:#FFE;
text-indent:26px;
}
#hzmenu a:hover { width:137px;
height:30px;
z-index:200;
}
#hzmenu a:hover em { position:absolute;
overflow:hidden;
width:140px;
height:30px;
left:0px;
top:0px;
text-indent:28px;
color:#A2FFA6;
line-height:30px;
cursor:pointer;
}
#hzmenu a:hover.hzmove em { background: url(diag_blue349.gif) no-repeat top left;
background-position: 0px -38px;
}
/* large horizontal menu */
#hzmenu2 { padding:0;
margin:0;
list-style-type:none;
border: 1px solid #006633;
width:100%;
height:35px;
background: url(diag_blue2968.gif) repeat top left;
background-position: 0px -74px;
}
#hzmenu2 li { background: url(diag_blue2968.gif) no-repeat top left;
background-position: 0px -1px;
width:138px;
height:35px;
float:left;
}
#hzmenu2 a em { font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
font-style:normal;
}
#hzmenu2 a { text-decoration:none;
color:#FFE;
position:absolute;
width:140px;
height:35px;
display:block;
}
#hzmenu2 a.hzmove { line-height:33px;
color:#FFE;
text-indent:26px;
}
#hzmenu2 a:hover { width:137px;
height:35px;
z-index:500;
}
#hzmenu2 a:hover em { position:absolute;
overflow:hidden;
width:160px;
height:35px;
left:0px;
top:0px;
text-indent:28px;
color:#CCFFCC;
line-height:36px;
cursor:pointer;
}
#hzmenu2 a:hover.hzmove em { background: url(diag_blue2968.gif) no-repeat top left;
background-position: 0px -38px;
}
.clear{clear:both}

</style>