/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-flyout-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#flyList {width:660px; height:100px; position:relative;background-color:#fff; border:0px solid #000;font-family: Arial, Helvetica, sans-serif;}
#menu {padding:0; margin:0; list-style:disc; width:180px; height:100px; margin-left:30px;}
#menu li.level1-li {float:left; height:22px; width:180px;}
#menu li.level1-li a.level1-a {display:block; height:22px; line-height:22px; padding-left:10px; text-decoration:none; font-size:12px;color:#aa0000; font-weight:bold; background:#fff;  border-right:0px solid #000; }
#menu li.sub a.level1-a {background:#fff  ;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}

#menu div.listHolder {position:absolute; left:-9999px; font-weight:bold; border:1px solid #888; border-width:1px 1px 1px 1px; background:#fff; filter: alpha(opacity=90); opacity:0.9; }
#menu div.col1 {width:150px;}
#menu div.col2 {width:480px;}
#menu div.col3 {width:450px;}

#menu div.listCol {width:230px; float:left; padding:0px;margin-right:10px;text-align:left; }
#menu div.listCol ul {padding:0; margin:0; list-style:none;}
#menu div.listCol ul li { padding-left:8px;}
#menu div.listCol ul li a {display:block;   font-size:10px; text-decoration:none; color:#aa0000; padding-left:10px;   }
#menu div.listCol h2 {padding:8px 0 0 10px; margin:0; font-size:11px; font-weight:bold; color:#000; background: url(images/divider.gif) repeat-x left bottom;}
#menu div.listHolder div.bottomLine {clear:both;padding:0 10px; margin:0; line-height:20px;font-size:13px; color:#000;background:#c2d4e2}
#menu div.listHolder div.bottomLine h1 {font-size:13px;display:inline}
#menu div.listHolder div.bottomLine p {padding:0 10px; margin:0; line-height:20px;font-size:13px; color:#000;background:#c2d4e2 url(flylist/arrow.gif) no-repeat 7px 7px;  }
#menu div.listHolder div.bottomLine p a {color:#8ff;}

#menu li a:hover {background-color:#fff; color:#000; filter: alpha(opacity=90); opacity:0.9;}
#menu li.level1-li:hover > a {background:#e5e5e5; color:#000; filter: alpha(opacity=90); opacity:0.9;}

#menu li.sub a:hover {border-right:0;}
#menu li.sub:hover > a {border-right:0;}

#menu :hover div.listHolder {left:200px; top:0px;}

#menu div.listCol ul li a:hover {color:#069; text-decoration:underline;}
#menu div.listHolder div.bottomLine p a:hover {color:#8ff; text-decoration:none; background:transparent;}

#pad {width:150px; height:246px; background:#000; filter: alpha(opacity=60); opacity:0.6;}