/* ================================================================ 
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.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
 background-image: url(frog_arrow.gif); background-repeat:no-repeat; background-position:left top;
 */
 
#outer_vertical {text-align:left;width:auto; height:auto; position:relative;}

#outer_vertical #content {text-align:left;clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}
#outer_vertical img {text-align:left;display:block; float:right;}
#outer_vertical p {text-align:left;margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}

#menu_vertical { text-align:left;list-style-type:none; padding:0; margin:0; width:100%; position:relative; top:0px; left:0; border:0px solid #fff; border-width:0 0px 0px; z-index:100;}
#menu_vertical ul {text-align:left;list-style-type:none; padding:0; margin:0; width:100%;}
#menu_vertical li {float:left; background-color:#bae7ff; position:relative; border-top:0px solid #fff;text-align:left;}

#menu_vertical li.sub {background-color:#000; color:#0c9cea; font-size:12px;background-image: url(pt_9x15.gif); background-repeat:no-repeat; text-indent:15px; }

#menu_vertical li.sub2 {background-image: url(frog_arrow_4.gif); background-repeat:no-repeat; background-position:left top;}
#menu_vertical li.sub3 {background-image: url(frog_arrow_5.gif); background-repeat:no-repeat; background-position:left top;}

#menu_vertical li, #menu_vertical li a, #menu_vertical li.sub li a {display:block; color:#5f5f5f; font-family:arial, sans-serif; font-size:11px; line-height:15px; width:100%; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}
#menu_vertical li.sub a {display:block; color:#0c9cea; font-family:arial, sans-serif;  width:100%; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px; font-size:12px;}


#menu_vertical ul,
#menu_vertical li.click ul ul,
#menu_vertical li.click ul li.hover ul ul {display:none;}

#menu_vertical li.hover {color:#fff; z-index:500;}
#menu_vertical li.click {color:#fff; }
#menu_vertical li.sub.hover a{ color:#fff; }
#menu_vertical li.click.sub a{ color:#fff; }
#menu_vertical li.click.sub li a{ color:#5f5f5f; }
#menu_vertical li.click.sub.hover a{ color:#fff; }
#menu_vertical li.click.sub.hover li a{ color:#5f5f5f; }

#menu_vertical li.click ul {display:block;}
#menu_vertical li.click ul li.hover ul, 
#menu_vertical li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu_vertical li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu_vertical li.click ul li.hover {background-color: #0c9cea;}

#menu_vertical li.click ul li.hover ul li {background-color: #c60;}
#menu_vertical li.click ul li.hover ul li.hover ul li {background-color: #780; z-index:500;}

#menu_vertical li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu_vertical li.click ul li.hover ul li.hover {z-index:500; background-color: #fa4;}
#menu_vertical li.click ul li.hover ul li.hover a {color:#000;}

#menu_vertical li.click ul li.hover ul li.hover ul li.hover {background-color: #aa0;}
#menu_vertical li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}