body {
	/*background-color: #CCCC99;*/
	background-color: #CECE9C; /* changed to match logo color hue */
	color: #333366;
	/*margin: 0;*/
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop. Thanks to http://www.thenoodleincident.com/tutorials/typography/template.html */
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	}

a:link 
	{  color: #660033;
		padding-top: 0px;
		padding-right: 0px; 
		padding-bottom: 0px; 
		padding-left: 0px; 
		text-decoration: none}
		 
a:hover 
	{  text-decoration: none;
		color: #660033; 
		background-color: #FFFFCC}
		 
a:visited 
	{  text-decoration: none; 
		color: #6A5D4D;}

.boxBorder {
	border: thin solid #666633;
}
h1 {
	font-size: 1.75em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.25em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.0em 0em 1.0em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

/* News section Styles */

table#newsHomePage { width: 95%; margin: 0px auto; text-align: center;}
td#newsLeft { margin: 0em 0.25em;  }
td#newsLeft p { text-align: center; line-height: 1.2em;}
td#newsCenterLeft, td#newsCenterRight { padding: 0 1em; width: 250px; }
td#newsRight { margin: 0em 0.25em; }

div.topLeftSpace { margin-top: 0px; }
div.topRightSpace { margin-top: 0px; }

.newsLeftBorder { border: 2px solid #79795B; padding: 0.5em; margin: 1.5em 0.5em; background-color: #EEEFD2; }
.newsRightBorder { border: 2px solid #79795B; padding: 0.5em; margin: 1.5em 0.5em;  background-color: #EEEFD2; }
.newsRightNoBorder { border: none; padding: 0.5em; margin: 3em 0.5em;  background-color: transparent; }

/* Main Section Navigation Styles*/

div.mainNav { border-right: 1px solid #79795B; padding-right: 0.5em; margin-right: 0.5em; height: 100%; }
div.mainNav h1 { font-size: 1.3em; font-weight: normal; margin-top: 1.0em; }
div.mainNav h1.first { margin-top: 0em; }
div.mainNav p { color: #660033; background-color: transparent; margin-top: 0.2em; line-height: 1.3em; }
div.mainNav h1.highlight { font-size: 1.6em; }

/* Sub-Section Listing Styles*/

table.listing { margin: 15px 0 0 0;  width: 550px; text-align: justify; }
table.listing2col { margin: 15px 0 0 0; padding: 10px; width: 375px; text-align: justify; }
.listing img { margin: 0px 5px 0px 0px; border: none;}

.imgright { float: right; border: 1px solid #345982 !important; margin: 0px 0px 3px 7px !important; }
.imgleft { float: left; border: 1px solid #345982; margin: 0px 7px 3px 0px; }
.imgcenter { text-align: center; border: 1px solid #345982; margin: 5px; }

/* Calendar Events Page Styles /visitor_info/calendar.html */
div#calendar table {  }
div#calendar tr {  }
div#calendar td { padding: 3px 1px;}
div#calendar td.date { width: 75px;}
div#calendar h1 {  }
div#calendar h2 { margin: 1.2em 0em 0em 0em; }
div#calendar h3 {	font-size: 1.1em;  margin: 1em 0em .25em 0em; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#calendar td > p { margin: 0; }

/* Spotlight Section Styles */
div#spotlight table { width: 350px; }
div#spotlight .bgcolor { background-color: #FFFFCC; }
div#spotlight h3 { font: bold 1.25em Arial, Helvetica, sans-serif; text-align: center; margin: 0.2em 0; }
div#spotlight h4 { font: bold 1.35em Arial, Helvetica, sans-serif; text-align: center; margin: 1.2em 0 0 0; }
div#spotlight h5 { font: italic bold 1.1em Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 1.2em 0; }
div#spotlight img { float: left; padding: 5px 7px 1px 0; }
div#spotlight p { text-align: justify; }

/* Footer Styles */
div#botnav { text-align: center; padding: 2em 0; }
div#footerContact {
	text-align: left;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #79795B;
	padding-bottom: 10px;
}
div#footerContact p { margin: 0.2em 0.9em; }
div#copyright { text-align: left; font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; }