/* ================================================================ 

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-droplist.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.

=================================================================== */

#dropList { padding-top:40px;  height:30px;  font-family: Arial, sans-serif; font-weight: bold; font-size:16px; z-index:500; text-shadow:#333333; float:left; display:inline; }

#dropList ul#menu { margin:0; padding:0 0 0 0px; list-style:none; white-space:wrap; float:left; display:inline;}
#dropList ul#menu li.level1-li { float:left; height:29px; padding-top:1px; margin:0px 2px 0px 2px; }

#dropList ul#menu li.level1-li a.level1-a { display:block; height:26px; float:left; padding:0 10px 0 10px; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:bold; color:#ffffff; border-left:1px solid #a71930; border-top:1px solid #a71930; border-right:1px solid #a71930;   }
#dropList ul#menu li.sub a.level1-a {color:#fff; border-left:1px solid #a71930; border-top:1px solid #a71930; border-right:1px solid #a71930;}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative; height: 40px;  z-index:500; }
#dropList ul#menu li.level1-li a.level1-a:hover {  }


#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { color:#ffffff;}
#dropList ul#menu li.sub a.level1-a:hover { height:29px; color:#fff;  background:#b43b4f; border-left:1px solid #bd5364; border-top:1px solid #bd5364; border-right:1px solid #bd5364;  }
#dropList ul#menu li.sub:hover > a.level1-a { height:29px; color:#fff; background:#b43b4f; border-left:1px solid #bd5364; border-top:1px solid #bd5364; border-right:1px solid #bd5364; }
#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:32px; background-color:#a71930;  padding:0; background-image:url(../images/dropgradient.png); background-position:top; background-repeat:repeat-x; border-left:1px solid #bd5364; border-bottom:1px solid #bd5364; border-right:1px solid #bd5364;}

#dropList ul#menu :hover div.listHolder {left:0px; } 
#dropList ul#menu a:hover div.listHolder {left:0px; }
#dropList ul#menu div.col1 {width:230px;}
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-230px;}
#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:210px; text-align:left;}
#dropList ul#menu div.listHolder div.listCol ul li {margin:0px 0 5px 0; margin:0;  }
#dropList ul#menu div.listHolder div.listCol ul li a { font-size:13px; line-height:15px; color:#fff; margin-bottom:3px; font-weight:normal;   }

#dropList ul#menu div.listHolder div.listCol ul li ul {padding:0; margin:0; list-style-type:none; }
#dropList ul#menu div.listHolder div.listCol ul li ul li {line-height:18px; padding:0; margin:0; background:url(../images/dot.gif) no-repeat left top;  }
#dropList ul#menu div.listHolder div.listCol ul li ul li a {color:#fff; text-decoration:none; font-size:12px;  font-weight:normal; display:block; padding-left:12px; border-bottom:none; padding-right:5px; }

#dropList ul#menu div.col1 div.listCol ul li a { display:block; width:100%; padding:3px 0px; border-bottom:1px dotted #CCC; font-size:13px; font-weight:bold; }
#dropList ul#menu div.col1 div.listCol ul li a:hover { color:#CCC; }
#dropList ul#menu div.col1 div.listCol ul li ul li a { padding:2px 0px 2px 10px; margin-left:5px; border-bottom:none; font-size:11px; width:98%; }
#dropList ul#menu div.col1 div.listCol ul li ul li a:hover { color:#CCC;}
