/* use #wrapper foo as a selector to override the reset styles */

body {
	background-color: #edede5;
	text-align: center;
	font: 13px/20px Verdana, Helvetica, Arial, sans-serif;
}
#wrapper {
	width: 840px;
	margin: 0px auto;
	text-align: left;
	background-color: #fff;
}
#wrapperbot {
	clear: both;
	height: 150px;
	background: url(/_img/template/botgrad.jpg) no-repeat top left;
}
img#header {
	display: block;
	margin: 0px 7px 0px 6px;
}
/* begin NAV styles */

#nav {
	position: relative;
	width: 819px;
	height: 37px;
	margin: 0px 11px 0px 10px;
	background: #fff url(/_img/template/nav_bg.png) repeat-x top left;
	text-align: center;
	z-index:100;
}
#nav ul {
	width: 100%;
	list-style: none;
	margin: 0px auto;
	line-height: 31px;
}
#nav ul li ul {
	width: 100%;
	margin: 0px;
	font-size: 14px;
	background: #a7a79e;
	border-left: 6px solid #7C7C73;
	line-height: 18px;
}
#nav ul li {
	display: inline;
	position: relative;  /* give our kids a context */
	font: bold 12px Helvetica, Verdana, sans-serif;
	padding: 0px 2em 5px 2em;
	background: #fff url(/_img/template/nav_li_spacer.png) no-repeat top right;
}
/* no spacer after last element */
#nav ul li.last {
	background: #fff;
}
/* override for subnav (dropdown) <li>s */
#nav ul li ul li {
	text-align: left;
	position: relative;
	line-height: 24px;
	display: list-item;
	background: transparent;
	border-bottom: 1px solid #82827B;
	border-top: 1px solid #82827B;
	margin: 0px 0px 1px 0px;         /* 1px band of lighter grey between parallel separator lines */
	padding: 5px 0 5px 6px;
	font: normal 15px Helvetica, Verdana, sans-serif;
}
#nav ul li a {
	color: #f78320;
	text-decoration: none;
	text-transform: uppercase;
	font-size:13px;
}
#nav ul li.lev1 a:hover {
	color: #0095D7;
}
/* first subnav and lower gets white/grey links */
#nav ul li ul li a {
	color: white;
}
#nav ul li.lev1 ul li a:hover {
	color: #7c7c74;
}
#nav div.lev2 {
	width: 204px;
	display: none;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 20px;
}
#nav div.lev3 {
	width: 204px;
	display: none;
	z-index: 11;
	position: absolute;
	left: 204px;
	top: -1px;
}
#nav div.lev4 {
	width: 204px;
	display: none;
	z-index: 12;
	position: absolute;
	left: 204px;
	top: -1px;
}
#nav ul li.last {
	background: #fff;
}
#nav ul li ul li.last {
	margin-bottom: 0px;
	background: transparent;
}
/* shrink last dropdown so it doesn't extend over the edge of page */
/* no point unless the 4th and 3rd levels are removed - they overlap edge anyway
#nav ul li.lev1.last div {
width: 164px;
}
*/

#nav div.lev3 ul {
	border-left: 6px solid #64635B;
}
#nav div.lev4 ul {
	border-left: 6px solid #4C4C43;
}
/* flip horizontally for rightmost item */
/*
#nav li.lev1.last ul {
border-left: 0px;
border-right: 6px solid #7C7C73;
}
#nav li.lev1.last ul li {
text-align: right;
padding: 5px 6px 5px 0px;
}
*/

/* .over - workaround for IE6 (can't handle :hover trick) */

#nav ul li.lev1:hover div.lev2 {
	display: block;
}
#nav ul li.lev1.over div.lev2 {
	display: block;
}
#nav ul li.lev2:hover div.lev3 {
	display: block;
}
#nav ul li.lev2.over div.lev3 {
	display: block;
}
#nav ul li.lev3:hover div.lev4 {
	display: block;
}
#nav ul li.lev3.over div.lev4 {
	display: block;
}
/* end NAV styles */

#main {
	margin: 0px 7px;
	background: #fff;
	font: normal 14px/21px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
}
#left {
	width: 517px;
	height: 698px;
	float: left;
	background: #eeede5;
	margin-left: 3px;
}
/* splash styles */
body.splash #main {
	font-size: 12px;
}
#left p {	
	position: relative;
	z-index:2
	 }
#left .textright p {
	position: relative;
	top: 50px;
	left: 210px;
	width: 295px;
	margin: 0px;    /* override */
}
#left .textleft p {
	position: relative;
	top: 50px;
	left: 27px;
	width: 295px;
	margin: 0px;    /* override */
}
#left #learn {
	z-index: 0;
	position: relative;
	width: 418px;
	height: 151px;
	background: #fff url(/_img/content/learn_bg.jpg) no-repeat top left;
}
#left #donate {
	z-index: 0;
	position: relative;
	width: 518px;
	height: 159px;
	background: #eeede5 url(/_img/content/donate_bg.jpg) no-repeat top left;
}
#left #visit {
	z-index: 0;
	position: relative;
	width: 518px;
	height: 151px;
	background: #eeede5 url(/_img/content/visit_bg.jpg) no-repeat top left;
}
#left #communicate {
	z-index: 0;
	position: relative;
	width: 518px;
	height: 150px;
	background: #eeede5 url(/_img/content/communicate_bg.jpg) no-repeat top left;
}
/* end splash styles */

/* #right styles */
#right {
	width: 302px;
	float: left;
}
#right #newsupdate {
	position: relative;
	width: 302px;
	height: 167px;
	background: #c4c4bd url(/_img/content/newsupdate_bg.jpg) no-repeat top left;
}
#right #newsupdate p {
	position: absolute;
	top: 25px;
	left: 23px;
	width: 245px;
	margin: 0px;    /* override */
}
#right #newsupdate input {
	position: relative;
	top:10px;
	left: 23px;
}
/* end #right styles */

.displayblock {
	display: block;
}
tr.even td {
	background-color: #E6E6E6;
}
#main a {
	color: black;
	text-decoration: underline;
}
#main a:hover {
	color: #f78320;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main ul, #main ol, #main table, #main textarea, #main hr {
	margin: 0px 50px 1.5em 35px;
}
#main h2, #main h3, #main h4, #main h5, #main h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #BC5804;
}
#main h1 {
	margin-top: 1.2em;
	margin-bottom:0.6em;
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	font-weight: 100;
	color:#009ada;
}
#main h2 {
	font-size: 1.4em;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 0.54em;
}
#main h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
#main h4 {
	text-transform: uppercase;
}
#main h4, #main h5, #main h6 {
	margin-bottom: 0.75em;
}
#childlinks {
	margin-top: 3em;
	border-top: 1px solid #B9B9AA;
	padding-top: 5px;
	list-style: none;
	color: #7F7F75;
}
#main #childlinks a {
	color: #97978B;
}
#main #childlinks a:hover {
	color: #f78320;
}
#childlinks li {
	display: inline;
}
#googlemap {
	width: 435px;
	height: 400px;
	margin: 0px 0px 1.5em 35px;
}
/* -------------------------------------------------------------- 

 Reset browser defaults
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}