/* this body and container combo center the inner page */
/* without them, same layout will stretch across the window width */

body {
	text-align: center;
	background-color: #FFF;
	margin: 0px;
}

#container {
	position: relative;
	background-color: #fff;
	top: 0px;
	width: 770px;
	text-align: left;
	margin: auto;
}

p, ul, li {font-family: myriad, arial, helvetica, verdana, sans-serif, sans-serif; font-size: 12px;}

a {
	color: #339900;
	text-decoration: underline;
/*	font-weight: bold;*/
}

h1 {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #000;
}

h2 {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #000;
	font-style: italic; 
	margin: 2px;
	padding: 2px;
}

h3 { /*same as h4 but BLACK */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #000;
}

h3.greenline {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #FFFFFF;
	background : #7AC53E;
	margin : 0;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	padding : 0;
	padding-bottom : 0;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
}

.greenhd0space {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #7AC53E;
	background: #FFFFFF;
	margin : 0px;
	padding: 0px;
}

h4 {/*same as h3 but GREEN */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #84C550;
}
h4 a {
	color: #000;
}

.spotlight {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #FFFFFF;
	color: #000000;
	border : 2px dotted #7AC53E;
	margin : 1px 0px;
}


.charsmall {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	color: #7AC53E;
	font-size: 10px;
	font-weight: 100;
	font-style : italic;
}
.charbig {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.homehotlinks {
	text-decoration:none; 
	color:#000000;
}

	
.tw-green {
	color: #7AC53E;
}

a.textnav  { /* this is for home page */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

a.textnav:hover  { /* this is for home page */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

#textnav {
	position: absolute;
	top: 0px;
	right: 25px;
	z-index: 100;
}

	
#textnav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;

}

#textnav a:visited {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

#textnav a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: underline; 
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

#nav {
	float: left;
	width: 165px;
	margin: 0px;
	padding: 0px;
	clear: left;
	background: transparent;
	display: block;
} 

html>body #nav {
		width: 139px; /* whenever you see html>body it's to fool IE */ 
		/*box model hack -- subtract padding from div AND a styles to equal IE appearance */	
}


#nav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #FFFFFF;
	text-decoration: none; 
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	border: 2px solid #A0A39D;
	width: 100%;
	text-align: center;
	margin: 5px;
	padding: 3px;
	display: block;
}

#nav a:visited {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #FFFFFF;
	text-decoration : none; 
	font-size : 11px;
	font-weight: bolder;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : center;
	margin: 5px;
	padding: 3px;
	display: block;
} 

#nav a:hover {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #CAE6B4;
	text-decoration : none; 
	font-size : 11px;
	font-weight: bolder;
	color : #000000;
	border : 2px solid #7AC53E;
	width: 100%;
	text-align : center;
	margin: 5px;
	padding: 3px;
	display: block; /* this causes the term's border to stretch to fill div */
}

#nav-on {
	float: left;
	width: 165px;
	margin: 0px;
	padding: 0px;
	clear: left;
	display: block;
}

html>body #nav-on {
		width: 139px; /* box model hack -- subtract padding from div AND a styles to equal IE appearance */
}

#nav-on a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

#nav-on a:visited {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

#nav-on a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #7AC53E;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

/* subnav div for the submenu links that appear under the main button of a section */
/* 	when the visitor is inside that section */

/* NOTES ON BELOW SUBNAV */
/* float works like old align=left but for any element */
/* clear value of left moves the element below any floating element on its left */
#subnav {
	float: left; 
	clear: left; 
	width: 123px;
	text-align: left;
	margin : 0px 0px 0px 19px;
	padding: 0px 3px;
}

html>body #subnav {
	width: 100px; /* box model hack - it had to be a couple pixels off to fit "from director" text */
	float: right; /* within left-floating nav div, subnav floats right */
	margin : 0px 0px 0px 23px;
	padding: 0px;
}

#subnav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #FFFFFF;
	text-decoration: none;
	color: #7AC53E;
	border : 2px solid #CAE6B4;
	width: 100%;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin :  3px; 
	padding : 3px;
}

#subnav a:visited {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #FFFFFF;
	text-decoration : none;
	color : #7AC53E;
	border : 2px solid #CAE6B4;
	width: 100%;
	text-align : left; 
	font-size : 11px;
	font-weight : bold;
	margin :  3px; 
	padding: 3px;
}

#subnav a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif; 
	background : #CAE6B4;
	text-decoration : none;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : left; 
	font-size : 11px;
	font-weight : bold;
	margin :  3px; 
	padding: 3px;  
}

/* LAYOUT */

#innerbanner {
	position: relative;
	margin: 0px;
	padding: 0px;
	height : 124px;
	background-repeat : no-repeat;
}

#homebanner {
	margin: 0px;
	padding: 0px;
	background-image : url(images/770_banner.gif); 
	height : 92px; /* note diff height */
	background-repeat : no-repeat;
}


#content {
	margin-left: 185px; /* this margin moves text past the navigation div on the left */
	clear: none; /* this keeps it from being pushed below other divs on the page  */
	z-index: 20;
	background: transparent;
	padding: 7px 10px 5px 10px; /* top padding must match nav top padding for top alignment */
}

html>body #content {
	margin-left: 191px; 	/* gets it past the navigation div -- */
	clear: none;			/* cont'd -- margin size is the nav width +whatever padding, margin, etc. + 10 px */
	background: transparent;
	padding: 7px 10px 5px 10px;
}

#lowbox {
	position: relative;
}

html>body #lowbox {
	position: relative;
	left: 15px;
	top: 351px;
	width: 316px;
	height: 120px;
}

 #footer {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	height : 4px;
	background-repeat : no-repeat;
}