/* CSS Document */

/* ---------- main nav ---------- */		

#main-nav {
	width: 900px;
	float: left;
	background-color: #e9f6e9;
	border-bottom: 4px solid #63be61;
	}
	
#main-nav ul.menuclass {
	margin: 0;
	padding: 0;
	float:left;
	}	
	
#main-nav ul.menuclass li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	position: relative;
	float:left;
	z-index: 50; /* fix for IE z-index bug */
	}
		
#main-nav ul.menuclass li a{
	margin: 0;
	padding: 9px 14px 8px 15px;
	display: block;
	float: left;
	font-size: 1.3em;
	font-family: "Lucida Sans Regular", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #e9f6e9;
	border-left: 4px solid #e9f6e9;
	}	


#main-nav ul.menuclass li.selecteditem a,
#main-nav ul.menuclass li.hover a{
	color: #63be61;
	background-color: #fff;
	border-right: 1px solid #63be61;
	border-left: 4px solid #63be61;
	}


	
/*--Set up positions of all blocks of sub menus--*/

/*--firstlevel--*/

#main-nav ul.menuclass li ul {
	position:absolute;
	margin: 0;
	padding: 0;
	top: -9999px;
	left: -9999px;
	}

#main-nav ul.menuclass li.hover ul {
	margin: 32px 0 0 0; /*set this to clear the height of the initial li*/
	padding: 0 0 10px 0;
	top: 0;
	left: 0;
	z-index: 100; /* fix for IE z-index bug */
	border-top: 1px solid #63be61;
	border-right: 1px solid #63be61;
	border-bottom: 1px solid #63be61;
	border-left: 4px solid #63be61;
	background-color: #fff;
	width: 185px;
	}

#main-nav ul.menuclass li.hover ul li a{
	width: 155px;
	background:none;
	color: #707070;
	font-size:1.2em;
	margin: 0;
	padding: 8px 15px 5px 15px;
	border-right: none;
	border-left: none;
	text-decoration: none;
	}


#main-nav ul.menuclass li.hover ul li.hover a{
	background: #e9f6e9 url(../images/template/bg-dropdown.gif) no-repeat 0 100%;
	}


	
/*--second level--*/

/*--------reset style for ie------------*/

#main-nav ul.menuclass li ul li ul{
	margin:0 0 0 185px;/*set to offset height and width of the li.hover element*/
	padding: 0 0 10px 0;
	border-top: 1px solid #63be61;
	border-right: 1px solid #63be61;
	border-bottom: 1px solid #63be61;
	border-left: 4px solid #63be61;
	background-color: #fff;
	width: 185px;
}

#main-nav ul.menuclass li ul li ul li{
	display:list-item;
	float:none;
}

#main-nav ul.menuclass li ul li ul li a{
	width: 155px;
	background:none;
	color: #707070;
	margin: 0;
	padding: 8px 15px 5px 15px;
	border-right: none;
	border-left: none;
	text-decoration: none;
	float:none;
}



/*--------------------------------------*/

#main-nav ul.menuclass li.hover ul li ul{
	position:absolute;
	top: -9999px;
	left: -9999px;
}


#main-nav ul.menuclass li.hover ul li.hover ul{
	position:absolute;
	top: 0px;
	left: 0px;
	margin:0 0 0 185px;/*set to offset height and width of the li.hover element*/
	padding: 0 0 10px 0;
	z-index: 150; /* fix for IE z-index bug */
	border-top: 1px solid #63be61;
	border-right: 1px solid #63be61;
	border-bottom: 1px solid #63be61;
	border-left: 4px solid #63be61;
	background-color: #fff;
	width: 185px;
}
	

#main-nav ul.menuclass li.hover ul li.hover ul li a{
	width: 155px;
	background:none;
	color: #707070;
	margin: 0;
	padding: 8px 15px 5px 15px;
	border-right: none;
	border-left: none;
	text-decoration: none;
	}

#main-nav ul.menuclass li.hover ul li.hover ul li.hover a{
	background: #e9f6e9 url(../images/template/bg-dropdown.gif) no-repeat 0 100%;
	width: 155px;
	color: #707070;
	margin: 0;
	padding: 8px 15px 5px 15px;
	border-right: none;
	border-left: none;
	text-decoration: none;
	}