/* This is the main body style. */
body {background-color: #412700;
	height: 100%;
	}

/* This is the Header1 style - on this site, it is supposed to look like typewriter type. */
h1 {font-family: Courier, Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bolder;
	text-align: center;
	}

/* This is the Header2 style - on this site, it is supposed to look like typewriter type, but smaller than Header1. */
h2 {font-family: Courier, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bolder;
	text-align: center;
	}

/* This is the Header3 style. */
h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	}
/* This is the Header4 style. */
h4 {font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	}

/* This is the Header5 style. */
h5 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant:small-caps;
	text-align: left;
	}

/* This is the Header6 style. */
h6 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	}
	
/* This is the standard paragraph font style. */
p {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	}

/* Here is a color scheme to consider
#72a372
#598059
#cfe6cf
#60bf60

Here is another:
#b4cc8f
#708059
#dce6cf
#99bf60
 */

/* This is the wrapper for the entire page content - all page content goes here */
#wrapper {position: relative;
	min-height: 100%;
	height: 100%;
	}

/* This is the style for the banner area on the main page. */
#banner {position: relative;
	top:0;
	margin-left: 107px;
	margin-right: 107px;
	margin-bottom: 98px;
	text-align: center;
	}


/* This is where the logo goes.
#logo {position: absolute;
	top:1%;
	left:1%;
	background-image: url(turtle.gif);
	no-repeat;
	}
 */

/* This is the style for the internal links section, originally on the left sidebar of each page.

Wondering if it would be good to "fixed" this div to the window, keeping the links visible while the visitor scrolls down the text? Link "buttons" could be made a tiny bit smaller...  Or the format could be altered...
 */

/* ul#navlist {position: absolute;
	top:138pt;
	left:2%;
	padding: 0;
	width: 15%;
	} */

ul#navlist {position: absolute;
	top:138pt;
	left:1%;
	padding: 0;
	width: 12%;
	}

#navlist li p {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

#navlist li {list-style-type: none;
	background-color: #bbdb88;
	color: #1d3403;
	border: .2em solid #1d3403;
	font-weight: 600;
	text-align: center;
	padding: .2em;
	margin-bottom: -.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#navlist li a {color: #1d3403;
	text-decoration: none;
	display: block;
	}

#navlist li a:hover {background-color: #fdebcf;
	color: #1d3403;
	}

#navlist li a.current {background-color: #bbdb88;
	color: #1d3403;
	}

/* #navcontainer {background-color: #8dcb41;
	position: absolute;
	top:50pt;
	left:20pt;
	width: 120px;
	text-align: center;
	padding: 10px;
	border-style: solid;
	border-color: #1d3403;
	border-size: 4px;
	} */

/* This is the style for Definiton Lists */
dl {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	}

dl dt {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}

dl dd {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	}

/* This is the old style for the main content area on each page.
#content {background-color: #fdebcf;
	position: absolute;
	top:150pt;
	left:18%;
	width: 57%;
	text-align: left;
	padding: 10px;
	border-style: solid;
	border-color: #1d3403;
	border-size: 4px;
	}
 */

/* This is the style for the main content area on each page. */
#content {background-color: #fdebcf;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	margin:5px 22% 5px 14%;
	min-width: 57%;
	text-align: left;
	padding:10px;
	border:4px solid #1d3403;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */}

/* This is the style for the News area, originally on the right sidebar of each page.

This area can be used for internal links within a section, such as archived articles, blogs, staff/admin profiles, etc! */
#right {position: absolute;
	top:150pt;
	right:1%;
	width: 17%;
	margin:0;
	background-color: #bbdb88;
	text-align: left;
	padding: 10px;
	border:1px dashed #1d3403;
	}

/* This is the paragraph font style for the News area. */
#right p{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

/* Here I'm trying to fix the bottom section */
.clearit {clear: both;
	}

/* This is the style for the main content area on each page. */
#content2 {background-color: #fdebcf;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	margin:5px 22% 5px 14%;
	min-width: 57%;
	text-align: left;
	padding:10px;
	border:4px solid #1d3403;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */}

/* If I can ever get this to work, it will be the style for the page footer, to include design credits, on each page. I changed this from an id to a class to try to work around the format. */
#credits {padding: 10px;
	margin: -5px;
	text-align: left;
	background-color: #bbdb88;
	border:2px solid #1d3403;
	}

/* This is the paragraph font style for the Credits area of each page. */
#credits p{font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}