@charset "UTF-8";
/* CSS Document */

<!--
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #d7d7d7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #d7d7d7;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #FFFFFF; 
	padding: 10px 45px 10px 45px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}


#nav {
	background: #00573d; 
	padding: 10px 0px 10px 45px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font: 100% Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-bottom: solid 0px #FFFFFF; /* this is that white 2px border on sub pages */
}

#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #666666;
	position:relative;
	border-bottom: solid 1px #d7d7d7;
	height:100%;
	width: 780px;
	
}

.left {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:45px;
	height:100%; 
	background-color:#7ac142;
}

.middle {
	position:absolute; 
	top:0px; 
	left:45px; 
	width:445px; 
	height:100%; 
	background-color:#FFFFFF;
}

.right {
	position:relative; 
	top:0px; 
	left:490px; 
	width:290px; 
	height:100%; 
	background-color:#7ac142;
}

#newsbar {
	padding-top: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-bottom: 10px;
	background:#ffffff;
	width: 780;
	font: 100% Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #black;
}

#newscontent {
	width: 700px;
	border: 1px solid #999999;
	background-color:#d7d7d7;
	margin:auto;
	line-height:20px;
	text-indent:20px;

}

.panel-first {
	padding-left:38px;
	padding-top:15px;
	}

.panel {
	padding-left:9px;
	padding-top:15px;
	}


#footer {
	padding-bottom: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	position:fixed;
	bottom: 0px;
	width: 778px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 100% Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #959595;
}

#nav a {
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-right:30px;
}

h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#homeContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #666666;
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding-left:45px;
	line-height:24px;
}

#homeContent h1{
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:32px;
	color:#FFFFFF;
	padding-bottom:12px;
}


#mainContent h1{
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#00573d;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:8px;
}

#mainContent h2{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#439900;
	padding-left:20px;
	padding-right:20px;
	line-height:20px;
}

#mainContent p{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	padding-left:20px;
	padding-right:30px;
	line-height:16px;
}

#mainContent blockquote{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:black;
	padding-left:20px;
	padding-right:30px;
	line-height:14px;
}

#mainContent a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00573d;
	padding-left:75px;
	text-decoration:none;
}

#mainContent li {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	padding-left:20px;
	padding-right:30px;
	line-height:18px;
}

.smallprint {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 100% Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #959595;
	
}

#newscontent a {
	color:#00573d;
	text-decoration:none;
}


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#newsletter_link { position:relative; float:right; padding-right:20px; }
#newsletter_link a { color:#7ac142; }
#newsletter_link a:hover { color:#d2ff00; }

#sign_up {
	position:relative; top:-314px; left:610px;
	width:120px; height:190px;
	padding:20px;
	background-color:#002f21;
	border:1px solid #fff;
	}
.sign_up_header {
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif; color:#d2ff00; font-size:9pt; line-height:10pt;
	}
	
#sign_up form { font-size:8pt; line-height:11pt; color:#fff; }
#sign_up input { font-size:7pt; line-height:11pt; }
.closeDialog_text { color:#d2ff00; text-decoration:none; }


-->