

body { /* selects all BODY elements (of course, there should only be one per document) */
	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
}


hr.c10 { text-align: left; }
table.c1, td.c6 { width: 100%; }
td.c11 { background-color: #FFFFBC; }
td.c2 { width: 1%; }
td.c3 { width: 21%; }
td.c4 { width: 75%; }
td.c5 { width: 1%; }
td.c8 { width: 1%; }
td.c9 { background-color: #FFFFBC; width: 32%; }
.c12 { font-size: small; }
.c7 { color: #666666; }


h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/* rules for link pseudo-classes must go in this order to behave correctly:
 *
 * a:link
 * a:visited
 * a:hover
 * a:active
 *
 * just rememver LoVe-HAte.  */
 
a:link {text-decoration: none; color: red;}
a:visited {text-decoration: none; color: #000099;}
a:hover {text-decoration: none; color: #0066FF;}
a:active {text-decoration: none; color: #0000FF; }


div#topnav {
	width: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #CC8033;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

div#lg-green-head {
	width: 800px;
	background-color: #FFFFFF;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #0066ff;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 11px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	max-width: 1100px;
}

div#infopanel {
	width: 450px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #cc3333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	max-width: 450px;
	}
	
	
	div#copy-left {
	width: 400px;
	float: left;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	
	}
	
	.body-footer {
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #008000;
	background-color: #ffffff;
	margin-top: 4px;
	margin-bottom: 4px;
}

.link-lead-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #000099;
	padding-bottom: 4px;
	padding-top: 4px;
}


.hiawatha-head {
padding-top: 35px;
padding-left: 45px;
text-align: left;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #006600;  
}

.hiawatha-links {
padding-top: 35px;
padding-left: 45px;
padding-bottom: 12px;
text-align: left;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;  
}

.gallery-home {
   background-color: #ffffbc;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin-bottom: 25px;
   margin-left: 70px;
   margin-right: 70px;
   margin-top: 25px;
   padding-top: 18px;
   padding-right: 018px;
   padding-left: 18px;
   padding-bottom: 18px;
   text-align: left;
}

