/* vertical menu */


#vmenu{
  font-family:cursive;
    font-size:20px;
    padding-left:1em;
}
#vmenu li
{
    list-style:none;
    height:35px;
    border-bottom:1px #59b955 solid;
    padding-left:1em;
}
#vmenu li:hover
{
    background:#fff;
    
}
#vmenu ul
{
/*	padding:6px 20px 5px 20px;
	margin:0px;*/
        
    list-style:none;
    height:35px;
    padding-left:1em;
}

#vmenu ul ul
{
	padding:6px 20px 5px 0px;
	margin:0px;
}

#vmenu ul li
{
    list-style:none;
    display: block;
}

#vmenu ul li a
{
 text-decoration: none;
    color:#4b3b2b;
}
#vmenu ul li.active a
{
/*	color:#1c2e10;*/

}

#vmenu ul li a:hover, #vmenu ul li.active a
{
	color: #000;
/*	background-color:#EFF4FA;*/
	text-decoration:none;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:		0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	.8;
/*       padding-top:5px;*/
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			240px; 
        /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:210px; /*			100%; */
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
        /*left:300px;*/
       width:210px;
       
        
}
.sf-menu a {
	display:		block;
	position:		relative;
               width:210px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			180px;
	top:			35px; /* match top ul list item height */
	z-index:		99;
        
}
.sf-menu li li
{
    border:solid 1px #b9ba55;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { /* no effect */
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			210px;  match ul width 
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			210px; /* match ul width    was 10*/
	top:			0;
}




/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	.1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
       
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#010101;
}
.sf-menu li a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#1c2e10;
}
.sf-menu li {
/*	background:		#0161ad;*/
/*        background:#5e9834;*/
         border-radius:2px;
}
.sf-menu li li { /* these are the dropdown items */
	background:		#FFF;
	opacity:1;
                 
}
.sf-menu li li li {
/*	background:		#222222;*/
	opacity:.9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
/*	background:		#1c2e10;*/
/*	color:#aecc9a;*/
/*        color:#eee;*/
/*	outline:		0;*/
	opacity:1;
         border-radius:2px;
}

.sf-menu li.active {
/*	background:		#aecc9a;*/
	color:#1c2e10;
	outline:		0;
	opacity:1;
}

.sf-menu li.active a {
    color:#000;
    
}
/* adjustments for vertical menu */
.sf-menu a.sf-with-ul {
	padding-right: 	8em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/* menu for charlie the tree guy */

#bottom_menu{
/*        background:#0161ad;*/
        height:40px;
        margin-top:10px;
        border-radius:10px;
        box-shadow:inset 0 0 5px #000;


}
#bottom_menu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
        
}

#bottom_menu ul ul
{
	padding:6px 20px 5px 0px;
	margin:0px;
}

#bottom_menu ul li
{
	display: inline;
       
}

#bottom_menu ul li a
{
	color:#636600;
	background-color:transparent;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 2.5em;
                text-align: center;
                 
}
#bottom_menu ul li.active a
{
	color:#1c2e10;

}

#bottom_menu ul li a:hover, #mainmenu ul li.active a
{
	color: #1c2e10;
/*	background-color:#EFF4FA;*/
	text-decoration:none;
}