/* This works in IE6*/
/* Begin our secondary navigation styles */
#nav1, #nav1 ul {
	float: left;
	list-style: none;
	line-height: 15px;
	color: #ffffff;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
}
/* -------------------------- */
/* Here are the top secondary navigation links */
#nav1 a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#nav1 a.current {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	background-color: #007D00;
}
#nav1 a.one, #nav1 a.two, #nav1 a.three {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}
#nav1 li {
	float: left;
	padding: 0;
	font-size: 12px;
	font-family: "Lucida Sans Unicode";
}
/* -------------------------- */
/* The dropdown links lists */
#nav1 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px; 
	font-weight: normal;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #ccc;
	margin: 0;
	font-size: 11px;
	z-index: 100000000;
}
#nav1 li li {
	padding: 0;
	width: 150px;
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
}
#nav1 li ul a {
	padding: 12px;
	width: 150px;
	border-bottom: 1px solid #ccc;


	* html width: 100px;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover1 ul ul, #nav1 li.sfhover1 ul ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover1 ul, #nav1 li li.sfhover1 ul, #nav1 li li li.sfhover1 ul {
	left: auto;
}
/* -------------------------- */
/* The background and color of the main nav link while looking at the dropdown
   (a little different than the method used on the main nav...) */
#nav1 li:hover a.one, #nav1 li.sfhover1 a.one,
#nav1 li:hover a.two, #nav1 li.sfhover1 a.two,
#nav1 li:hover a.three, #nav1 li.sfhover1 a.three {
	color: #fff;
	background-color: #015000;
}
/* -------------------------- */
#nav1 li:hover a.current, #nav1 li.sfhover1 a.current {
	color: #fff;
	background-color: #015000;
}
/* The dropdown links list colors */
#nav1 li ul.under a {
	background: #fff;
	color: #015000;
	
}
#nav1 li ul.under a:hover {
	color: #fff;
	background-color: #015000;
}





























#nav2, #nav2 ul {
	float: right;
	list-style: none;
	line-height: 15px;
	color: #ffffff;
	background: transparent;
	padding: 0;
	margin: 0;
	width: auto;
}
/* -------------------------- */
/* Here are the top secondary navigation links */
#nav2 a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#nav2 a.one, #nav2 a.two, #nav2 a.three {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}
#nav2 li {
	float: left;
	padding: 0;
	font-size: 12px;
	font-family: "Lucida Sans Unicode";
}
/* -------------------------- */
/* The dropdown links lists */
#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 74px;
	font-weight: normal;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #ccc;
	margin: 0;
	font-size: 11px;
	z-index: 100000000;
}
#nav2 li li {
	padding: 0;
	width: 50px;
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
}
#nav2 li ul a {
	width: 50px;
	border-bottom: 1px solid #ccc;





	* html width: 100px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover1 ul ul, #nav2 li.sfhover1 ul ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover1 ul, #nav2 li li.sfhover1 ul, #nav2 li li li.sfhover1 ul {
	left: auto;
}
/* -------------------------- */
/* The background and color of the main nav link while looking at the dropdown
   (a little different than the method used on the main nav...) */
#nav2 li:hover a.one, #nav2 li.sfhover1 a.one,
#nav2 li:hover a.two, #nav2 li.sfhover1 a.two,
#nav2 li:hover a.three, #nav2 li.sfhover1 a.three {
	color: #fff;
	background-color: #015000;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav2 li ul.under a {
	background: #fff;
	color: #015000;
	
}
#nav2 li ul.under a:hover {
	color: #fff;
	background-color: #015000;
}