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

body {
	background: #63AA5F url("../images/bg_body.gif") repeat-x 0 0;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size: 13px;
	color: #333; }

#sitewrapper {
	width: 900px;
	margin: 0 auto; }
	#sitewrapper #main {
		float: left;
		width: 898px;
		background: #EFEFEF;
		border: 1px solid #000; }
		#sitewrapper #main h1 {
			color: #1F467F;
			font-size: 36px;
			margin: 5px 0; }
			#sitewrapper #main h1.white {
				color: #FFF; }
		#sitewrapper #main h2 {
			color: #1F467F;
			font-size: 18px;
			margin: 5px 0; }
		#sitewrapper #main p {
			padding: 0 0 5px 0; }
		#sitewrapper form#contactForm {
			float: left;
			width: 300px; }
			#sitewrapper form#contactForm #labels {
				float: left;
				width: 100px; }
				#sitewrapper form#contactForm #labels label {
					padding: 0 0 8px 0; }
			#sitewrapper form#contactForm #inputs {
				float: left;
				width: 200px; }
				#sitewrapper form#contactForm #inputs input {
					margin: 0 0 5px 0; }
				#sitewrapper form#contactForm #inputs textarea {
					margin: 0 0 5px 0; }
	#sitewrapper #main #header {
		background: #FFF;
		float: left;
		width: 898px;
		height: 89px; }
		#sitewrapper #main #header img#logo {
			float: left;
			width: 363px; }
		#sitewrapper #main #header #slogan {
			float: right;
			width: 313px;
			height: 30px;
			margin: 25px 70px 0 0; }
			#slogan p {
				font-weight: bold;
				font-size: 14px;
				color: #015FAE; }
	#sitewrapper #main ul#nav {
		background: transparent url("../images/bg_nav.gif") repeat-x 0 0;
		float: left;
		width: 518px;
		height: 28px;
		padding: 8px 0 0 380px; }
		#sitewrapper #main ul#nav li {
			float: left;
			display: inline; }
			#sitewrapper #main ul#nav li a {
				margin: 0 40px 0 0;
				font-size: 18px;
				color: #FFF; }
	#sitewrapper #main #content {
		float: left;
		width: 752px;
		padding: 0 73px 73px 73px; }
		#sitewrapper #main #content ul {
			margin: 0 0 5px 15px; }
			#sitewrapper #main #content ul li {
				list-style-type: disc; }
				#sitewrapper #content #main ul li a {}

		#sitewrapper #slideshow {
			margin: 0 auto;
			background: #FFF;
			width: 752px;
			height: 369px;
			margin: 0 0 38px 0;
			padding: 0 0 0 0;
			position: relative; }
			#slideshow #slidesContainer {
				margin: 0 auto;
				width: 674px;
				height: 369px;
				overflow: auto; /* allow scrollbar */
				position: relative; }
			#slideshow #slidesContainer .slide {
				margin: 0 auto;
				width: 654px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
				height: 369px; }

			.slideshowContent {
				float: left;
				width: 654px; }
				.imageContainer {
					float: left;
					width: 432px; }
				.contentContainer {
					float: right;
					width: 190px;
					padding: 0 0 0 5px; }
					.contentContainer p {
						font-size: 16px;
						font-weight: bold; }
						.contentContainer p a {
							text-decoration: underline;
							color: #0E62B4; }
					.advocacy h1 {
						position: relative;
						top: 270px;
						right: 400px; }
					.advocacy p {
						width: 627px;
						position: relative;
						top: 280px;
						right: 400px;
						color: #FFF;
						font-size: 13px;
						font-weight: normal; }
						.advocacy p a {
							text-decoration: underline;
							color: #CCC; }
					.collaboration h1 {
						position: relative;
						right: 400px; }
					.collaboration p {
						width: 627px;
						position: relative;
						right: 400px;
						color: #FFF;
						font-size: 13px;
						font-weight: normal; }
						.collaboration p a {
							text-decoration: underline;
							color: #CCC; }
			.control {
				display: block;
				width: 39px;
				height: 369px;
				text-indent: -10000px;
				position: absolute;
				cursor: pointer; }
			#leftControl {
				top: 0;
				left: 0;
				background: transparent url("../images/slideshow-previous.jpg") no-repeat 0 0; }
			#rightControl {
				top: 0;
				right: 0;
				background: transparent url("../images/slideshow-next.jpg") no-repeat 0 0; }

	#sitewrapper #main #content #logos {
			height: 268px;
			margin: 0; }
			#logos img {
				float: left;
				width: 225px;
				margin: 0 38px 38px 0; }
				#logos img.norightmargin {
					margin-right: 0; }
				#logos img.nobottommargin {
					margin-bottom: 0; }

/* Interior Pages */
		#sitewrapper #main #content #interior {
			background: #FFF;
			float: left;
			width: 600px;
			padding: 20px 73px 40px 73px; }
			#sitewrapper #main #content #interior #sidebar {
				background: #FFF;
				float: left;
				width: 150px;
				padding: 55px 40px 0 0; }
				#sidebar p {
					color: #666;
					font-size: 12px; }
				#sidebar #joinus {
					margin: 20px 0 5px 0; }
			#sitewrapper #main #content #interior #pageContent {
				background: #FFF;
				float: left;
				width: 410px;
				padding: 0; }
				#pageContent p {
					line-height: 160%; }
				#pageContent a {
					text-decoration: underline;
					font-size: 12px;
					font-weight: bold;
					color: #0E62B4; }
				#pageContent form {
					margin: 10px 0; }
					#pageContent form label {
						float: left;
						margin: 0 20px 0 0; }
					#pageContent form input {
						float: left; }
				/*#pageContent #eventPhotos {
					float: left;
					width: 400px;
					margin: 5px 0; }
					#pageContent #eventPhotos #eventPhotosLeft {
						float: left;
						width: 200px; }
					#pageContent #eventPhotos #eventPhotosRight {
						float: left;
						width: 200px;
						margin: 0 0 0 5px; }*/

#sitewrapper #footer {
	width: 900px;
	clear: both; }
	#footer p {
		float: right;
		padding: 20px 0;
		color: #000; }

div.msg {
	color: red; }