* {padding:0; margin:0}
#wrapper {width:790px; padding:25px; margin:0 auto}
#leftcolumn {float:left; width:225px}
#rightcolumn {float:left; width:525px}
.dropdown {display:block; position:relative; font-size:x-small;}
.dropdown dt {width:190px; border:2px solid #ea0000; padding:6px; font-weight:; cursor:pointer; background:url(images/header.gif)}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:190px; display:none; background:#ffffff; opacity:0}
<!-- adjust flyout menu width - .dropdown dd and ul (for the border) --> 
.dropdown ul {width:187px; border:2px solid #ea0000; list-style:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:6px; color:#cccccc; text-decoration:none; background:#888888; width:186px;}
<!-- adjust main menu width - .dropdown a -->
.dropdown a:hover {color:#000000}
.dropdown .underline {border-bottom:1px solid #ea0000}


a:link {color: #ffffff; text-decoration:none;}
a:visited {color:#cccccc; text-decoration:none; }
a:hover {color:#000000;text-decoration:underline;}
a:active {color:#ffffff; text-decoration:none; }


body {
font-family:verdana,arial,sans-serif;  
color:white;
font-size:12px;
background-color:#888888;
}

.border {
border:2px solid #ea0000;
padding:6px;
}

.center {
text-align:center;
}

hr {
color:#ea0000;
}

.clrr {
clear:right;
}