/* ================================================================ 
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-droplistv2.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 {
height:72px;
width:548px;
background:#89a url(../images/dropmenubg-pink.jpg) repeat-x left center;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:13px;
z-index:500;
border-width:1px 1px 0 1px;
}


img {
border:none;
}
#dropList ul#menu {
margin:0; 
padding:0 0 0 10px; 
list-style:none; 
white-space:nowrap;
}

#dropList ul#menu li.level1-li {
float:left;
height:72px;
padding-top:1px;

}

#dropList ul#menu li.level1-li a.level1-a, a.levell-ared, a.levell-ayellow, a.levell-agreen, a.levell-ablue, a.levell-apink {
display:block; 
height:72px; 
float:left; 
border-left:1px solid #d9d9d9;
border-right:1px solid #fff;
padding:0 15px 0 15px;
width:70px; 
text-decoration:none; 
line-height:72px; 
white-space:nowrap;
font-weight:bold;
color:#000;
text-align:center;
text-transform:uppercase
}



a.levell-ared {
background:url(../images/dropmenubg.jpg);
height:70px;
border-bottom:#FF0000 solid 2px;
}

a.levell-ared:hover {
background:#FF0000;
border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
}

a.levell-ayellow {
background:url(../images/dropmenubg.jpg);
height:70px;
border-bottom:#fdfe02 solid 2px;}

a.levell-ayellow:hover {
background:#fdfe02;
border-left:1px solid #fdfe02;
border-right:1px solid #fdfe02;
}

a.levell-agreen {
background:url(../images/dropmenubg.jpg);
height:70px;
border-bottom:#8AFF00 solid 2px;}

a.levell-agreen:hover {
background:#8AFF00;
border-left:1px solid #8AFF00;
border-right:1px solid #8AFF00;
}

a.levell-ablue{
background:url(../images/dropmenubg.jpg);
height:70px;
border-bottom:#00fefe solid 2px;}

a.levell-ablue:hover {
background:#00fefe;
border-left:1px solid #00fefe;
border-right:1px solid #00fefe;
}

a.levell-apink{
background:url(../images/dropmenubg.jpg);
height:70px;
border-bottom:#fe35a9 solid 2px;}

a.levell-apink:hover {
background:#fe35a9;
border-left:1px solid #fe35a9;
border-right:1px solid #fe35a9;
}


#dropList ul#menu li.sub a.level1-a {color:#000;}

#dropList ul#menu li.level1-li:hover,
#dropList ul#menu li.level1-li a.level1-a:hover {position:relative;}

#dropList ul#menu li.level1-li a.level1-a:hover, 
#dropList ul#menu li.level1-li:hover a.level1-a {
border-left:1px solid #2d2d2d;
border-right:1px solid #000;
color:#fff;
background:#fe35a9;
}

#dropList ul#menu li.sub a.level1-a:hover {
height:72px;
color:#000;
background:#fe35a9;
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:72px;
color:#000;
background:#fe35a9;
}

#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:70px; background:#fe35a9 ; border:1px solid #c82a85; border-width:0 1px 1px 1px; padding:0;}

/* IE6 only */
#dropList table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#dropList ul#menu :hover div.listHolder {left:0;}
#dropList ul#menu a:hover div.listHolder {left:-1px; top:29px;}
#dropList ul#menu div.col1 {width:141px;}
#dropList ul#menu div.col2 {width:280px;}
#dropList ul#menu div.col3 {width:440px;}

#dropList ul#menu a:hover div.left1,
#dropList ul#menu :hover div.left1 {left:-141px;}



#dropList div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;}
#dropList div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList div.listCol ul li {line-height:22px; padding:0; margin:0;}
#dropList div.listCol ul li a {display:block;  color:#fff; text-decoration:none; padding-left:10px; font-weight:bold; background: url(../images/bullet.jpg) no-repeat left center; white-space:nowrap; text-align:left; width:120px;}
#dropList div.listCol ul li a:hover {text-decoration:none; color:#383838;}

#dropList div.sublistCol {display:block; float:left; padding:10px; margin:0; width:120px; text-align:left; line-height:15px;}
#dropList div.sublistCol h5 {clear:left; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(linedot.gif) repeat-x left bottom; text-align:left; color:#000;}
#dropList div.sublistCol ul {padding:0; margin:0; list-style:none; width:110px;}
#dropList div.sublistCol ul li {line-height:15px; padding:0; margin:0; width:110px}
#dropList div.sublistCol ul li a {display:block; float:left; color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url(dot.gif) no-repeat left center; white-space:nowrap; height:15px; line-height:15px; font-weight:normal;}
#dropList div.sublistCol ul li a:hover {text-decoration:underline; color:#069; background:url(dot.gif) no-repeat left center;}
#dropList div.sublistCol ul li:hover  a {text-decoration:underline; color:#069; background:url(dot.gif) no-repeat left center;}




#dropList table table {
border-collapse:collapse; 
margin:-1px -10px 0 -10px; 
font-size:1em; 
width:0; 
height:0;
}