* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
body {
	position: relative;
	text-align: center;
	font: 11px Helvetica, Arial, sans-serif;
	line-height: 14px;
	color: #999;
	background-color: #333;
}
#wrapper {
	width: 958px;
	margin: 0 auto;
	text-align: left;
}
#main {
	position: relative;
	float: left;
	width: 958px;
	height: 2014px;
	padding-bottom: 75px;
	overflow: hidden;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 360px;
	width: 582px;
	text-indent: 12px;
	z-index: 9;
	text-decoration: none;
	height: 75px;
	padding-top: 6px;
	line-height: 16px;
	font-size: 10px;
	color: #888;
	background-color: #222;
}
#footer p { margin-bottom: 3px; }
#footer img { margin-top: 15px; }

/* logo and navigation */

#header {
	float: left;
	width: 100%;
	height: 53px;
}
a#logo {
	float: left;
	display: inline;
	width: 70px;
	height: 53px;
	text-indent: -9999px;
	background-image: url(/images/logo.gif);
}
ul#navigation {
	float: left;
	display: inline;
	height: 28px;
	padding-top: 25px;
	list-style-type: none;
}
ul#navigation li {
	float: left;
	display: inline;
}
ul#navigation a {
	display: block;
	height: 21px;
	margin-right: 12px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(/images/navigation.gif);
}
ul#navigation a#the-system-nav {
	width: 66px;
}
ul#navigation a#the-system-nav:hover, ul#navigation a#the-system-nav.selected { background-position: 0 -21px; }
ul#navigation a#the-reason-nav {
	width: 64px;
	background-position: -66px 0;
}
ul#navigation a#the-reason-nav:hover, ul#navigation a#the-reason-nav.selected { background-position: -66px -21px; }
ul#navigation a#voices-nav {
	width: 41px;
	background-position: -130px 0;
}
ul#navigation a#voices-nav:hover, ul#navigation a#voices-nav.selected { background-position: -130px -21px; }
ul#navigation a#events-nav {
	width: 43px;
	background-position: -171px 0;
}
ul#navigation a#events-nav:hover, ul#navigation a#events-nav.selected { background-position: -171px -21px; }
ul#navigation a#blog-nav {
	width: 30px;
	background-position: -214px 0;
}
ul#navigation a#blog-nav:hover, ul#navigation a#blog-nav.selected { background-position: -214px -21px; }
ul#navigation a#about-nav {
	width: 37px;
	background-position: -244px 0;
}
ul#navigation a#about-nav:hover, ul#navigation a#about-nav.selected { background-position: -244px -21px; }
ul#navigation a#contact-nav {
	width: 52px;
	background-position: -281px 0;
}
ul#navigation a#contact-nav:hover, ul#navigation a#contact-nav.selected { background-position: -281px -21px; }
ul#navigation a#volunteer-nav {
	width: 65px;
	background-position: -332px 0;
}
ul#navigation a#volunteer-nav:hover, ul#navigation a#volunteer-nav.selected { background-position: -332px -21px; }

/* content page styles */

.content-page {
	position: absolute;
	z-index: 10;
	top: -577px; 
	left: 70px; 
	width: 872px; 
	height: 577px;
	background-color: #000; 
}
.content-page-mask {
	position: absolute;
	top: 120px;
	left: 365px;
	width: 410px;
	height: 240px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.content-page-scroller {
	position: absolute;
	top: 0;
	left: 0;
	width: 410px;
}
.content-page-scroller div p { margin-bottom: 15px; }
.content-page-scroller div .title {
	font-size: 14px;
	color: #A4FC41;
}
.content-page-scroller div a, .content-page-scroller div a:active, .content-page-scroller div a:visited { color: #A4FC41; }
.content-page-scroller div a.white { color: #FFF; }
.content-page-scroller div b { color: #A4FC41; }
.content-page .close {
	position: absolute;
	top: 55px;
	left: -19px;
	display: block;
	width: 19px;
	height: 28px;
	text-indent: -9999px;
	background: transparent url(/images/close-button.jpg) no-repeat 0 0;
}
.content-page .label {
	position: absolute;
	top: 135px;
	left: -18px;
}
.content-page a, .content-page a:active, .content-page a:visited { color: #A4FC41; }
.content-page ul.nav {
	position: absolute;
	left: 365px;
	top: 380px;
	list-style-type: none;
	font-size: 18px;
	line-height: 24px;
}
.content-page ul.nav li a { 
	color: #A4FC41;
	text-decoration: none;
	padding-left: 12px;
}
.content-page ul li a:hover { color: #FFF; }
.content-page ul li a.selected { background: transparent url(/images/page-nav-arrow.gif) no-repeat 0 4px; }
.content-arrows {
	position: absolute;
	width: 16px;
	height: 37px;
	right: -16px;
	top: 250px;
}
.content-arrows img { 
	margin-bottom: 5px;
	clear: both;
}
.content-page-scroller a, .content-page-scroller a:active, .content-page-scroller a:visited {
	text-decoration: none;
	color: #FFF;
}
.content-page-scroller a:hover {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
.content-page-scroller ul {
	list-style-type: disc;
	margin: 0 0 20px 20px;
}
.content-page-scroller ul li { margin-bottom: 3px; }
.content-page-scroller ul li ul {
	list-style-type: circle;
	margin: 3px 0 5px 20px;
}
#the-system { background-image: url(/images/the-system.jpg); }
#the-reason { background-image: url(/images/the-reason.jpg); }
#voices { background-image: url(/images/voices.jpg); }
#voices .label { top: 100px; }
#about { background-image: url(/images/about.jpg); }
#about .label { top: 100px; }
#make-a-donation { background-image: url(/images/make-a-donation.jpg); }
#make-a-donation .label { top: 125px; }
#contact, #volunteer { background-image: url(/images/contact.jpg); }

/* contact us styles */

#contact-content {
	position: absolute;
	left: 150px;
	top: 50px;
	width: 530px;
}
#contact-message {
	position: absolute;
	top: 50px;
	left: 0;
	color: #A4FC41;
}
#contact-form {
	position: absolute;
	left: 0;
	top: 75px;
	width: 100%;
	color: #666;
	font-size: 12px;
}
#contact-form b { color: #666; }
#contact-form .title {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 10px;
}
#contact-form div {
	float: left;
	width: 170px;
	line-height: 22px;
	margin: 0 15px 20px 0;
}
#contact-form div .text-field, #contact-form div .selected {
	background-color: #333;
	width: 100%;
	border: 0;
	color: #FFF;
	font: 11px Helvetica;
	padding: 4px 3px;
	border: 1px solid transparent;
}
#contact-form div div.select_menu ul li.selected { width: 74px; }
#contact-form div .selected {
	border: 1px solid #999;
}
#contact-submit {
	position: absolute;
	top: 415px;
	left: 0;
}

/* volunteer styles */

#volunteer-content {
	position: absolute;
	left: 130px;
	top: 50px;
	width: 750px;
}
#volunteer-form {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	color: #666;
	font-size: 12px;
}
#volunteer-form p#volunteer-message {
	position: absolute;
	top: 40px;
	left: 0;
	color: #A4FC41;
}
#volunteer-form p {
	color: #FFF;
	margin-bottom: 40px;
	width: 650px;
}
#volunteer-form b { color: #666; }
#volunteer-form .title {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 10px;
}
#volunteer-form div {
	float: left;
	width: 170px;
	line-height: 22px;
	margin: 0 15px 20px 0;
}
#volunteer-form div .text-field, #volunteer-form div .selected {
	background-color: #333;
	width: 100%;
	border: 0;
	color: #FFF;
	font: 11px Helvetica;
	padding: 4px 3px;
	border: 1px solid transparent;
}
#volunteer-form div div.select_menu ul li.selected { width: 74px; }
#volunteer-form div .selected {
	border: 1px solid #999;
}
#volunteer-submit {
	position: absolute;
	top: 450px;
	left: 0;
}

/* donation styles */

#donate-title {
	position: absolute;
	top: 60px;
	left: 184px;
}
#donate-submit {
	position: absolute;
	top: 490px;
	left: 184px;
}
#donate-guidestar {
	position: absolute;
	top: 525px;
	left: 184px;
	line-height: 18px;
}
#donate-guidestar a, #donate-guidestar a:active, #donate-guidestar a:visited { color: #FFF; }
#donate-guidestar a:hover { text-decoration: none; }
#donate-message {
	position: absolute;
	top: 220px;
	left: 184px;
	color: #A4FC41;
}
#donate-intro {
	position: absolute;
	top: 115px;
	left: 184px;
	width: 650px;
}
#donate-intro p { margin-bottom: 15px; }
#donation-form {
	 position: absolute;
	 top: 260px;
	 width: 100%;
	 color: #666;
	 font-size: 12px;
}
#donation-form div {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
#donation-form div div {
	float: left;
	display: inline;
	width: 165px;
	margin: 0 15px 0 0;
	line-height: 22px;
}
#donation-form div div .text-field, #donation-form div div .selected {
	background-color: #333;
	width: 100%;
	border: 0;
	color: #FFF;
	font: 11px Helvetica;
	padding: 4px 3px;
	border: 1px solid transparent;
}
#donation-form div div .selected {
	border: 1px solid #999;
}
#donation-form div div.donation-section-label {
	width: 150px;
	padding-top: 5px;
	margin-right: 35px;
	text-align: right;
}

/* download styles */

#download-title {
	position: absolute;
	top: 60px;
	left: 130px;
}
#downloads-content {
	position: absolute;
	left: 130px;
	top: 140px;
	width: 750px;
	color: #FFF;
}
#downloads-content div {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 25px;
}
#downloads-content div div.image {
	width: 145px;
	text-align: right;
	margin-right: 20px;
}
#downloads-content div div.desc { width: 450px; }
#downloads-content div div.desc .title {
	font-size: 18px;
	color: #F67309;
	margin-bottom: 5px;
}
#downloads-content div.desc a, #downloads-content div.desc a:active,
#downloads-content div.desc a:visited {
	color: #F67309;
	text-decoration: none;
}
#downloads-content div.desc a:hover { text-decoration: underline; }

/* success pop up */

#form-success {
	position: absolute;
	top: 100px;
	left: 180px;
	z-index: 100;
	width: 400px;
	padding: 120px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	background-color: #FF7D01;
}
#form-success b { color: #333; }
#form-success a, #form-success a:active, #form-success a:visited { color: #333; }
#form-success .title {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 15px;
}
#form-success ul { margin-top: 30px; }
#form-success ul li {
	float: left;
	display: inline;
	margin-right: 5px;
	background: #F90 url(/images/stat-button-left.gif) no-repeat 0 0;
}
#form-success ul li a {
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	background: transparent url(/images/stat-button-right.gif) no-repeat top right;
}

/* custom select menu styles ------ */

.select_menu, #donation-form div div.select_menu, #contact-form div div.select_menu,
#volunteer-form div div.select_menu {
	position: relative;
	float: left;
	width: 85px; 
	height: 20px; 
	line-height: 20px; 
	font-size: 12px;
	font-weight: normal;  
	background: transparent url(/images/dropdown-bg.gif) no-repeat top right; 
	cursor: pointer;
	color: #333;
	margin: 2px 0 1px 0;
}
/*.select_menu_highlight { 
	color: #333;
	border: 1px solid #666;
}*/
.select_menu a {
	position: absolute;
	width: 100%;
	height: 20px;
	display: block;
	top: 0;
	left: 0;
}
.select_menu span { margin-left: 7px; }
.select_menu ul {
	position: absolute;
	top: 20px;
	left: 0; 
	width: 82px;
	list-style-type: none; 
	line-height: 20px;
	background-color: #FFF;
	color: #333;
}
.select_menu_highlight ul {
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.select_menu ul li { 
	text-indent: 7px;
	cursor: pointer;
}
.select_menu ul li.hover { background-color: #F5F5F5; } 
.select_menu ul li.selected { 
	background-color: #ECECEC;
	font-weight: bold;
}

/* left column styles */

#left {
	position: absolute;
	width: 569px;
	height: 2014px;
	left: 70px;
	z-index: 1;
}
#photo-bg {
	position: absolute;
	z-index: 0;
	width: 569px;
	height: 2014px;
	background: transparent url(/images/photo-bg.jpg) repeat 0 0;
}

	/* stat styles */
	
	.stat {
		position: absolute;
		left: 0;
		z-index: 1;
		width: 872px;
	}
	.stat img.stat-text {
		position: absolute;
		right: 303px;
		cursor: pointer;
	}
	.stat div {
		position: absolute;  
		left: 0;
		width: 0;
		background-color: #000;
		padding-bottom: 10px;
	}
	.stat div div {
		position: static;
		padding: 0;
		width: 872px;
	}
	.stat div img.stat-arrow {
		position: absolute;
		top: 0;
		left: 0;
	}
	.stat div img.stat-image {
		float: left;
		display: inline;
		margin: 10px 0 0 10px;
	}
	.stat div .close {
		position: absolute;
		top: 0;
		left: -19px;
		display: block;
		width: 19px;
		height: 28px;
		text-indent: -9999px;
		background: transparent url(/images/close-button.jpg) no-repeat 0 0;
	}
	.stat div .label {
		position: absolute;
		bottom: 30px;
		left: -18px;
	}
	.stat div div div {
		position: static;
		float: left;
		display: inline;
		width: 575px;
		padding: 0;
		margin: 50px 0 0 30px;
		color: #FFF;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;
	}
	.stat div div div p { margin-bottom: 15px; }
	.stat div div div .title {
		font-size: 14px;
		color: #A4FC41;
	}
	.stat div div div b { color: #A4FC41; }
	
	/* individual stat positions */
	
	#stat1 { top: 157px; z-index: 6; }
	#stat2 { top: 428px; z-index: 5; }
	#stat3 { top: 700px; z-index: 4; }
	#stat4 { top: 1260px; z-index: 3; }
	#stat5 { top: 1500px; z-index: 2; }
	#stat6 { top: 1744px; z-index: 1; }

/* right column styles */

#right {
	position: absolute;
	left: 639px;
	width: 303px;
	height: 2014px;
	z-index: 0;
}
#right div {
	float: left;
	width: 100%;
}
#right div div {
	float: left;
	display: inline;
	width: 251px;
	margin: 0 26px;
}
#intro-text { 
	height: 99px;
	width: 270px;
}
#intro-text .title {
	font-size: 13px;
	color: #A4FC41;
	margin-bottom: 5px;
}
	
	/* twitter styles */
	
	#twitter { 
		position: relative;
		height: 238px;
		font-size: 13px;
		color: #FF7D00;
		line-height: 17px;
	}
	#twitter p.title {
		float: left;
		display: inline;
		font-size: 13px;
		height: 15px;
		color: #A4FC41;
		margin: 0 0 10px 26px;
	}
	#twitter a {
		color: #FFF;
		text-decoration: underline;
	}
	#twitter a:hover { text-decoration: none; }
	#twitter a.user {
		font-weight: bold;
		text-decoration: none;
		color: #AAA;
	}
	#twitter a.user:hover { color: #FFF; }
	#twitter p { margin-bottom: 20px; }
	#twitter span {
		font-size: 9.5px;
		color: #858585;
		line-height: 22px;
	}
	#twitter div {
		position: relative;
		height: 270px;
		overflow: hidden;
	}
	#twitter div div {
		position: absolute;
		background-color: #333;
		top: 0;
		left: 0;
		margin: 0;
	}
	
	/* survey question */
	
	#survey {
		position: relative;
		height: 196px;
		z-index: 2;
	}
	#right #survey-inner {
		position: absolute;
		height: 166px;
		padding-top: 30px;
		top: 0;
		left: 0;
		width: 303px;
		margin: 0;
		color: #333;
		background: transparent url(/images/survey-bg.jpg) repeat-y 0 0;
	}
	#survey .title {
		float: left;
		font-size: 16px; 
		line-height: 16px;
		margin-bottom: 25px;
	}
	#survey span.question-text {
		float: left;
		width: 220px;
		font-size: 12px;
		line-height: 15px;
		padding-left: 20px;
		margin-bottom: 25px;
		background: transparent url(/images/open-quote.gif) no-repeat top left;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 17px;
	}
	#survey span#question-blurb {
		float: left;
		width: 246px;
		font-size: 12px;
		line-height: 15px;
		padding-left: 20px;
		margin: 40px 0 25px -20px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 17px;
	}
	#survey ul {
		float: left;
		list-style-type: none;
	}
	#survey ul li {
		float: left;
		display: inline;
		margin-right: 5px;
		background: #F90 url(/images/stat-button-left.gif) no-repeat 0 0;
	}
	#survey ul li a {
		float: left;
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
		color: #333;
		text-decoration: none;
		font-size: 12px;
		background: transparent url(/images/stat-button-right.gif) no-repeat top right;
	}
	#right #survey-results {
		position: relative;
		float: left;
		margin: 0 0 0 -26px;
		width: 303px;
		height: 150px;
	}
	#right #survey-results .close {
		position: absolute;
		top: -120px;
		right: -19px;
		display: block;
		width: 19px;
		height: 28px;
		text-indent: -9999px;
		background: transparent url(/images/close-button-right.jpg) no-repeat 0 0;
	}
	#right #survey-results div {
		position: absolute;
		left: 35px;
		bottom: 0;
		width: 70px;
		margin: 0;
		background-color: #C60;
	}
	#right #survey-results div span.percent {
		position: absolute;
		top: -25px;
		display: block;
		width: 70px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		background-color: #FF7D00;
	}
	#right #survey-results div span.label {
		position: absolute;
		bottom: -25px;
		display: block;
		width: 70px;
		height: 20px;
		line-height: 10px;
		text-align: center;
		color: #333;
		font-weight: bold;
		font-size: 10px;
	}
	#right #survey-results div#answer-2 { left: 115px; }
	#right #survey-results div#answer-3 { left: 195px; }
	
	/* events and blog */
	
		/* events */
		
		#events-blog {
			position: relative;
			height: 503px;
			padding-top: 40px;
			font-family: Arial, Helvetica, sans-serif;
			background-image: url(/images/events-blog.jpg);
			z-index: 1;
		}
		#events-blog a { color: #A4FC41; }
		#events {
			position: relative;
			height: 210px;
			background: transparent url(/images/event-separator.gif) no-repeat 95px 0;
		}
		#right div #events div { 
			margin: 0 0 30px 0;
			cursor: pointer;
		}
		#events .date-location {
			float: left;
			display: inline;
			width: 95px;
			font-size: 20px;
			color: #369;
			line-height: 20px;
		}
		#events div.selected .date-location { color: #FFF; }
		#events .date-location b {
			color: #6CF;
			font-size: 11px;
			line-height: 12px;
		}
		#events div.selected .date-location b { color: #FFF; }
		#events .description {
			float: left;
			display: inline;
			margin-left: 15px;
			width: 140px;
			color: #3A99DC;
		}
		#events .description b { color: #6CF; }
		#events div.selected .description { color: #FFF; }
		
			/* expanded event details */
			
			#right #events-expanded {
				position: absolute;
				top: 0;
				right: 0;
				margin: 0;
				width: 0;
				height: 270px;
				background: #000 url(/images/event-separator.gif) no-repeat 569px 40px;
			}
			#right #events-expanded #event-details {
				position: absolute;
				top: 0;
				left: 0;
				margin: 0;
			}
			#right #events-expanded #event-details div {
				position: absolute;
				top: 60px;
				left: 60px;
				width: 450px;
				margin: 0;
				font-size: 11px;
				color: #FFF;
			}
			#events-expanded #event-details div p { margin-bottom: 20px; }
			#events-expanded #event-details div .title {
				font-size: 17px;
				color: #3A99DC;
			}
			#events-expanded #event-details div .date-location {
				color: #3A99DC;
				font-size: 12px;
			}
			#events-expanded #event-details .close {
				position: absolute;
				top: 0;
				left: -19px;
				display: block;
				width: 19px;
				height: 28px;
				text-indent: -9999px;
				background: transparent url(/images/close-button.jpg) no-repeat 0 0;
			}
			#events-expanded #event-details .label {
				position: absolute;
				top: 60px;
				left: -18px;
			}
			#events-expanded #event-details #event-arrow {
				position: absolute;
				left: 561px;
			}
		
		/* blog */
		
		#blog {
			position: relative;
			padding-top: 40px;
			height: 244px;
			font-size: 11px;
			color: #FFF;
			z-index: 2;
		}
		#right div #blog div { 
			margin: 0 0 30px 0;
			cursor: pointer;
		}
		#right div #blog div.last { margin: 0; }
		#blog p { margin-bottom: 10px; }
		#blog .title {
			color: #FFF;
			font-size: 16px;
			font-family: Helvetica, Arial, sans-serif;
		}
		#blog a, #blog a:active, #blog a:visited {
			font-size: 12px;
			color: #A4FC41;
			text-decoration: none;
		}
		#blog a:hover { border-bottom: 1px solid #A4FC41; }
		
			/* expanded blog styles */
			
			#right #blog-expanded {
				position: absolute;
				top: 256px;
				right: 0;
				z-index: 1;
				margin: 0;
				width: 0;
				height: 568px;
				background-image: url(/images/blog-bg.jpg);
			}
			#right #blog-expanded #blog-details {
				position: absolute;
				top: 0;
				left: 0;
				margin: 0;
			}
			#right #blog-expanded #blog-details #blog-entries-mask {
				position: absolute;
				top: 30px;
				left: 75px;
				width: 420px;
				height: 500px;
				overflow: hidden;
				margin: 0;
				font-size: 11px;
				color: #FFF;
			}
			#right #blog-expanded #blog-details #blog-entries-mask #blog-entries {
				position: absolute;
				width: 420px;
				margin: 0;
			}
			#right #blog-expanded #blog-details #blog-entries-mask #blog-entries div {
				width: 420px;
				margin: 0 0 30px 0;
				border-bottom: 1px solid #666;
			}
			#blog-expanded #blog-details #blog-entries-mask #blog-entries p { 
				margin-bottom: 20px;
				line-height: 20px;
			}
			#blog-expanded #blog-details #blog-entries-mask #blog-entries .title {
				font-size: 17px;
				color: #A4FC41;
				margin-bottom: 5px;
			}
			#blog-expanded #blog-details #blog-entries-mask #blog-entries .author {
				color: #999;
				font-size: 10px;
			}
			#blog-expanded #blog-details .close {
				position: absolute;
				top: 0;
				left: -19px;
				display: block;
				width: 19px;
				height: 28px;
				text-indent: -9999px;
				background: transparent url(/images/close-button.jpg) no-repeat 0 0;
			}
			#blog-expanded #blog-details .label {
				position: absolute;
				top: 60px;
				left: -18px;
			}
			#blog-expanded #blog-details #event-arrow {
				position: absolute;
				left: 561px;
			}
			#right #blog-expanded #blog-details #blog-arrows {
				position: absolute;
				width: auto;
				height: auto;
				margin: 0;
				left: 553px;
				top: 480px;
			}
			#blog-expanded #blog-details #blog-arrows img { margin-bottom: 5px; }
			#right #blog-expanded #blog-details #blog-navigation {
				position: absolute;
				left: 594px;
				top: 300px;
				width: 250px;
				margin: 0;
			}
			#right #blog-expanded #blog-details #blog-navigation .title {
				font-size: 16px;
				font-family: Helvetica, Arial, sans-serif;
				color: #FFF;
				margin-bottom: 5px;
			}
			#blog-navigation ul {
				margin-left: 20px;
				list-style-type: none;
				width: 200px;
				line-height: 17px;
				margin-bottom: 40px;
			}
			#blog-navigation ul li {
				width: 100%;
			}
			#blog-navigation ul li a, #blog-navigation ul li a:active, #blog-navigation ul li a:visited {
				display: block;
				color: #333;
				font-weight: bold;
				font-size: 11px;
				text-decoration: none;
			}
			#blog-navigation ul li a:hover { color: #FFF; }
			#blog-navigation ul li a.selected { color: #A4FC41; }
			#blog-sort-by-date {
				position: relative;
				margin-left: -10px;
				text-indent: 10px;
			}
			#blog-sort-by-date span {
				position: absolute; 
				top: -5px; 
				right: 99%; 
				height: 30px;
				padding: 0 21px 0 13px;
				line-height: 30px;
				background: #F60 url(/images/blog-date-sort-bg.gif) no-repeat top right;
			}
			#blog-sort-by-date span a, #blog-sort-by-date span a:active, #blog-sort-by-date span a:visited {
				padding-left: 20px;
				font-size: 10px;
				color: #000;
				font-weight: bold;
				padding: 0 4px;
				text-decoration: none;
			}
			#blog-sort-by-date span a:hover, #blog-sort-by-date span a.selected {
				color: #FFF;
			}
	
	/* cancer sucks */
	
	#cancer-sucks {
		position: relative;
		height: 500px;
		z-index: 0;
	}
	#cancer-sucks img { margin-bottom: 15px; }
	#cancer-sucks p { margin-bottom: 10px; }
	#cancer-sucks p.title {
		font-size: 16px;
		color: #FF7D00;
	}
	#cancer-sucks a, #cancer-sucks a:active, #cancer-sucks a:visited { 
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
	}
	a#cancer-sucks-more:hover { border-bottom: 1px solid #FFF; }
	
		/* gallery styles */
		
		#cancer-sucks #cancer-sucks-gallery {
			position: absolute; 
			right: 0; 
			z-index: 10; 
			width: 872px; 
			height: 690px; 
			margin: 0;
			background-color: #000;
		}
		#cancer-sucks-gallery .close {
			position: absolute;
			top: 0;
			left: -19px;
			display: block;
			width: 19px;
			height: 28px;
			text-indent: -9999px;
			background: transparent url(/images/close-button.jpg) no-repeat 0 0;
		}
		#cancer-sucks-gallery .story {
			position: absolute;
			top: 28px;
			left: -19px;
			display: block;
			width: 19px;
			height: 28px;
			z-index: 100;
			text-indent: -9999px;
			background: #000 url(/images/story-button.jpg) no-repeat 0 0;
		}
		#cancer-sucks-gallery .story:hover {
			text-indent: 30px;
			line-height: 22px;
			font-size: 12px;
			width: 225px;
			color: #F60;
		}
		#cancer-sucks-gallery .label {
			position: absolute;
			top: 85px;
			left: -18px;
		}
		#cancer-sucks-gallery #gallery-timeline {
			position: absolute;
			top: 65px;
			left: 115px;
			width: 642px;
			height: 1px;
			line-height: 1px;
			font-size: 1px;
			background-color: #333;
			margin: 0;
		}
		#cancer-sucks-gallery #gallery-timeline a {
			position: absolute;
			top: -7px;
			width: 15px;
			height: 15px;
			background: transparent url(/images/gallery-milestone.gif) no-repeat 0 0;
		}
		#cancer-sucks-gallery #gallery-timeline a span,
		#cancer-sucks-gallery #gallery-timeline a:active span,
		#cancer-sucks-gallery #gallery-timeline a:visited span {
			position: absolute;
			top: -25px;
			left: -130px;
			display: none;
			width: 295px;
			height: 20px;
			line-height: 20px;
			padding: 0 0 1px 0;
			font-size: 11px;
			color: #FFF;
			background-color: #333;
			text-align: center;
		}
		#cancer-sucks-gallery #gallery-timeline a span span,
		#cancer-sucks-gallery #gallery-timeline a:active span span,
		#cancer-sucks-gallery #gallery-timeline a:visited span span {
			left: 42.5%;
			top: 21px;
			display: block;
			height: 8px;
			width: 14px;
			background-color: transparent;
			/*background: transparent url(/images/gallery-milestone-arrow.gif) no-repeat;*/
			padding: 0;
		}
		#cancer-sucks-gallery #gallery-timeline a span b {
			color: #F60;
			font-size: 14px;
			font-weight: normal;
		}
		#cancer-sucks-gallery #gallery-timeline a:hover { background-position: 0 -15px; }
		#cancer-sucks-gallery #gallery-timeline a.selected, #cancer-sucks-gallery #gallery-timeline a.selected-click { background-position: 0 -30px; }
		#cancer-sucks-gallery #gallery-timeline a.selected span, #cancer-sucks-gallery #gallery-timeline a.selected-click span { display: block; }
		#cancer-sucks-gallery #gallery-mask {
			position: absolute;
			top: 100px;
			left: 138px;
			width: 596px;
			height: 575px;
			text-align: center;
			margin: 0;
			overflow: hidden;
		}
		#cancer-sucks-gallery #gallery-mask #gallery-slider {
			position: absolute;
			top: 0;
			left: 0;
			height: 575px;
			width: 30000px;
			margin: 0;
		}
		#cancer-sucks-gallery #gallery-mask #gallery-slider div img {
			margin-bottom: 35px;
			border: 8px solid #333;
		}
		#cancer-sucks-gallery #gallery-mask #gallery-slider div {
			position: static;
			float: left;
			display: inline;
			width: 596px;
			text-align: center;
			margin: 0;
			font-size: 11.5px;
			color: #FFF;
			line-height: 13px;
		}
		#cancer-sucks-gallery #gallery-mask #gallery-slider .title {
			font-size: 14px;
			color: #F60;
		}
		#cancer-sucks-gallery #gallery-mask #gallery-slider a { text-decoration: underline; }
		#cancer-sucks-gallery #gallery-controls {
			position: absolute;
			top: 440px;
			right: 59px;
			display: block;
			width: 79px;
			height: 27px;
			margin: 0;
			background-image: url(/images/gallery-controls.gif);
		}
		#gallery-controls a {
			position: absolute;
			display: block;
			width: 26px;
			height: 27px;
			text-indent: -9999px;
		}
		#gallery-pause { left: 26px; }
		#gallery-next { left: 52px; }
		
		/* submit your own story */
		
		#cancer-sucks #submit-your-story {
			position: absolute; 
			right: 0; 
			z-index: 10; 
			width: 872px; 
			height: 600px; 
			margin: 0;
			background-color: #000;
		}
		#submit-your-story .close {
			position: absolute;
			top: 0;
			left: -19px;
			display: block;
			width: 19px;
			height: 28px;
			text-indent: -9999px;
			background: transparent url(/images/close-button.jpg) no-repeat 0 0;
		}
		#submit-your-story .label {
			position: absolute;
			top: 85px;
			left: -18px;
		}
		#submit-your-story .return {
			position: absolute;
			top: 28px;
			left: -19px;
			display: block;
			width: 19px;
			height: 28px;
			text-indent: -9999px;
			background: transparent url(/images/back-button.jpg) no-repeat 0 0;
		}
		#submit-your-story .return:hover {
			text-indent: 30px;
			line-height: 22px;
			font-size: 12px;
			width: 225px;
			color: #F60;
		}
		#submit-your-story #submit-your-story-body {
			position: absolute;
			top: 95px;
			left: 60px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #999;
			margin: 0;
			width: 750px;
		}
		#submit-your-story form {
			float: left;
			width: 100%;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			color: #A4FC41;
			margin-top: 5px;
		}
		#submit-your-story form div {
			float: left;
			display: inline;
			margin: 0 8px 5px 0;
			width: 175px;
		}
		#submit-your-story form div.clear {
			width: 100%;
			margin-bottom: 15px;
		}
		#submit-your-story form div.privacy {
			width: 100%;
			line-height: 22px;
			margin: 10px 0 35px 0;
		}
		#submit-your-story form label {
			float: left;
			width: 100%;
			margin-bottom: 10px;
		}
		#submit-your-story form label.error { color: #F00; }
		#submit-your-story form .text-field {
			float: left;
			width: 163px;
			background-color: #333;
			border: 0;
			color: #DDD;
			font-family: Helvetica, Arial, sans-serif;
			padding: 6px;
			margin-bottom: 10px;
			font-size: 11px;
			border: 1px solid #000;
		}
		#submit-your-story form .selected {
			border: 1px solid #999;
		}
		#submit-your-story form input.error, #submit-your-story form textarea.error {
			color: #000;
			background-color: #FFF;
		}
		#submit-story-message {
			color: #FFF;
			margin-top: 5px;
		}
	
	/* voices */
	
	#voices-right { height: 119px; }
	#voices-right p { margin-bottom: 10px; }
	#voices-right p.title {
		font-size: 16px;
		color: #FFF;
	}
	#voices-right a, #voices-right a:active, #voices-right a:visited { 
		color: #A4FC41;
		font-size: 12px;
		text-decoration: none;
	}
	#voices-right a:hover { border-bottom: 1px solid #A4FC41; }
	
	/* networking styles */
	
	#networking {
		position: relative;
		height: 319px;
		background-image: url(/images/networking.jpg);
	}
	#networking-icons {
		position: absolute;
		left: 26px;
		top: 170px;
		display: block;
		width: 68px;
		height: 33px;
		background-image: url(/images/networking-icons.jpg);
	}
	#networking-icons a {
		float: left;
		display: inline;
		width: 33px;
		height: 33px;
		text-indent: -9999px;
	}
	#text-me {
		position: absolute;
		left: 26px;
		top: 214px;
		display: block;
		width: 268px;
		height: 23px;
		margin-top: 5px;
		background-image: url(/images/email-me.jpg);
	}
	#text-me input {
		float: left;
		display: inline;
		width: 170px;
		height: 17px;
		padding: 5px 0 0 5px;
		color: #FFF;
		font: 12px Helvetica;
		border: 0;
		background-color: transparent;
	}
	#text-me a {
		float: right;
		display: inline;
		width: 75px;
		height: 23px;
		text-indent: -9999px;
	}
	#text-me-complete {
		position: absolute;
		left: 26px;
		top: 224px;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
	}
	
/* flickr photo credits */

a#flickr-link {
	position: absolute;
	bottom: 0;
	left: 70px;
	z-index: 11;
	text-decoration: none;
	width: 290px;
	text-align: center;
	height: 81px;
	line-height: 24px;
	font-size: 10px;
	color: #666;
	background-color: #000;
}
a#flickr-link b { color: #FF0084; }
#flickr {
	position: absolute;
	bottom: -650px;
	left: 70px;
	z-index: 10;
	width: 872px;
	height: 650px;
	background-color: #000;
	overflow: visible;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
}
#flickr .close {
	position: absolute;
	top: 0;
	left: -19px;
	display: block;
	width: 19px;
	height: 28px;
	text-indent: -9999px;
	background: transparent url(/images/close-button.jpg) no-repeat 0 0;
}
#flickr .label {
	position: absolute;
	top: 65px;
	left: -18px;
}
#flickr-arrows {
	position: absolute;
	width: 16px;
	height: 37px;
	right: -16px;
	top: 75px;
}
#flickr-arrows img { 
	margin-bottom: 5px;
	clear: both;
}
#flickr-mask {
	position: absolute;
	top: 35px;
	left: 75px;
	height: 515px;
	width: 750px;
	overflow: hidden;
}
#flickr-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
}
#flickr-slider div {
	float: left;
	display: inline;
	width: 345px;
	margin-right: 50px;
}
#flickr-slider div#flickr-right { 
	margin: 0;
}
#flickr-slider div div {
	position: relative;
	border-bottom: 1px solid #111;
	margin: 0 0 35px 0;
	padding-bottom: 10px;
}
#flickr-slider div div img {
	float: left;
	display: inline;
	margin-right: 10px;
}
#flickr-slider div div p {
	position: absolute;
	left: 124px;
	bottom: 10px;
	width: 175px;
}
#flickr-slider div div a, #flickr-slider div div a:active, #flickr-slider div div a:visited {
	color: #F90;
	font-weight: bold;
	text-decoration: none;
}
#flickr-slider div div a:hover {
	border-bottom: 1px solid #F90;
	color: #F90;
}

/* miscellaneous styles */

b { color: #FFF; }
a, a:active, a:visited { outline: none; }
a img { border: 0; }
#scroll-icon {
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	background-image: url(/images/scroll-icon.gif);
	z-index: 15;
}