.header-nav-container {}

#nav {}



/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */

#nav li {

	position: relative;

	text-align: left;

}



#nav li.over {

	z-index: 999;

}



#nav a, #nav a:hover, #nav a:active, #nav a:focus {

	display: block;

	text-decoration: none;

}



#nav span {

	display: block;

	cursor: pointer;

	white-space: nowrap;

}



#nav li ul span {

	white-space: normal;

}



/************ 0 LEVEL  ***************/

#nav li {

	float: left;

	padding-right: 1px;

}



#nav li.parent {

}



#nav li.parent li.parent {

}



#nav a {

	float: left;

	text-decoration: none;

	padding: 0 20px;

	line-height: 30px;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 100%;

	text-transform: uppercase;

}





#nav li.active a {

	color: #FFFFFF;

	color: #FFFFFF;

	background: #62AE23;

}



#nav li.over a, #nav a:hover, #nav a:active, #nav a:focus, #nav a.over,

#nav li.active a:hover, #nav li.active a:active, #nav li.active a:focus {

	color: #FFFFFF;

	background: #62AE23;

}



/************ 1ST LEVEL ************/

#nav ul li,

#nav ul li.active {

	

	margin: 0;

	padding:0;

}



/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/



#nav ul li.last {

	padding-bottom: 0;

}



#nav ul a,

#nav ul a:hover, #nav ul a.over {

	float: none;

	background: #82d044;

}



#nav ul a span,

#nav ul a:hover span, #nav ul a.over span {

	float: none;

	display: inline;

}





#nav ul li a, #nav ul li a span {

	font-weight: normal !important;

	line-height: normal !important;

	background: none !important;

}



/************ 2ND LEVEL ************/

#nav ul {

	position: absolute;

	width: 15em;

	top: 30px;

	left: -10000px;

/*	border: 1px solid #5A5A5A;*/

	border-top: 0; 

	background: #76c139;

	list-style: none;

}



#nav ul li {

	/*border-top: 1px solid #5A5A5A;*/

	border-right: 0;

	background: none;

	width: 100%;

}



/* Show menu */

#nav li.over > ul { left:0; }

#nav li.over > ul li.over > ul { left:150px; }

#nav li.over ul ul { left:-10000px; }



#nav ul li a,  #nav li.active li a {

	border: none;

	margin: 0;

	color: #FFFFFF;

	background:#62AE23   ;

	font-size: 100%;

	text-transform: none;

	padding: 7px 15px;

}



#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus, #nav ul li a.over {

	background: #62AE23 !important;

	color: #FFFFFF;

}



/************ 3RD+ LEVEL ************/

#nav ul ul { 
	top: 5px; 
	background-color:#7ecd3f;
}




/*vertical menu*/
#vertical-nav ul {
    list-style-type: none; /* get rid of the bullets */
    padding:0;             /* no padding */
    margin:0;              /* no margin for IE either */
}

#vertical-nav ul li {
    margin: 0;
    padding: 0;
    display:block;
    margin-top: 1px; /* lines */
}

#vertical-nav ul ul li a,#vertical-nav ul li{
    background-color: #FFFFFF;
}
#vertical-nav ul li a {
    display: block;
    padding: 3px 3px 3px 23px;
    margin:0;
    text-decoration: none;
    height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
    /*background-color: #CCCCCC;*/
}
#vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen {
    font-weight: bolder;
    text-decoration: underline;
    color:#000000;
}
#vertical-nav .final{
/*background-color:#ECECEC;*/
}

#vertical-nav ul ul li a {
    margin-left: 20px;
}

#vertical-nav ul ul ul li a {
  margin-left: 40px;     /* indent level 2 */
}

#vertical-nav a {
  color:#999999;
}
#vertical-nav a:hover {
  color:#666666;
}
#vertical-nav ul li ul li a {
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    margin-bottom:0px;
    margin-top:0px;
}
#vertical-nav ul li ul li {
    margin-bottom:0px;
    margin-top:0px;
}
