/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-image:url('../images/background.gif');
	background-repeat: repeat-x;
	background-color: #e9b0d5;
	color: #5e5e5e;
	text-align: center;
}

hr {
	color: #8abf23;
	background-color: #8abf23;
	height: 1px;
	border: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

a:focus, a:hover {
	color: #c52d90;
}

a {
	color: #c52d90;
	font-size: 12px;
	text-decoration: underline;
}

/* STANDARD */
.footer {
	color: #fff;
}

.alert {
	color: red;
}

.warning {
	color: red;
	font-weight: bold;
}

.button {
	font-weight: bold;
}

.submitbutton {
	font-weight: bold;
}

.footeraddress {
	color: #fff;
}

.inverse {
	color: #fff;
	font-weight: bold;
}

.PageTitle {
	color: #000;
	font-weight: bold;
}

.title {
	font-weight: bold;
	text-decoration: none;
}

a.homepageevents {
	color: #535353;
	text-decoration: none;
}

a.homepageevents:hover {
	color: #535353;
	text-decoration: none;
}

.greenlink {
	color: #6b9615;
	font-weight: bold;
	text-decoration: none;
}

.greenlink:hover {
	color: #6b9615;
	font-weight: bold;
	text-decoration: none;
}

.biggreenlink {
	color: #6b9615;
	font-weight: bold;
	text-decoration: none;
}

.biggreenlink:hover {
	color: #6b9615;
	font-weight: bold;
	text-decoration: none;
}

a.homepagenews {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

a.homepagenews:hover {
	color: #6b9615;
	font-weight: bold;
	text-decoration: underline;
}

.NewsTitle {
	font-weight: bold;
	text-decoration: none;
}

.white1 {
	color: #fff;
}

a.white2b {
	color: #fff;
	font-weight: bold;
}

a.white2b:hover {
	color: #febf30;
	font-weight: bold;
}

.mission {
	color: #000;
}

/* MAIN NAVIGATION */
a.navMain {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.navMain:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a.navMainS {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a.navMainS:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.navMain_text {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* SECONDARY NAVIGATION */
a.navSec {
	color: #535353;
}

a.navSec:hover {
	color: #6b9615;
}

a.navSecS {
	color: #6b9615;
}

a.navSecS:hover {
	color: #6b9615;
}

.navSec_text {
	color: #535353;
	text-decoration: none;
}

/* FOOTER NAVIGATION */
a.navFooter {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.navFooter:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a.navFooterS {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a.navFooterS:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.navFooter_text {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.footerLink {
	color: #fff;
	text-decoration: underline;
}

a.footerLink:hover {
	color: #fff;
	text-decoration: underline;
}

/* TABS */
a.activetab {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.activetab:hover {
	color: #008348;
	font-weight: bold;
	text-decoration: none;
}

a.inactivetab {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.inactivetab:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* CALENDAR */
.frameRow {
	background-color: #fff;
}

a.monthLink {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.monthLink:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.monthRow {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

.dowRow {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

.dayRow {
}

.emptyDay {
	background-color: #fff;
	color: #000;
	font-weight: bold;
}

.activeDay {
	background-color: #474747;
	color: #000;
	font-weight: bold;
}

a.activeDay {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.activeDay:hover {
	color: #000;
	text-decoration: underline;
}

.inactiveDay {
	background-color: #e9b0d5;
	font-weight: bold;
	color: #000;
}

a.inactiveDay {
	color: #000;
	text-decoration: none;
}

a.inactiveDay:hover {
	color: #000;
	text-decoration: underline;
}

a.upcomingtitle {
	color: #000;
	text-decoration: underline;
}

a.upcomingtitle:hover {
	color: #336633;
	text-decoration: underline;
}

/* CUSTOM */
.container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.navigation {
	background-color: #b3d88b;
	height: 32px;
}

.navigationitems {
	margin: 5px 0 0 15px;
}

.footernavigation {
	background-color: #474747;
	height: 25px;
}

.footernavigationitems {
	margin: 2px 0 0 15px;
}

.content {
	width: 900px;
	padding: 15px 0 15px 0;
	background-color: #fff;
}

.top {
	margin: 40px 0 0 0;
}

.sponsor {
	background-color: #fff;
	height: 69px;
	text-align: center;
}

.middle {
	vertical-align: middle;
}

/* Sets up basic grid floating and margin. */
div.span1, div.span2, div.span3 {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

/* The last column in a row needs this class. */
div.last {
	margin-right: 0;
}

/* float right. */
div.right {
	float: right;
}

/* Use these classes to set the width of a column. */
.span1 {
	width: 190px;
}

.span2 {
	width: 620px;
}

.span3 {
	width: 270px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2 {
	font-weight: normal;
	color: #111;
}

h1 {
	color: #c52d90;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2 {
	color: #5e5e5e;
	font-size: 16px;
	margin-bottom: 0.75em;
}

h1, h2 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1.5em;
}

p img {
	float: left;
	margin: 0.5em 1.5em 0.5em 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 0.5em 0 0.5em 1.5em;
}

p img.list {
	float: left;
	margin: 0.5em 1em 1em 0;
	padding: 0;
}

/* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .container {
	display: inline-block;
}

* html .clearfix, * html .container {
	height: 1%;
}

.clearfix, .container {
	display: block;
}

/* Regular clearing apply to column that should drop below previous ones. */
.clear {
	clear: both;
}

li 
{
	margin: 0;
	padding: 0;
}