/* Helpers and base rules */

img	{
	border: 0;
	}
	
/* The body style affect ALL type on the pages*/
body {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;	
	background:#e5e5e5;
	font: small/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}

/* Typography 	*/
	

h1	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	font-size: 20px;
	}
h2	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 20px 0 0 0;
	font-size: 13px;
	}
h3, h4	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	}
.smtxtnotation {
	font-size:11px;
    font-weight:bold;
	margin: 0;
	color: #666;
    text-decoration:none;
}
.smtxtnotationlight {
	font-size:11px;
    font-weight:normal;
    margin: 0;
	color: #666;
    text-decoration:none;
}

/* Default links 	*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #333;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #890000;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #333;
	background: transparent;  
	}
	
/* This is the main wrapper "outer box" for the entire page*/

#mainwrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #333;
	background-color: #FFF;
	background-image: url(../graphics/mainwrapper.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}

/* This is the document header section*/
#header	{
	width: 760px;
	height: 106px;
	margin: 0;
	padding: 0;
	border: 0;
	}
#header #logo {
	float: left;

}
#header #logo a {
	display: block;
	width: 362px;
	height: 106px;
	background-color: transparent;
	background-image: url(../graphics/heartlandlogo.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#header #addressbackground {
	width: 398px;
	height: 106px;
	float: left;
	background-color: transparent;
	background-image: url(../graphics/headeraddress.jpg);
	background-repeat: no-repeat;
}
#header #address {
	width:220px;
	margin:10px 5px 0 10px;
	padding:0;
	float:right;
	text-align: left;
}
#address a {	
	text-decoration:none;
	color:#890000;
	}
#address a:hover {	
	color:#333;
	}
#address h1 {	
	margin:10px 20px 0 0px;
	font-size:12px;
	line-height: 1.2em;
	}
#address p {
	margin:5px 20px 0 0px;
	font-weight:lighter;
	font-size:11px;
	line-height: 1.2em;
	}
#imagebar	{
	width: 760px;
	height: 96px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: url(../graphics/imagebar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

/* This is the top navigation bar 	*/
#topnav	{
	width: 760px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: url(../graphics/navbar.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
#topnav ul#menu	{
	width: 760px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 203px;

	}
#topnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: -1px;

	}
#topnav ul#menu li a {
	height: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: thin;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	}
#topnav ul#menu li a:hover {
	color: #660033;
	background-repeat: repeat-x;
	background-color: transparent;
	background-image: url(../graphics/navon.gif);
	}
#homemenu	{
	left: 34px; width: 65px;
	}
#about1031menu {
	left: 99px; width: 165px;
	}
#resourcesmenu	{
	left: 264px; width: 90px;
	}
#contactmenu	{
	left: 354px; width: 86px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: thin;
	}

/* This is the main body section */
#content {
	width: 760px;
	margin: 0;
	padding: 0;
	border: 0;
	}
html>body #content {	
	width:760px;
	}

#main {
	width:475px;
	float:left;
	margin:0 5px 0 25px;
	padding:0;
	}
#main a {	
	text-decoration:none;
	color:#890000;
	}
#main a:hover {	
	color:#333;
	}
#main h1 {	
	margin:15px 0 10px 0px;
	font-size:20px;
	color:#890000;
	font-weight:lighter;
	}
#main h2 {	
	margin:15px 0 5px 0px;
	}
#main p {	
	margin:10px 25px 0 0px;
	}
#full {
	width:700px;
	float:left;
	margin:0 5px 0 25px;
	padding:0;
	}
#full a {	
	text-decoration:none;
	color:#890000;
	}
#full a:hover {	
	color:#333;
	}
#full h1 {	
	margin:15px 0 10px 0px;
	font-size:20px;
	color:#890000;
	font-weight:lighter;
	}
#full h2 {	
	margin:15px 0 5px 0px;
	}
#full p {	
	margin:10px 25px 0 0px;
	}		
#left {
	width:150px;
	margin: 5px 0 0 5px;
	padding:0;
	float: left;
	text-align: center;
	}
#left h2 {	
	margin:20px auto 10px auto;
	font-size:13px;
	color:#890000;
	font-weight:bold;
	padding:0 10px 3px 0;
	width:125px;
	}
#left ul {	
	margin:0 auto;
	padding:0;
	list-style-type:none;
	width:125px;
	}
#left li {
	font-size:12px;
	margin-bottom:10px;
	border-bottom:1px #333;
	font-weight: bold;
	margin-right: 5px;
	border-bottom-style: dashed;
	color:#890000;
	}
#left a {	
	text-decoration:none;
	color:#333;
	}
#left a:hover {	
	color:#890000;
	}
#middle {
	width:350px;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	text-align: left;
	}
#middle a {	
	text-decoration:none;
	color:#890000;
	}
#middle a:hover {	
	color:#333;
	}
#middle h1 {	
	margin:15px 0 10px 0px;
	font-size:20px;
	color:#890000;
	font-weight:lighter;
	}
#middle h2 {	
	margin:15px 0 5px 0px;
	}
#middle p {
	margin:10px 20px 0 0px;
	}
#middle li {	
	font-size:12px;
	color:#333;
	margin-bottom:10px;
	line-height:1.4em;
	}
#rightside {
	width:200px;
	margin:0 5px 0 10px;
	padding:0 10px 0 5px;
	float:left;
	text-align: left;
	border-left-style: dotted;
	border-left-color: #d3d2d2;
	}

#rightside a {	
	text-decoration:none;
	color:#890000;
	}
#rightside a:hover {	
	color:#333;
	}
#rightside h1 {	
	margin:15px 0 10px 0px;
	padding:0 0 0 10px;
	font-size:20px;
	color:#890000;
	font-weight:lighter;
	}
#rightside h2 {	
	margin:15px 0 5px 0px;
	padding:0 0 0 10px;
	}
#rightside p {
	margin:0 auto;
	padding:0 0 0 11px;
	}
#rightside li {	
	font-size:11px;
	color:#333;
	margin-bottom:10px;
	line-height:1.4em;
	}
#sitemap {
	width:500px;
	float:left;
	margin:0;
	padding:0;
	}
#sitemap li {
	font-size:12px;
	color:#333;
	margin:0 20px 0 0px;
	line-height:1.4em;
	list-style-type: disc;
	list-style-position: inside;
	}
#sitemap a {	
	text-decoration:none;
	color:#333;
	}
#sitemap a:hover {	
	color:#890000;
	}
#info ul {	
	margin:0 20px 0 40px;
	list-style-type:circle;
	}
html>body #middle ul {	
	margin:0 20px 0 0px;
	}
.callout {	
	background:#f5ede7;
	margin:0;
	font-size:10px;
	border:1px solid #ccc;
	text-align: center;
	}
.callout2 {	
	background:#f5ede7;
	margin:0;
	font-size:10px;
	border:1px solid #ccc;
	text-align: left;
	}
.callout h3 {	
	margin:0px 0 10px 0;
	padding-top:10px;
	color:#890000;
	font-size:11px;
	font-weight:lighter;
	}
.callout2 h3 {	
	margin:0px 0 10px 0;
	padding-top:10px;
	color:#890000;
	font-size:11px;
	font-weight:lighter;
	}
.callout p {
	margin:0 10px 0 10px;
	line-height:1.3em;
	padding-bottom:5px;
	color:#333;
	}
.callout2 p {
	margin:0 10px 0 10px;
	line-height:1.3em;
	padding-bottom:5px;
	color:#333;
	}
.callout a {	
	color:#333;
	}
.callout2 a {	
	color:#333;
	}
.callout a:hover {	
	color:#890000;
	}
.callout2 a:hover {	
	color:#890000;
	}
.caption {
	font-size:11px;
    font-weight:bold;
	line-height:1.5em;
	margin: 0;
	color: #666;
    text-decoration:none;
	}
.caption p {
	color:#333;
	}
.caption a {	
	color:#333;
	}
.caption a:hover {	
	color:#890000;
	}
#calloutevents {	
	width:145px;
	float:left;
	margin: 53px 0 0 5px;
	padding:4px;
	border:1px solid #ccc;
	background:#f5ede7;
	padding:4px;}
	
html>body #calloutevents {	
	width:145px;
	}
.callout{
	margin:0 auto;
	font-size:10px;
	line-height: 1.2em;
	}
.callout h3 {	
	color:#890000;
	font-size:11px;
	font-weight:lighter;
	}
.callout p {
	line-height:normal;
	color:#333;
	}
.callout a {	
	color:#890000;
	}
.callout a:hover {	
	color:#333;
	}
.tablestyle { 
     border: 1px solid #c2c2c2;
	 font-size:11px;
	 text-align:left
	}
.testimonials {
	padding:0 20px 0 20px;
	line-height:normal;
	color:#666;
	font-style: italic
	}
/* Now for the forms 	*/

td.form {
	line-height: 1.2em;
	vertical-align: top;
	width: 100%;
	text-align: left;
	font-size: small;
	padding: 4px;
	color: #666;
	background-color: #FFFFFF;
	}
td.form H1{
	font-size: small;
	color: #666;
	}
td.formsmallertext{
	font-size: smaller;
	color: #666;
	}
td.formreq {
	width: 200px;
	text-align: left;
	padding-right: 10px;
	}
td.formreq2 {
	width: 300px;
	text-align: left;
	padding-right: 10px;
	}
td.formreq3 {
	width: 400px;
	text-align: left;
	padding-right: 10px;
	}

td.formfields {
	width: auto;
	text-align: left;
	}
.formfields {
	width: auto;
	font-size: small;
	}
.formfieldstxtbox {
	width: auto;
	font-size: small;
	}

/* These are for the bottom of the page 	*/
#mainbottom	{
	width: 760px;
	height: 20px;
	padding:0;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../graphics/pagebottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
html>body #mainbottom {	
	width:760px;
	}

#footer {
	clear:both;
	width:760px;
	margin:0 auto;
	padding:30px 0 5px 0;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	color:#333;
	}
html>body #footer {
	width:760px;
	text-align: center;
	}
#footer a {	
	text-decoration:none;
	color:#666;
	}
#footer a:hover {	
	color:#890000;
	}
#footer #utilnav{
	width:550px;
	margin:0 auto;
	padding: 0 25px 0 25px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	color:#999;
}