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

#menufrog {
   list-style-type:none;
   padding:0;
   margin:0;
   width:200px;
   position:relative;
   top:10px;
   left:0px;
   border:1px solid #ffffff;
   border-width:0 1px 1px;
   z-index:100;
}
#menufrog ul {
   list-style-type:none;
   padding:0;
   margin:0;
}

#menufrog li {
   float:left;
   background:#000000;
   position:relative;
   border-top:1px solid #ffffff;
   padding-left: 5px;
}

#menufrog li a:hover{
   background: #8c0101;
}

#menufrog li.sub {
   background:#000000;
}

#menufrog li, #menufrog li a {
   display:block;
   color:#ffffff;
   font-family:arial, sans-serif;
   font-size:13px;
   line-height:22px;
   width:200px;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;

}

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

#menufrog li.hover {
   color:#ff0;
   background: #8c0101;
   z-index:500;
}

#menufrog li.hover {
   color:#ff0;
}

#menufrog li.hover ul {
   display:block;
}

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

#menufrog li.hover ul li{
   background: #1e5c99;
}

#menufrog li.hover ul li.fly {
   background: #1e5c99 url(../img/frog_arrow.gif) no-repeat top right;
}

#menufrog li.hover ul li.hover {
   background:#98a;
}

#menufrog li.hover ul li.hover ul li {
   background:#c60;
}

#menufrog li.hover ul li.hover ul li.hover ul li {
   background:#780;
   z-index:500;}

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

#menufrog li.hover ul li.hover ul li.hover ul li.hover {background:#ddeeff;}
#menufrog li.hover ul li.hover ul li.hover ul li.hover a {color:#fff;}