/*Main menu in left col */

.mainlevel, .mainlevel * {
	margin:0;
	padding:0;
}
.mainlevel {
	
}
.mainlevel ul {
	/*IE6 needs this*/
}

.mainlevel li {
	float: left;
	list-style:none;
	position:relative;
	width: 188px;
	/*width: 180px; widened to 188 for left mod
	width: 188px;	*/
	z-index:999;
}

.mainlevel a {
	color: #13a;
	padding: 2px 0;
	text-decoration:none;
}

.mainlevel a:hover {
	color: green;
}

.mainlevel li ul {
	top:-999em;
	position:absolute;
	width:9.55em;
}
.mainlevel li:hover,
.mainlevel li.sfHover,
.mainlevel a:focus, .mainlevel a:hover, .mainlevel a:active {
	
}
.mainlevel li:hover ul, /* pure CSS hover is removed below */
ul.mainlevel li.sfHover ul {
	/*left:-200px;*/
	left: 182px;
	top:-12px;
}

.mainlevel li:hover li ul,
.mainlevel li.sfHover li ul {
	top:-999em;
}
.mainlevel li li:hover ul, /* pure CSS hover is removed below */
ul.mainlevel li li.sfHover ul {
	left: 170px;
	top:-10px;
}
.mainlevel li li:hover li ul,
.mainlevel li li.sfHover li ul {
	top:-999em;
}
.mainlevel li li li:hover ul, /* pure CSS hover is removed below */
ul.mainlevel li li li.sfHover ul {
	left:170px;
	top:-10px;
}

.mainlevel li li li:hover li ul,
.mainlevel li li li.sfHover li ul {
	top:-999em;
}



/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.mainlevel li li {
	background:#00703C;
	width:180px;
}
.mainlevel li li li {
	background:#00703C;
}
.mainlevel li li a {
	padding-right:0;
	width:180px;
}

#mainnav {
	background: #00703C;
}

#mainnav ul {
	margin: 10px 0 0 10px;
}

#mainnav ul.mainlevel li {
	background: transparent url('../images/mainnav_bg_line.gif') repeat-x left bottom;
}

#mainnav a.mainlevel:link, #mainnav a.mainlevel:visited {
	display: block;
	padding: 6px 0 6px 3px;
/*	color: #76B894;*/
    color: #FFFFFF;
	font: bold 12px verdana, helvetica, sans-serif;
	text-transform: lowercase;
	background: transparent url('../images/mainnav_bg.gif') no-repeat 100% 50%;
}

#mainnav a.mainlevel:hover {
	text-decoration: none;
	background: transparent url('../images/mainnav_bg_hover.gif') no-repeat 100% 50%;
}

#mainnav ul.mainlevel ul li {
	background: none;
	border-bottom: 1px solid #407959;
}

#mainnav a.sublevel:link, #mainnav a.sublevel:visited {
	display: block;
	background: #00703C url('../images/subnav_bg.gif') no-repeat 97% 50%;
	width:180px;
	padding: 6px 0 6px 12px;
	color: #FFFFFF;
	font: bold 12px verdana, helvetica, sans-serif;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#mainnav a.sublevel:hover {
	color: #76B894;
	text-decoration: none;
}

/* sec nav - in right column */
/*Main menu in left col */

.mainlevelsec, .mainlevelsec * {
	margin:0;
	padding:0;
}
.mainlevelsec {
	
}
.mainlevelsec ul {
	/*IE6 needs this*/
}

.mainlevelsec li {
	float: left;
	list-style:none;
	position:relative;
	width: 180px;
	/*width: 152px; widened to 188 for left mod
	width: 188px;	*/
	z-index:999;
}

.mainlevelsec a {
	color: #13a;
	padding: 2px 0;
	text-decoration:none;
}

.mainlevelsec a:hover {
	color: green;
}

.mainlevelsec li ul {
	top:-999em;
	position:absolute;
	width: 180px;
}
.mainlevelsec li:hover,
.mainlevelsec li.sfHover,
.mainlevelsec a:focus, .mainlevel a:hover, .mainlevel a:active {
	
}
.mainlevelsec li:hover ul, /* pure CSS hover is removed below */
ul.mainlevelsec li.sfHover ul {
	left:-200px;
	/*left: 182px;*/
	top:-12px;
}

.mainlevelsec li:hover li ul,
.mainlevelsec li.sfHover li ul {
	top:-999em;
}
.mainlevelsec li li:hover ul, /* pure CSS hover is removed below */
ul.mainlevelsec li li.sfHover ul {
	left: -200px;
	top:-10px;
}
.mainlevelsec li li:hover li ul,
.mainlevelsec li li.sfHover li ul {
	top:-999em;
}
.mainlevelsec li li li:hover ul, /* pure CSS hover is removed below */
ul.mainlevelsec li li li.sfHover ul {
	left:-200px;
	top:-10px;
}

.mainlevelsec li li li:hover li ul,
.mainlevelsec li li li.sfHover li ul {
	top:-999em;
}



/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.mainlevelsec li li {
	background:#00703C;
	width: 180px;
}
.mainlevelsec li li li {
	background:#00703C;
}
.mainlevelsec li li a {
	padding-right:0;
	width: 180px;
}

#secnav {
	background: #00703C;
}

#secnav ul{
	margin: 10px 0 0 10px;
}

#secnav ul.mainlevelsec li {
	background: transparent url('../images/mainnav_bg_line.gif') repeat-x left bottom;
}

#secnav a.mainlevelsec:link, #secnav a.mainlevelsec:visited {
	display: block;
	padding: 6px 0 6px 3px;
/*	color: #76B894;*/
    color: #FFFFFF;
	font: bold 12px verdana, helvetica, sans-serif;
	text-transform: lowercase;
	background: transparent url('../images/mainnav_bg.gif') no-repeat 100% 50%;
}

#secnav a.mainlevelsec:hover {
	text-decoration: none;
	background: transparent url('../images/mainnav_bg_hover.gif') no-repeat 100% 50%;
}

#secnav ul.mainlevelsec ul li {
	background: none;
	border-bottom: 1px solid #407959;
}

#secnav a.sublevelsec:link, #secnav a.sublevelsec:visited {
	display: block;
	background: #00703C url('../images/subnav_bg.gif') no-repeat 97% 50%;
	width: 180px;
	padding: 6px 0 6px 12px;
	color: #FFFFFF;
	font: bold 12px verdana, helvetica, sans-serif;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#secnav a.sublevelsec:hover {
	color: #76B894;
	text-decoration: none;
}