* {padding:0; margin:0}

.flyout {display:block; position:relative; margin:0px 10px 0px 10px;}
.flyout dt 
{
display:block; 
text-decoration:none;
line-height:20px;
width:220px;
color:#fff;
text-indent:5px;
border:1px solid #9cf;
border-width:0px 1px 1px 0px;
font-family:sans-serif, Arial, Helvetica;
font-size:12px;
font-weight:bold;
background:#47a;
}
.flyout .upperdd {
border-bottom:none
}
.flyout dt:hover {
color:#9cf; 
font-weight:bolder;
background:#6699cc;	
}
.flyout dd {position:absolute; top:0; overflow:hidden; width:220px; display:none; background:#6699cc;}
.flyout ul {
list-style:none;
}

.flyout li {
display:block;
position:relative; 
background:#47a;

}
.flyout a, .flyout a:active, .flyout a:visited {
display:block; 
text-decoration:none;
line-height:20px;
width:220px;
color:#fff;
text-indent:5px;
border:1px solid #9cf;
border-width:0px 0px 1px 0px;
font-family:sans-serif, Arial, Helvetica;
font-size:12px;
font-weight:bold;
}
.flyout a:hover 
{
color:#9cf; 
font-weight:bolder;
background:#258;
}