/* ================================================================ 
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 {width:187px; height:200px; position:relative;}
#menuContainer2 {width:150px; height:100px; position:relative;}

#verticalNav {position:absolute; left:2px; top:10px; margin:0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding:5px 0 0 0;}

#verticalNav2 {position:absolute; left:0px; top:10px; margin:0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding:5px 0 0 0;}

#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}
#verticalNav2 ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav2 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:0px; padding:10px; width:350px; height:318px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url('/images/backing.png'); width:390px; height:340px;}

#verticalNav2 table {border-collapse:collapse; margin:-1px;}
#verticalNav2 ul.toplevel ul.sub {position:absolute; left:-9999px; width:173px;}
#verticalNav2 ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:0px; padding:10px; width:350px; height:300px;}
#verticalNav2 ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url(/'images/backing.png'); width:390px; height:340px;}


#verticalNav ul.toplevel {width:175px; border-top:none;}
#verticalNav ul.toplevel li {float:left; width:175px;}
#verticalNav ul.toplevel li a {display:block; width:175px; padding-left:10px; height:24px; line-height:22px; text-decoration:none; color:#000; font-size:14px; background:#FFCA60 url('/images/arrow-black.gif') no-repeat 160px center; border:0px; border-width:0 1px 1px 1px;}
#verticalNav li a{display:block; width:175px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#000; font-size:12px; background:#FFCA60; border:0px; border-width:0 1px 1px 1px;}
#verticalNav a:hover {white-space:nowrap;}
#verticalNav :hover ul.toplevel li a {background:#FFCA60 url(/'images/arrow-grey.gif') no-repeat 160px center; color:#000;
}
#verticalNav ul.toplevel li a:hover {color:#000; background:#F1A81C url(/'images/arrow-black.gif') no-repeat 160px center;}
#verticalNav ul.toplevel li:hover > a {color:#000; background:#F1A81C url(/'images/arrow-black.gif') no-repeat 160px center;}

#verticalNav2 ul.toplevel {width:175px; border-top:none;}
#verticalNav2 ul.toplevel li {float:left; width:165px;}
#verticalNav2 ul.toplevel li a {display:block; width:165px; padding-left:10px; height:24px; line-height:22px; text-decoration:none; color:#000; font-size:14px; background:#FFCA60; border:0px; border-width:0 1px 1px 1px;}
#verticalNav2 li a{display:block; width:175px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#000; font-size:12px; background:#FFCA60; border:0px; border-width:0 1px 1px 1px;}
#verticalNav2 a:hover {white-space:nowrap;}
#verticalNav2 :hover ul.toplevel li a {background:#FFCA60; color:#000;
}
#verticalNav2 ul.toplevel li a:hover {color:#000; background:#F1A81C;}
#verticalNav2 ul.toplevel li:hover > a {color:#000; background:#F1A81C;}



#verticalNav :hover ul.toplevel :hover ul.sub {left:174px; top:1; border-top:none;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:5px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:27px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:50px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:72px;}
#verticalNav :hover ul.toplevel :hover ul.pos5 {top:92px;}
#verticalNav :hover ul.toplevel :hover ul.pos6 {top:10px;}
#verticalNav :hover ul.toplevel :hover ul.pos7 {top:138px;}
#verticalNav :hover ul.toplevel :hover ul.pos8 {top:158px;}

#verticalNav2 :hover ul.toplevel :hover ul.sub {left:174px; top:0; border-top:none;}
#verticalNav2 :hover ul.toplevel :hover ul.pos1 {top:5px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos2 {top:27px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos3 {top:50px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos4 {top:72px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos5 {top:73px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos6 {top:114px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos7 {top:138px;}
#verticalNav2 :hover ul.toplevel :hover ul.pos8 {top:158px;}


#verticalNav :hover ul.toplevel :hover ul.sub li a {background:#FFCA60; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {background:#FFCA60 url('/images/arrow-black.gif') no-repeat 160px center; color:#000;}

#verticalNav2 :hover ul.toplevel :hover ul.sub li a {background:#FFCA60; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li a.sub2 {background:#FFCA60; color:#000;}

#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {background:#F1A81C; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {background:#F1A81C url('/images/arrow-black.gif') no-repeat 160px center; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {background:#F1A81C url(/images/arrow-black.gif) no-repeat 160px center; color:#000;}

#verticalNav2 :hover ul.toplevel :hover ul.sub li a:hover {background:#F1A81C; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li a.sub2:hover {background:#F1A81C; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {background:#F1A81C; color:#000;}


#verticalNav :hover ul.toplevel :hover ul.sub li a {background:#FFCA60; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub0 {background:#FFCA60 color:#000;}

#verticalNav2 :hover ul.toplevel :hover ul.sub li a {background:#FFCA60; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li a.sub0 {background:#FFCA60 color:#000;}

#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {background:#F1A81C; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub0:hover {background:#F1A81C; color:#000;}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub0 {background:#F1A81C; color:#000;}

#verticalNav2 :hover ul.toplevel :hover ul.sub li a:hover {background:#F1A81C; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li a.sub0:hover {background:#F1A81C; color:#000;}
#verticalNav2 :hover ul.toplevel :hover ul.sub li:hover > a.sub0 {background:#F1A81C; color:#000;}

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

#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base {left:185px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-92px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div2 {top:-115px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div3 {top:-207px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.div4 {top:-230px;}
#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;}

#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.base {left:185px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div1 {top:-92px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div2 {top:-115px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div3 {top:-207px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div4 {top:-230px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div5 {top:-137px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div6 {top:-207px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.div7 {top:-185px;}


#verticalNav :hover ul.toplevel :hover ul.sub :hover div.border {left:175px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b1 {top:-102px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b2 {top:-125px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b3 {top:-217px;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.b4 {top:-240px;}
#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;}

#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.border {left:175px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b1 {top:-102px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b2 {top:-125px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b3 {top:-217px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b4 {top:-240px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b5 {top:-147px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b6 {top:-217px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.b7 {top:-195px;}

#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:150px; height:auto; padding:0; margin:0;}
#verticalNav :hover ul.toplevel :hover ul.sub :hover div.base ul li a {width:190px; padding-left:10px; background:#E9FDAA url('/images/dot.gif') no-repeat left center; 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:#000;}

#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.base ul {float:left; padding:0; margin:0; list-style:none; width:200px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.base ul li {display:block; float:left; width:150px; height:auto; padding:0; margin:0;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.base ul li a {width:190px; padding-left:10px; background:#E9FDAA url(/images/dot.gif) no-repeat left center; color:#000; border:0; margin:0; height:auto; line-height:18px;}
#verticalNav2 :hover ul.toplevel :hover ul.sub :hover div.base ul li a:hover {color:#000;}

#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:13px; margin:0; padding:0 0 5px 0; line-height:18px;}

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

<!--[if lte IE 6]>
<style type="text/css">
#verticalNav ul.toplevel ul div.border {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backing.png', sizingMethod='scale');
}

<![endif]-->

<!--[if lte IE 6]>
<style type="text/css">
#verticalNav2 ul.toplevel ul div.border {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backing.png', sizingMethod='scale');
}

<![endif]-->