/* 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 {
display:none
}

/* end NAV styles */

#main {
margin: 0px 7px;
background: #fff;
font: normal 12px/20px "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: left;
}

#left {
width: 700px;
float: left;
background: #FFFFFF;
margin-left: 0px;
}

/* splash styles */
body.splash #main {
font-size: 11px;
}

#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: 518px;
height: 151px;
background: #eeede5 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 {
display:none
}

#right #newsupdate {
display:none
}

#right #newsupdate p {
display:none
}
/* 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;
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.2em;
text-transform: uppercase;
margin-bottom: 0.625em;
}

#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; }