/* nav css */
/*First =============================================================================================*/
nav {
	float: left;
	clear: left;
}
nav ul.sf-menu {
	padding: 0;
	margin: 0; /* reset list style */
}
/*Second ============================================================================================= */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match sf-menu line height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10em; /* 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: 10em; /* match ul width */
	top: 0;
}
/*Third ============================================================================================= */
/*** 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: #13a;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}






















#navigation{}
#id_header-nav{}
#thenavigator{}
#thenavigator li {
    font-size: 0.875rem;
    line-height: normal;
}


#thenavigator li.color-1{}
#thenavigator li.color-1 > a:link, #thenavigator li.color-1 > a:visited, #thenavigator li.color-1 > a:active {
    background: #00b58f none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 2.25rem;
    text-decoration: none;
}
#thenavigator li.color-1 > a:hover {
    background: #009576 none repeat scroll 0 0;
}
#thenavigator li.color-1 > .sub-menu{display: none}
#thenavigator li.color-1 > .sub-menu {
    background: #00b58f none repeat scroll 0 0;
    top: 100%;
    width: 100%;
}
#thenavigator li.color-1 > .sub-menu > li{}
#thenavigator li.color-1 > .sub-menu > li > a:link, #thenavigator li.color-1 > .sub-menu > li > a:visited, #thenavigator li.color-1 > .sub-menu > li > a:active {
    background: #00b58f none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;
}
#thenavigator li.color-1 > .sub-menu > li > a:hover{
    background: #009576 none repeat scroll 0 0;	
}

#thenavigator li.color-1 > .sub-menu > li .sub-menu {
    background: #00b58f none repeat scroll 0 0;
    left: 100%;
    width: 100%;
}
#thenavigator li.color-1 > .sub-menu > li .sub-menu li{}
#thenavigator li.color-1 > .sub-menu > li .sub-menu li > a:link, #thenavigator li.color-1 > .sub-menu > li .sub-menu li > a:visited,#thenavigator li.color-1 > .sub-menu > li .sub-menu li > a:active{
    background: #00b58f none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;	
}
#thenavigator li.color-1 > .sub-menu > li .sub-menu li > a:hover{
    background: #009576 none repeat scroll 0 0;		
}

#thenavigator li.color-1 > .sub-menu > li.sfHover > a:link,
#thenavigator li.color-1 > .sub-menu > li.sfHover > a:visited,
#thenavigator li.color-1 > .sub-menu > li.sfHover > a:active,
#thenavigator li.color-1 > .sub-menu > li.sfHover > a:hover{background: #009576 none repeat scroll 0 0;}

#thenavigator li.color-1 > .sub-menu > li .sub-menu li.sfHover > a:link,
#thenavigator li.color-1 > .sub-menu > li .sub-menu li.sfHover > a:visited,
#thenavigator li.color-1 > .sub-menu > li .sub-menu li.sfHover > a:active,
#thenavigator li.color-1 > .sub-menu > li .sub-menu li.sfHover > a:hover{background: #009576 none repeat scroll 0 0;}


#thenavigator li.color-2{}
#thenavigator li.color-2 > a:link, #thenavigator li.color-2 > a:visited, #thenavigator li.color-2 > a:active{
    background: #9eca59 none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 2.25rem;
    text-decoration: none;	
}
#thenavigator li.color-2 > a:hover{
    background: #81a64a none repeat scroll 0 0;	
}

#thenavigator li.color-2 > .sub-menu{
    background: #9eca59 none repeat scroll 0 0;
    top: 100%;
    width: 100%;	
}
#thenavigator li.color-2 > .sub-menu > li{}
#thenavigator li.color-2 > .sub-menu > li > a:link, #thenavigator li.color-2 > .sub-menu > li > a:visited, #thenavigator li.color-2 > .sub-menu > li > a:active{
    background: #9eca59 none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;	
}
#thenavigator li.color-2 > .sub-menu > li > a:hover{
    background: #81a64a none repeat scroll 0 0;		
}

#thenavigator li.color-2 > .sub-menu > li .sub-menu{
    background: #9eca59 none repeat scroll 0 0;
    left: 100%;
    width: 100%;	
}
#thenavigator li.color-2 > .sub-menu > li .sub-menu li{}
#thenavigator li.color-2 > .sub-menu > li .sub-menu li > a:link, #thenavigator li.color-2 > .sub-menu > li .sub-menu li > a:visited,#thenavigator li.color-2 > .sub-menu > li .sub-menu li > a:active{
    background: #9eca59 none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;		
}
#thenavigator li.color-2 > .sub-menu > li .sub-menu li > a:hover{
background: #81a64a none repeat scroll 0 0;	
}

#thenavigator li.color-2 > .sub-menu > li.sfHover > a:link,
#thenavigator li.color-2 > .sub-menu > li.sfHover > a:visited,
#thenavigator li.color-2 > .sub-menu > li.sfHover > a:active,
#thenavigator li.color-2 > .sub-menu > li.sfHover > a:hover{background: #81a64a none repeat scroll 0 0}

#thenavigator li.color-2 > .sub-menu > li .sub-menu li.sfHover > a:link,
#thenavigator li.color-2 > .sub-menu > li .sub-menu li.sfHover > a:visited,
#thenavigator li.color-2 > .sub-menu > li .sub-menu li.sfHover > a:active,
#thenavigator li.color-2 > .sub-menu > li .sub-menu li.sfHover > a:hover{background: #81a64a none repeat scroll 0 0}








#thenavigator li.color-3{}
#thenavigator li.color-3 > a:link, #thenavigator li.color-3 > a:visited, #thenavigator li.color-3 > a:active{
    background: #d9de4e none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 2.25rem;
    text-decoration: none;		
}
#thenavigator li.color-3 > a:hover{
    background: #a9ad46 none repeat scroll 0 0;		
}

#thenavigator li.color-3 > .sub-menu{
    background: #d9de4e none repeat scroll 0 0;
    top: 100%;
    width: 100%;		
}
#thenavigator li.color-3 > .sub-menu > li{}
#thenavigator li.color-3 > .sub-menu > li > a:link, #thenavigator li.color-3 > .sub-menu > li > a:visited, #thenavigator li.color-3 > .sub-menu > li > a:active{
    background: #d9de4e none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;		
}
#thenavigator li.color-3 > .sub-menu > li > a:hover{
    background: #a9ad46 none repeat scroll 0 0;		
}

#thenavigator li.color-3 > .sub-menu > li .sub-menu{
    background: #d9de4e none repeat scroll 0 0;
    left: 100%;
    width: 100%;		
}
#thenavigator li.color-3 > .sub-menu > li .sub-menu li{}
#thenavigator li.color-3 > .sub-menu > li .sub-menu li > a:link, #thenavigator li.color-3 > .sub-menu > li .sub-menu li > a:visited,#thenavigator li.color-3 > .sub-menu > li .sub-menu li > a:active{
    background: #d9de4e none repeat scroll 0 0;
    color: #ffffff;
    padding: 0.29rem 0;
    text-align: center;
    text-decoration: none;	
}
#thenavigator li.color-3 > .sub-menu > li .sub-menu li > a:hover{
    background: #a9ad46 none repeat scroll 0 0;			
}

#thenavigator li.color-3 > .sub-menu > li.sfHover > a:link,
#thenavigator li.color-3 > .sub-menu > li.sfHover > a:visited,
#thenavigator li.color-3 > .sub-menu > li.sfHover > a:active,
#thenavigator li.color-3 > .sub-menu > li.sfHover > a:hover{background: #a9ad46 none repeat scroll 0 0;}

#thenavigator li.color-3 > .sub-menu > li .sub-menu li.sfHover > a:link,
#thenavigator li.color-3 > .sub-menu > li .sub-menu li.sfHover > a:visited,
#thenavigator li.color-3 > .sub-menu > li .sub-menu li.sfHover > a:active,
#thenavigator li.color-3 > .sub-menu > li .sub-menu li.sfHover > a:hover{background: #a9ad46 none repeat scroll 0 0;}

#responsive-menu{display:none}