.serif-head {font-family: Times,serif;font-size:17px; line-height:16px; color:#353A06;}
.serif-head2 {font-family: Times,serif;font-size:14px; line-height:16px; color:#353A06;}

.form {font-family: Georgia, Times, serif;font-size:12px; line-height:16px; color:#666666; padding-left:28px;}
.form2 {font-family: Georgia, Times, serif;font-size:12px; line-height:16px; color:#666666; padding-left:22px;}
.form0 {font-family: Georgia, Times, serif;font-size:12px; line-height:16px; color:#333333; }



.copy2 {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:12px; line-height:16px; color:#333333; padding-left:12px;}
.subnav {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:11px; color:#666666; padding-left:8px;}
.subnavx {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:11px; color:#666666;}


.subnav_color {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:11px; color:#B3C572; padding-left:8px;}

.utilities {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:10px; color:#000000;}
.text {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:11px; line-height:16px; color:#58595B;}
.text_pd {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:12px; line-height:18px; color:#58595B; padding-left:15px; padding-right:15px;}

table#dot { border: 1px dotted #ccc; }

.utilities {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:9px; color:#000000;}
.pipe {font-family: Arial,Verdana,Tahoma,Arial,sans-serif;font-size:11px; color:#B3C572;}
A:link {color:#666666; text-decoration:none;}  
A:hover {color:#666666; text-decoration:none;} 
A:active {color:#EB6810;  text-decoration:none;} 
A:visited {color:#666666; text-decoration:none;} 

	h2
{
	border: 1px dotted #ccc;
	padding: 2px 0px 2px 12px;
	margin-bottom: 12px;
	font-size:11px;
	font-family: Arial, Verdana;
	color:#666666;
}



/* wrap inside dotframe */
#globalwrap { margin-left: 2%; margin-right: 2%; }



#dotframe {
	width: 740px;
	margin-bottom:14px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	border-color: #999;
	border-width: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	background-color: #fff;
	width: 670px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 0px solid #ccc;
	width: 700px;
	height: 400px;
}

#nav a {
	display: block;
	width: 116px;
	color:#666666;
}

#nav li {
	float: left;
	width: 116px;
}
#nav li ul {
	position: absolute;
	width: 110px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;

}
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);