/* ================================================================ 
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.
=================================================================== */

/* Controls the overall menu width and height */
#dropList {
height:32px;
width:907px;
background:#89a url(topBack.gif) repeat-x left center;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

/* Controls the main non-drop down menu headings */
#dropList ul#menu {
margin:0; 
padding:0 0 0 0px; 
list-style:none; 
white-space:nowrap;
}

#dropList ul#menu li.level1-li {
float:left;
height:32px;
}

/* Controls the main non-drop down menu headings */
#dropList ul#menu li.level1-li a.level1-a {
display:block; 
height:32px; 
float:left; 
padding:0 32px 0 32px; 
text-decoration:none; 
line-height:32px; 
white-space:nowrap;
font-weight:bold;
color:#fff;
}

/* Controls the drop down menu heading text colour */
#dropList ul#menu li.sub a.level1-a {color:#fff;}

#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;
border-right:1px;
color:#FFF;
background:url(over.gif);
}

/* Controls the drop down menu heading text hover colour */
#dropList ul#menu li.sub a.level1-a:hover {
height:32px;
color:#fff;
background:url(topHover.gif);
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:32px;
color:#fff;
background:url(topHover.gif);
}

/* Controls the drop down menu backgrounds and border */
#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:32px; background:#E7E7E7; 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:-151px;}


#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#666; padding:5px 10px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(arrow.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#fff;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

#dropList ul.atoz {padding:0; margin:0; list-style:none; width:420px; height:24px; background:#fff;} 
#dropList ul.atoz div.subListHolder {position:absolute; left:-9999px;}
#dropList ul.atoz li {display:block; float:left;}
#dropList ul.atoz li a {display:block; padding:0 10px; float:left; height:24px; line-height:24px; background:#fff; color:#000; text-decoration:none; text-align:center; font-weight:bold;}
#dropList ul.atoz li a:hover {background:#000; color:#fff;}
#dropList ul.atoz li:hover > a {background:#000; color:#fff;}

#dropList ul.atoz :hover div.subListHolder {left:-1px; top:24px; background:#fff url(divider.gif); border:1px solid #000; border-width:0 1px 1px 1px;}

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

#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:16px;}
#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:#6C6C6C; 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:#6C6C6C; background:url(dot.gif) no-repeat left center;}
#dropList div.sublistCol ul li:hover  a {text-decoration:underline; color:#6C6C6C; background:url(dot.gif) no-repeat left center;}

#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine {clear:left; background:#666; padding:5px 10px; text-align:left;}
#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine {height:1px;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(arrow.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a {color:#fff; background:#666; display:inline; float:none; padding:0; text-decoration:underline;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover {text-decoration:none;}


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

#current {
background: #a6cf59;
}
