/* ================================================================ 
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.
=================================================================== */
#verticalNav {z-index:500;position:absolute; top:0; margin:0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding: 0; z-index: 200;}

#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:173px;}
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:1px solid #ddd; padding:10px; width:350px; height:300px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url(vertical-list/backing.png); width:360px; height:310px;}

#verticalNav ul.toplevel {width:175px; border-top:0;}
#verticalNav ul.toplevel li {float:left; width:175px;}
#verticalNav ul.toplevel li a {display:block; width:223px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#000; font-size:11px;background-image: url(../images/bgmenu01.jpg); border:1px solid #2A7DA6; border-width:0 1px 1px 1px;}

#verticalNav a:hover {white-space:nowrap;}
#verticalNav :hover ul.toplevel li a {background-image: url(../images/bgmenu01.jpg); color:#444;
}
#verticalNav ul.toplevel li a:hover {color:#fff; background:#fff url(../images/bgmenu02.jpg);}
#verticalNav ul.toplevel li:hover > a {color:#fff; background:#fff url(../images/bgmenu02.jpg);}

#verticalNav :hover ul.toplevel :hover ul.sub {left:234px; top:0; border-top:0;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:47px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:69px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:92px;}


#verticalNav :hover ul.toplevel :hover ul.sub li a {background:#9CCDE6; color:#000; filter:alpha(opacity=100); opacity:1.0;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {background:#eee; color:#000;}

#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {background:#5c94b9; border: 1px solid #0B6C9D; color:#fff;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {background:#5c94b9; color:#fff;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {background:#5c94b9; color:#fff;}

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

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {left:234px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-92px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div2 {top:-61px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div3 {top:-84px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div4 {top:-107px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div5 {top:-137px;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.border {left:184px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b1 {top:-91px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b2 {top:-60px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b3 {top:-83px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b4 {top:-108px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b5 {top:-136px;}


#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul {float:left; padding:0; margin:0; list-style:none; width:200px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li {display:block; float:left; width:330px; height:auto; padding:0; margin:0;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a {display:inline; width:300px; padding-left:5px; background:#fff; color:#000; border:0; margin:0; height:auto; line-height:18px; }
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a:hover {color:#069;}

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base h4 {color:#888; font-size:13px; margin:0; padding:5px 0 5px 0;}
#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;}