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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF; }

	#sitewrapper {
		width: 800px;
		margin: 0 auto;
		background: #FFFFFF; }
	#sitewrapper p {
		margin: 0 0 5px 0; }
	#sitewrapper a {
		text-decoration: underline;
		color: #646464; }
		#sitewrapper a:hover {
			text-decoration: none; }

/* Homepage Page Styles */

	#sitewrapper #main {
		float: left;
		width: 800px;
		padding: 5px 0 0 0;
		background: #FFFFFF; }
			#sitewrapper #main ul#navigation {
				float: left;
				width: 110px;
				height: 241px;
				margin: 25px 0 0 0;
				background: url("../images/nav_home.gif") 0 0 no-repeat; }
				#sitewrapper #main ul#navigation li, #sitewrapper #main ul#navigation li a {
					display: block;
					height: 25px;
					text-indent: -9999px; }
					#sitewrapper #main ul#navigation li#home { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#about { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#news { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#services { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#advocacy { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#volunteer { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#donate { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#support { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#links { left: 0; width: 110px; }
					#sitewrapper #main ul#navigation li#contact { left: 0; width: 110px; }
						#sitewrapper #main ul#navigation li#home a:hover { background: transparent url("../images/nav_home.gif") -110px 0 no-repeat; }
						#sitewrapper #main ul#navigation li#about a:hover { background: transparent url("../images/nav_home.gif") -110px -25px no-repeat; }
						#sitewrapper #main ul#navigation li#news a:hover { background: transparent url("../images/nav_home.gif") -110px -50px no-repeat; }
						#sitewrapper #main ul#navigation li#services a:hover { background: transparent url("../images/nav_home.gif") -110px -75px no-repeat; }
						#sitewrapper #main ul#navigation li#advocacy a:hover { background: transparent url("../images/nav_home.gif") -110px -100px no-repeat; }
						#sitewrapper #main ul#navigation li#volunteer a:hover { background: transparent url("../images/nav_home.gif") -110px -125px no-repeat; }
						#sitewrapper #main ul#navigation li#donate a:hover { background: transparent url("../images/nav_home.gif") -110px -150px no-repeat; }
						#sitewrapper #main ul#navigation li#support a:hover { background: transparent url("../images/nav_home.gif") -110px -175px no-repeat; }
						#sitewrapper #main ul#navigation li#links a:hover { background: transparent url("../images/nav_home.gif") -110px -200px no-repeat; }
						#sitewrapper #main ul#navigation li#contact a:hover { background: transparent url("../images/nav_home.gif") -110px -225px no-repeat; }

              body#home #sitewrapper #main #slides {
                     width: 690px;
			height: 304px;
			float: right; }
			body#home #sitewrapper #main #slides.blend img {
                     opacity: 0;
                     -moz-opacity: 0;
                     -khtml-opacity:0;
                     filter: alpha(opacity=0); }

/* Footer Styles */

	#sitewrapper #footer {
		clear: both;
		float: left;
		width: 800px;
		height: 126px;
	       padding: 0;
	       margin: 0; 
	       background: #D3D3D3;}
		#sitewrapper #footer div.footer-blocks {
			float: left;
			width: 150px;
			height: 98px;
			padding: 0 0 5px 10px;
			margin: 10px 0 0 0;
			background: transparent url("../images/bdr_footer-blocks.gif") no-repeat 0 0; }
			       #sitewrapper #footer div.footer-blocks h2 {
				       color: #646464;
				       padding: 0 0 5px 0; }
			       #sitewrapper #footer div.footer-blocks p {
				       color: #646464;
				       width: 140px;
				       font-size: 11px; }
			#sitewrapper #footer div.footer-blocks#first-block {
			       background: none;
			       width: 110px;
			       padding: 0;
			       margin: 0; }
		       #sitewrapper #footer div.footer-blocks#second-block {
			       background: none; }
				   
	#sitewrapper #subfooter p {
		margin:20px auto 20px auto;
		color:#666;
	}
		#sitewrapper #subfooter div.socialmedia {
			width:80px;
			text-align:center;
			float:left;}
			#sitewrapper #subfooter div.socialmedia a {
				text-decoration:none; }