* {padding:0; margin:0}

body {font:0px Verdana, Arial, Helvetica}

#wrapper {width:750px; padding:25px; margin:0 auto}

#leftcolumn {float:left; width:180px}

#rightcolumn {float:left; width:525px}

.flyout {display:block; position:relative}

.flyout dt {width:180px; border:0px solid #9ac1c9; padding:0px; font-weight:bold; cursor:pointer; }

.flyout .upperdd {border-bottom:none}


.flyout dd {position:absolute; top:0; overflow:hidden; width:180px; display:none; background:#fff; opacity:0}

.flyout ul {width:180px; border:0px solid #9ac1c9; list-style:none}

.flyout li {display:inline}

.flyout a, .flyout a:active, .flyout a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:150px}

.flyout a:hover {background:#d9e1e4; color:#000}

.flyout .underline {border-bottom:1px solid #b9d6dc}