/* CSS Document */

body div#listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

div#listmenu	{
	width:656px;
	/*height:29px;*/
	float:left;
	padding:0px 0px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
}

div#listmenu ul	{
	padding:0px;
	margin:0px 0px 0px 60px;
	/*height:29px;*/
}

div#listmenu ul li	{
	height:30px;
	list-style-type:none;
	float:left;
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	padding:0px 0px;
	margin:0px 4px;
	display:block;
}
div#listmenu ul li:hover	{
	/*background-color:#BFD630;*/
	background-image:none;
	background-color:#62B83D;
}

/*div#listmenu ul li.home:hover	{
	background-image:url(../images/home-on.jpg);
	background-repeat:repeat-x;
}
*/

div#listmenu ul li:hover a	{
	color:white;
}

div#listmenu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	padding:7px 17px;
	display:block;
}

div#listmenu ul li a:hover {
	color:#3c440e;
	}



	/* DROPDOWNS */
	div#listmenu ul li:hover ul  {
		display:block; /*--- Displays appropriate drop down menu ---*/
	}
	
	div#listmenu ul li ul
	{
		margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
		position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
		left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
		top:29px;
		padding:0px;
		margin:0px;		
	}
	
		ul.aboutus	{
		width:180px;
		}
	
		ul.services	{
		width:140px;
		}
		
		ul.news	{
		width:170px;
		}
		
		ul.contact	{
		width:100px;
		}	
	
	div#listmenu ul li ul li	{
		width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
		border-bottom:1px solid #f6fbdb; /*--- Three sides of each drop-down item ---*/
		padding:0px 0px 0px 5px;
		margin:0px;
		background-color:#62B83D;
		background-image:none;
		vertical-align:middle;
		height:auto;
		display:block;
		color:white;
	}

	div#listmenu ul li ul li.top	{
		border-top:1px solid #f6fbdb;
	}

	div#listmenu ul li ul li:hover {
		background-color:#b6daa6;
		background-image:none;
		color:white;
	}
	
	div#listmenu ul li ul li a {
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
		color:white;
		padding:4px;
		display:block;
	}
	div#listmenu ul li ul li a:hover {
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
		color:black;
		padding:4px;
		display:block;
	}