@import url("whitespace-reset.css");

body {
	background: #f7f7f7;
	font-family: Verdana, Sans-Serif;
	font-size: 13px; }

a {
	color: #7D64B5; }

#sitewrapper {
	width: 800px;
	margin: 0 auto; }
	#sitewrapper #header {
		float: left;
		width: 800px; }
		#sitewrapper #header img#logo {
			float: left;
			width: 193px; }
			#sitewrapper #header #rightcolheader {
				float: left;
				width: 566px; }
				#sitewrapper #header #rightcolheader h1 {
					background: transparent url("../images/bg_header.jpg") no-repeat 0 0;
					float: left;
					width: 566px;
					height: 34px;
					color: #FFF;
					font-family: Arial, Sans-Serif;
					font-size: 24px;
					font-weight: bold;
					padding: 15px 0 0 35px; }
					#sitewrapper #header #rightcolheader h1#home {
						font-size: 20px; }
						#sitewrapper #header #rightcolheader h1#home span {
							font-size: 18px;
							padding-left:20px; }
				#sitewrapper #header #rightcolheader ul#nav_header {
					float: left;
					width: 566px;
					height: 30px; }
					#sitewrapper #header #rightcolheader ul#nav_header li {
						float: left; }
						#sitewrapper #header #rightcolheader ul#nav_header li a {
							color: #FFF;
							font-family: Arial, Sans-Serif;
							font-size: 14px;
							font-weight: bold;
							text-align: center;
							padding: 7px 0 0 0; }
						#sitewrapper #header #rightcolheader ul#nav_header li a#home {
							background: transparent url("../images/bg_hdr-nav-on.gif") no-repeat 0 0;
							float: left;
							width: 270px;
							height: 23px;
							display: block; }
						#sitewrapper #header #rightcolheader ul#nav_header li a#contact {
							background: transparent url("../images/bg_hdr-nav-off.gif") no-repeat 0 0;
							float: left;
							width: 296px;
							height: 23px;
							display: block;
							color: #333; }

	#sitewrapper #main {
		float: left;
		width: 759px;
		background: transparent url("../images/bg_sitewrapper.jpg") repeat-y 0 0; }
		#sitewrapper #main #leftcol {
			float: left;
			width: 193px; }
			#sitewrapper #main #leftcol ul#nav {
				background: #96C458; /*transparent url("../images/bg_nav.gif") repeat-y 0 0;*/
				float: left;
				width: 193px;
				height: 252px; }
				#sitewrapper #main #leftcol ul#nav li {
					margin: 10px 0 0 0;
					padding: 0 0 0 20px; }
					#sitewrapper #main #leftcol ul#nav li.current {
						background: transparent url("../images/nav_current.gif") no-repeat 0 0;
						color:red; }
					#sitewrapper #main #leftcol ul#nav a {
						font-family: Arial, Sans-Serif;
						font-size: 14px;
						background: #FFF1D5;
						color:#000;
						display:block;
						border:1px solid black;
						padding:5px;
						width:130px;
						height:15px;
						/* #33AF4D */  }
			#sitewrapper #main #leftcol #upcomingevents {
				background: transparent url("../images/bg_upcoming-events.gif") repeat-y 0 0;
				float: left;
				width: 193px;
				height: 200px;
				padding: 0 0 15px 0; }
				#sitewrapper #main #leftcol #upcomingevents h2 {
					color: #FFF;
					font-family: Arial, Sans-Serif;
					font-size: 16px;
					background-color: #DB9700;
					text-align: center;
					width: 178px;
					height: 30px;
					padding: 15px 0 0 0;
					margin: 0 0 0 15px; }
				#sitewrapper #main #leftcol #upcomingevents p {
					font-family: Arial, Sans-Serif;
					font-size: 12px;
					font-weight: bold;
					margin: 5px 0 0 30px; }
					#sitewrapper #main #leftcol #upcomingevents p a {
						font-family: Arial, Sans-Serif;
						color: #33AF4D;
						font-size: 12px;
						font-weight: bold; }
		#sitewrapper #main #content {
			float: left;
			width: 306px;
			padding: 15px 35px;
			background:#fff; }
			#sitewrapper #main #content p {
				margin: 0 0 15px 0; }
			#sitewrapper #main #content ul {
				margin: 5px 0 10px 15px;
				list-style:disc; }
				#sitewrapper #main #content ul li {
					margin-left: 15px;
					padding-left:5px;
					list-style:disc; }
			#sitewrapper #main div.homecontent {
				background: transparent url("../images/bg_home_content.gif") repeat-y 0 0 !important;  }
				#sitewrapper #main div.homecontent h2 {
					font-size:150%;
					color:#79026A;  }
				#sitewrapper #main div.homecontent a {
					color:#7D64B5;  }
		#sitewrapper #main #rightcol {
			float: left;
			width: 190px;
			background: transparent url("../images/bg_join-us.gif") repeat-y 0 0; }
			#rightcol #joinus {
				float: left;
				width: 190px;
				font-family: Arial, Sans-Serif;
				font-size: 12px; }
				#rightcol #joinus h2 {
					color: #FFF;
					font-family: Arial, Sans-Serif;
					font-size: 16px;
					background-color: #DB9700;
					text-align: center;
					width: 175px;
					height: 30px;
					padding: 15px 0 0 0;
					margin: 0 15px 0 0; }
				#rightcol #joinus p {
					margin: 5px 15px 0 5px; }
				#rightcol #joinus form {
					margin: 5px 15px 0 5px; }
					#rightcol #joinus form input {
						margin: 0 0 15px 0; }
	
	#sitewrapper #footer {
		clear: both;
		float: left;
		width: 759px;
		border-top:15px solid black; }
		#footer p {
			text-align: center; }