@charset "UTF-8";
/* GENERAL STYLES */

* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #663399;
	}
	a:hover {
	text-decoration: underline;
	}
body {
	background-image: url(images/pagebg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #666666;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}
#logo {
	background-image: url(images/weblogo.gif);
	background-repeat: no-repeat;
	background-position: 60px center;
	height: 112px;
	width: 500px;
	position: relative;
}


/* MENU STYLES ... This is the main navigation menu, and appears on every page */


#navmenu {
	background-color: #FFFFFF;
	background-image: url(images/menubg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 161px;
	border: 4px solid #FFFFFF;
	padding: 8px;
	}
	.interior {
	float: left;
	margin-bottom: 40px;
	}
	#menulist {
	display: table;
	height: 280px;
	width: 100%;
	}
	#navmenu li {
	list-style-type: none;
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	text-align: right;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: normal;
	}
	#navmenu a {
	display: block;
	padding: 4px;
	}
	#navmenu a:hover {
	background-color: #BFACD1;
	text-decoration: none;
	}
	#navmenu a:active {
	text-decoration: underline;
	background-color: #9966CC;
	}
	#navmenu .currentpage {
	background-color: #BFACD1;
	}
	
	
/* RESOURCES STYLES ... This includes the facebook and twitter logos and other links, and appears on every page */

	
#resources {
	position: absolute;
	width: 430px;
	text-align: left;
	top: 44px;
	left: 548px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FCE595;
	font-weight: bold;
	letter-spacing: 1px;
	}
	#resources a {
	color: #FCE595;
	}
	#resources #links {
	float: right;
	margin-top: 8px;
	}
	#resources #socialmedia {
	float: left;
	}
	
	
/* TEASER STYLES ... This is the large text that appears between main navigation and the slider. it is only on the home page. */


#teaser {
	text-align: center;
	width: 330px;
	position: absolute;
	left: 204px;
	top: 139px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #D9E9B6;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 35px;
	}
	#teaser .focused {
	font-size: 40px;
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	color: #FCE595;
	letter-spacing: 3px;
	font-weight: bold;
	}
	#teaser li {
	text-transform: none;
	line-height: normal;
	letter-spacing: 0px;
	list-style-type: none;
	margin-top: 10px;
	}
	#teaser img {
	padding-right: 6px;
	vertical-align: text-top;
	}
	#teaser a {
	font-size: 11px;
	color: #FCE595;
	padding-left: 15px;
	margin-left: -15px;
	vertical-align: text-top;
	}
	
	
/* SLIDER STYLES ... This is the animated news slider, and appears only on the home page. the rest of the styles for the slider can be found in the file custom-slider.css */

	
#sliderwrap {
	background-image: url(images/sliderbg.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 300px;
	width: 450px;
	top: 108px;
	right: 19px;
	font-size: small;
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	color: #FCE595;
}


/* SUBFEATURES STYLES ... This includes the Quick Links, which appears on every page, and the three feature boxes which appear only at the home page */


#subfeatures {
	width: 960px;
	margin-top: 40px;
}
#quicklinks {
	width: 173px;
	text-align: right;
	float: left;
	}
	#quicklinks img {
	vertical-align: text-top;
	}
	#quicklinks h3 {
	font-size: 16px;
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	color: #663399;
	text-transform: uppercase;
	margin-bottom: 8px;
	}
	#quicklinks li {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: x-small;
	line-height: 2em;
	}
	#quicklinks hr {
	margin-top: 10px;
	margin-bottom: 10px;
	}
.featurebox {
	background-image: url(images/featurebg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	width: 218px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-left: 44px;
	}
	.featurebox img {
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 14px;
	}
	.featurebox li {
	background-image: url(images/arrow_leaf_purple.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 20px;
	}
#grunge_separator {
	background-image: url(images/grunge_separator.gif);
	clear: both;
	width: 960px;
	height: 70px;
}


/* FOOTER STYLES ... This is footer area, and appears on every page */


#footer {
	background-image: url(images/footerlogo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 54px;
	text-align: right;
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	font-size: small;
	margin-top: 10px;
	margin-bottom: 30px;
	}
	#footer span {
	height: 8px;
	background-color: #4F8031;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 775px;
	display: block;
	margin-left: 185px;
	}
	#footer .copyright {
	font-size: x-small;
	text-transform: uppercase;
	}
	
	
/* CONTENT STYLES ... This is the interior content area */

	
#contentwrap {
	background-image: url(images/grunge_leftside.png);
	background-repeat: no-repeat;
	background-position: 0px 320px;
	float: right;
	width: 720px;
	padding-left: 55px;
	position: relative;
	}
	#contentwrap h1 {
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	font-size: 20px;
	color: #FCE595;
	background-image: url(images/maincontentbg.png);
	background-position: bottom;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	}
	#contentwrap #takeaway {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #D9E6CE;
	position: absolute;
	top: 10px;
	right: 0px;
	letter-spacing: 1px;
	}
#maincontent {
	background-color: #FFFFFF;
	padding: 30px;
	width: 660px;
	min-height: 640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	}
	#maincontent img {
	padding-bottom: 10px;
	padding-left: 10px;
	}
	#maincontent p {
	margin-left: 40px;
	margin-bottom: 25px;
	line-height: 1.5em;
	font-weight: normal;
	}
	#maincontent li {
	list-style-position: inside;
	margin-bottom: 6px;
	}
	#maincontent h2 {
	font-family: "Trebuchet MS",  Tahoma,  Arial,  sans-serif;
	font-size: 30px;
	color: #46792F;
	font-weight: bold;
	margin-bottom: 5px;
	}
	#maincontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A9CD58;
	font-weight: normal;
	margin-bottom: 25px;
	}
#maincontent blockquote {
	margin-left: 50px;
}
.fallclasses {
	font-weight: bold;
	color: #996633;
}
.springclasses {
	font-weight: bold;
	color: #669966;
}
.noclasses {
	font-weight: bold;
	color: #990000;
}
.summerclasses {
	font-weight: bold;
	color: #336699;
}
	#maincontent h5 {
	font-size: medium;
	font-weight: bold;
	color: #46792F;
	margin-bottom: 12px;
	}
.pullquote {
	color: #46792F;
	background-color: #D8E9B7;
	padding: 4px;
}