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

#menuContainer { }

#verticalNav {position:relative; left:5px; top:5px; margin:0 0 20px 0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding:0;text-decoration:none; }
#verticalNav .menu_header {font-size:12px; font-weight:bold; text-decoration:none; padding-left:5px; line-height:23px; color:#fff; width:263px; background:url(images/design/menuHeaderBack.gif) no-repeat bottom left; overflow:hidden; }

#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}

#verticalNav table {border-collapse:collapse; margin:-1px;}
#verticalNav ul.toplevel ul.sub {position:absolute; left:-9999px; width:275px;}

/*HH This above is where FF border is set*/
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:1px solid #cde0f3; padding:10px; width:300px; height:340px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url(vertical-list/backing.png); width:340px; height:380px;}

#verticalNav ul.toplevel {width:275px; border-top:0px solid #3d6b9e;}
#verticalNav ul.toplevel li {float:left; width:275px; text-decoration:none;}
#verticalNav ul.toplevel li a {display:block; width:263px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#000; font-size:11px; font-weight:bold; background:#cde0f3 url(vertical-list/arrow-black.gif) no-repeat 260px center; border:1px solid #3d6b9e; border-width:0 1px 1px 1px;}


#verticalNav :hover ul.toplevel li a {background:#b0c7dc url(vertical-list/arrow-grey.gif) no-repeat 260px center; color:#222; 
}

#verticalNav ul.toplevel li a:hover {color:#069; background:#fff url(vertical-list/arrow-black.gif) no-repeat 260px center;}
#verticalNav ul.toplevel li:hover > a {color:#069; background:#fff url(vertical-list/arrow-black.gif) no-repeat 260px center;}

#verticalNav :hover ul.toplevel :hover ul.sub {left:274px; top:0; border-top:1px solid #3d6b9e;}

/*HH This above is where the IE6 border is set on-off, but putting width makes no difference*/
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:22px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:45px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:68px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:137px;}
#verticalNav :hover ul.toplevel :hover ul.pos5 {top:160px;}
#verticalNav :hover ul.toplevel :hover ul.pos6 {top:183px;}
#verticalNav :hover ul.toplevel :hover ul.pos7 {top:206px;}
#verticalNav :hover ul.toplevel :hover ul.pos8 {top:252px;}
#verticalNav :hover ul.toplevel :hover ul.pos9 {top:413px;}
#verticalNav :hover ul.toplevel :hover ul.pos10 {top:367px;}



#verticalNav :hover ul.toplevel :hover ul.sub li a {background:#b0c7dc; color:#000; width:263px;}
/*HH This above controls the width of second level but not the top border in FF*/
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {background:#b0c7dc url(vertical-list/arrow-black.gif) no-repeat 260px center; color:#000;}


 
#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {background:#fff; color:#069;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {background:#fff url(vertical-list/arrow-black.gif) no-repeat 260px center; color:#069;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {background:#fff url(vertical-list/arrow-black.gif) no-repeat 260px center; color:#069;}

#verticalNav :hover ul.toplevel :hover ul.sub li a.plain {background:#b0c7dc url(images/5x5trans.gif); color:#000; width:290px; border:none;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.plain:hover {background:#fff url(images/5x5trans.gif); color:#069;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.plain {background:#fff url(images/5x5trans.gif); color:#069;}

#verticalNav :hover ul.toplevel :hover ul.sub li a.pic {background:#fff url(images/5x5trans.gif) repeat; border:none; padding:0; margin:0; display:table-cell;width:300px;height: auto;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.pic:hover {background:#fff url(images/5x5trans.gif) repeat; color:#069;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.pic {background:#fff url(images/5x5trans.gif) repeat; color:#069;}


#verticalNav :hover ul.toplevel :hover ul.sub div.base {left:-9999px;}
#verticalNav :hover ul.toplevel :hover ul.sub div.border {left:-9999px;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {left:285px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-92px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div2 {top:100px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div3 {top:-138px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div4 {top:300px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div5 {top:-137px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div6 {top:-207px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div7 {top:-185px;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.border {left:275px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b1 {top:-102px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b2 {top:90px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b3 {top:-148px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b4 {top:290px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b5 {top:-147px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b6 {top:-217px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b7 {top:-195px;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul {}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li {}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a { }
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a:hover { }

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base h4 {color:#036; font-size:13px; margin:0; padding:5px 0 5px 5px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base p {color:#555; font-size:11px; margin:0; padding:0 0 5px 0; line-height:18px;}