body {
	font-size:.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url(../images/body-bg.gif) center top no-repeat;
	}
	
h3,h4,h5,h6 {
	font-size:1.2em;
	margin:18px 0 5px;
	padding:0;
	color:#6db43f;
	}
	
h4 {color:#009bda;}
h5 {color:#ed1d25;}
h6 {color:#dba627;}

#rightCol ul li, #rightCol ol li {
	line-height:16px;
	font-size:.9em;
	margin:0 0 12px;
	}

#line {
	height:10px;
	width:100%;
	background:#dba627;
	}
	
.main {
	width:1000px;
	margin:0 auto;
	}
	
#top {
	height:118px;
	position:relative;
	}

#top .logo {
	float:left;
	}
	
#top #options {
	position:absolute;
	right:50px;
	top:-10px;
	width:216px;
	height:41px;
	margin:0;
	padding:0;
	list-style:none;
	}
	
#top #options li {
	float:left;
	margin:0 2px;
	display:inline;
	}
	
#top #options li a {
	display:block;
	color:#FFF;
	padding:14px 0;
	width:68px;
	text-align:center;
	background-image:url(../images/top-3-colors.gif);
	text-decoration:none;
	font-size:.9em;
	}
	
#top #options li a.donate    {background-position:0 0;}
#top #options li a.volunteer {background-position:141px 0;}
#top #options li a.join      {background-position:68px 0;}

#top #options li a.donate:hover    {background-position:0 -46px;}
#top #options li a.volunteer:hover {background-position:141px -46px;}
#top #options li a.join:hover      {background-position:68px -46px;}

.mid {
	background:#003c55;
	height:233px;
	width:100%;
	position:absolute;
	top:128px;
	_top:132px;
	}

#mid {
	width:1000px;
	position:relative;
	top:0;
	background:none;
	}

#mid ul {
	margin:6px 0 0;
	padding:0;
	list-style:none;
	font-weight:bold;
	}
	
#mid ul li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:7px 0 7px 17px;
	width:205px;
	font-size:1.2em;
	}
	
#mid ul li a.blue  {background:#009bda;}
#mid ul li a.green {background:#6db43f;}
#mid ul li a.red   {background:#ed1d25;}

#mid ul li a:hover       {background:#003146;}
#mid ul li a.blue:hover  {background:#008ec7;}
#mid ul li a.green:hover {background:#5f9d37;}
#mid ul li a.red:hover   {background:#d3181f;}
	
#header-img {
	width:799px;
	height:350px;
	background:url(../images/story-bg.png) no-repeat;
	position:absolute;
	_behavior:url(/~bgchco/css/iepngfix.htc);	
	}
	
#links {
	width:799px;
	height:350px;
	position:absolute;
	left: 196px;
	top: -91px;	
	}
	
#header-img #img {
	position:absolute;
	top:29px;
	left:33px;
	}
	
#header-img #jsWarning {
	position:absolute;
	font-size:.8em;
	top:140px;
	left:140px;
	}
	
#tape {
	width:497px;
	height:357px;
	position:absolute;
	z-index:5;
	top: -7px;
	left: 2px;
	background:url(../images/story-tape.png) no-repeat;
	_behavior:url(/~bgchco/css/iepngfix.htc);	
	
	}

#header-img #note {
	position:absolute;
	top:45px;
	right:34px;
	_behavior:url(/~bgchco/css/iepngfix.htc);
	}

#note {
	display:none;
	}

#my-story, #view-all {
	position:absolute;
	z-index:6;
	left: 540px;
	top: 192px;
	}
	
#view-all {
	top:250px;
	left:622px;
	height:38px;
	width:70px;
	display:none;
	}
	
#my-story {
	background-position:0px 0px;
	height:75px;
	width:171px;
	display:none;
	}
	
#my-story a, #view-all a {
	background:url(../images/story-mystory_viewall.png) no-repeat;
	_background:url(../images/story-mystory_viewall.gif) no-repeat;
	display:block;
	width:100%;
	height:100%;
	position:relative;
	z-index:9999;
	}
	
#view-all a {
	background-position:-89px -65px;
	}
	
#my-story a:hover {
	background-position:1px -101px;
	}
	
#view-all a:hover {
	background-position:-88px -166px;
	}
	
#leftCol {
	float:left;
	margin:10px 0 0 15px;
	width:201px;
	display:inline;
	}
	
#leftCol h1, #leftCol h2 {
	margin:0 0 0 2px;
	padding:0;
	background:none;
	}
	
#leftCol h1 {
	font-size:1.3em;
	margin-bottom:-6px;
	}
	
#leftCol h2 {
	font-size:1.8em;
	font-weight:normal;
	}
	
h1.blue  {color:#009bda;}
h2.blue  {color:#005071;}
h1.green {color:#6db43f;}
h2.green {color:#294518;}

.box {
	width:201px;
	margin:3px 0 15px;
	}
	
.box.blue  {background:#dbf1fa;}
.box.green {background:#eaf4e4;}

.box.blue ul {
	padding:5px;
	margin:0;
	list-style:none;
	color:#272727;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.box.blue ul li {
	margin:0 0 10px;
	}
	
.box.green form {
	margin:0;
	padding:5px;
	font-size:.85em;
	color:#777e73;
	}
	
.box.green form input {
	width:97%;
	}

#rightCol {
	width:670px;
	float:left;
	margin:40px 0 0 64px;
	color:#1c1c1c;
	}
	
#rightCol h1 {
	font-size:1.6em;
	margin:0 0 12px;
	padding:0;
	}
	
#rightCol p {
	font-size:.9em;
	margin:0 0 10px;
	line-height:18px;
	}

#bottomLinks {
	border-top:2px solid #ddaa30;
	color:#936800;
	padding:3px 5px 0 0;
	font-size:.9em;
	clear:both;
	margin:0 0 50px;
	}
	
#bottomLinks span {
	float:right;
	}
	
#bottomLinks a {
	color:#936800;
	text-decoration:none;
	padding:0 5px;
	}
	
#bottomLinks a:hover {
	text-decoration:underline;
	}
	
#sub-nav {
	float:right;
	width:175px;
	list-style:none;
	margin:0 0 20px 15px;
	padding:0;
	background:#fcf3dc;
	border:2px solid #ffe095;
	}
	
#sub-nav li {
	margin:0 !important;
	_display:inline;
	}
	
#sub-nav li a {
	color:#8e6d1e;
	text-decoration:none;
	font-weight:normal;
	padding:5px;
	display:block;
	font-size:.9em;
	}
	
#sub-nav li a:hover {
	background:#ffecc0;
	}
	
#sub-nav strong {
	padding:5px;
	font-size:1.1em;
	margin:0 0 5px;
	color:#513e0f;
	display:block;
	}

#bottomImg {
	border-top:2px solid #ddaa30;
	padding:5px 5px;
	margin:5px 0 0;
	text-align:right;
	}