@charset "utf-8"; /* I've read that using this character set will prevent the erroneous display of curly quotes and other special characters. So far, it seems to be working. */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 125%;
	width: 960px;
	margin-right: auto; /* This will center the body on the screen. */
	margin-left: auto;
	padding: 10px;
	background-image: url(20110624-IMG_5359.jpg); /* This is a picture from Maine this summer. I'll specify that it repeat just in case someone has a monitor that displays in unusually large resolution. */
	background-repeat: repeat;
}

h1 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; *//* I want my headline fonts to look different from the body content, so I'll choose a sans serif font. I like Trebuchet because it looks modern. I hope everyone has it on their computer, though, because I really dislike Arial and Helvetica. */
	color: #3F5B1E; /* I used a color picker to get this shade from my background photo. When appropriate, I like to match colors in that way. */
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #506E16; /* I used the color picker here too -- hope I'm not going over the top with these borders. */
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3F5B1E;
	margin-top: 5px;
	padding-top: 0px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%; /* This line height attribute will give this text, intended as a sort of "call-out," an appearance of being double-spaced. */
	font-weight: normal;
	color: #3F5B1E;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Since my only list is in the left navigation portion of the site, I'm changing this tag to make it match h3. I won't add spacing, however, because I don't think list items need it. */
	font-size: 14px;
	font-weight: normal;
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #063; /* Here, I'm changing the traditional link color and removing the underline. Border elements in the table that holds these links should make it obvious that this is a navigational element. */
	text-decoration: none;
	padding: 5px;
}
a:hover {
	background-color: #DCE4C0; /* This hover color will add to the user's understanding that these are links. */
}


.innernav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #060;
}
.Content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFE7CE;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	border: 6px solid #AF8CAA;
}
.maintable {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #597423;
	border-right-color: #92A94F;
	border-bottom-color: #152316;
	border-left-color: #92A94F;
}