#menuarticles {
position: absolute;
top: 210px;
width: 470px;
overflow: visible;
z-index: 15;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
* html #menuarticles {
width: 455px;
}
/* IE makes the menu go all wierdly vertically spaced without this! */
* HTML #menu dd {
float: left;
}
/* make the sub-menus sit to the left */
#menuarticles dl dl {
position: absolute;
top: 1px;
left: 0;
display: none;
z-index: 100;
}
* html #menuarticles dl dl.one {
top: 49px;
left: 0;
}
* html #menuarticles dl dl.two {
top: 49px;
left: 18%;
}
* html #menuarticles dl dl.three {
top: 49px;
left: 36%;
margin-left: 1px;
}
* html #menuarticles dl dl.four {
top: 49px;
left: 55%;
margin-left: 2px;
}
* html #menuarticles dl dl.five {
top: 49px;
left: 73%;
margin-left: 3px;
}
/* show sub-menus on hover */
#menuarticles dl dd:hover dl {
position: relative;
display: block;
width: 112px;
margin-top: 1px;
}
* html #menuarticles dl dd:hover dl {
position: absolute;
}
#menuarticles dl {
list-style: none;
margin: 15px 0;
padding: 0;
z-index: 1;
}
#menuarticles dd {
float: left;
display: inline;
margin: 2px 0;
background: MidnightBlue;
text-align: center;
border-right: solid 1px White;
border-bottom: solid 1px White;
width: 18%;
}
#menuarticles dd a {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 9pt;
display: block;
width: 94%;
padding: 2px;
}
* html #menu dd a {
width: 100%;
padding: 2px;
}
#menuarticles dd a:link {
color: Orchid;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd a:visited {
color: Orchid;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd a:hover {
color: White;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd a:active {
color: Fuchsia;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd dd {
float: left;
display: block;
width: 220px;
margin: 0;
border-bottom: solid 1px White;
text-align: left;
}
#menuarticles dd dd a {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 9pt;
display: block;
width: 100%;
}
#menuarticles dd dd a:link {
color: Orchid;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd dd a:visited {
color: Orchid;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd dd a:hover {
color: White;
text-decoration: none;
font-weight: normal;
}
#menuarticles dd dd a:active {
color: Fuchsia;
text-decoration: none;
font-weight: normal;
}

#menuarticles img {
text-align: right;
vertical-align: middle;
border: none;
}