/*verticalMenu styles*/

/* all lists */
#verticalMenu, #verticalMenu ul {padding:0; margin:0; list-style:none; line-height:1;}
#verticalMenu {width:175px; position:relative;}

#verticalMenu li {margin:0; width:175px; *float:left; position:relative;}
#verticalMenu .topNavLinks {display:block; width:100%; padding:0.2em  0;}
#verticalMenu .topNavLinks .text {padding:0 10px; background-color:#fff;}
#verticalMenu ul .topNavLinks .text {background-color:transparent;}

/*#verticalMenu .redline a:hover, #verticalMenu .selected span.topNavLinks {background:url(/images/topNav-back.gif) left center repeat-x;}*/

#verticalMenu .selected, #verticalMenu li a:hover, #verticalMenu .red {font-weight:bold; color:#ED1C24; text-decoration:none;}
#verticalMenu li:hover ul.level1 a {font-weight:normal; color:#000;}
#verticalMenu li:hover ul.level1 a:hover {font-weight:bold; color:#ED1C24; text-decoration:none;}


#verticalMenu ul.level1 {position:absolute; left:-1000px; top:0; width:115px; height:100%;}
#verticalMenu ul.level1 li {background:url(/images/transparent-back.gif) top left repeat; width:115px;}
#verticalMenu ul.level1 li .topNavLinks {border-left:2px solid #ED1C24;}
#verticalMenu ul.level1 li a {color: #191c96;}


#verticalMenu li.sfhover ul, #verticalMenu .selected ul.level1 {left:175px;}

#selectedUL .parent {color: #191c96;}
#selectedUL .parent a {color: #191c96;}

/*
PLEASE NOTE THAT IE 6 AND BELOW NEEDS A HEIGHT SETTING FOR ul.level1 - 
THIS IS DONE IN /styles/ie.css
*/