/* General ................................................................................................ */
h2 { margin: 0; padding: 0; height: 33px; text-indent: -9999px; }

h3 { margin: 0; padding: 20px 0 0 0; height: 20px; font-size: 16px; color: #64B5B6; }

h4 { font-size: 13px; }

.intro { font-size: 12px; font-weight: bold; color: #64B5B6; }

hr { display: none; }

p { margin: 0; }

img { border: 0; }

a { font-weight: bold; color: #64B5B6; }
a:hover { color: #444; }

ul { margin: 0; padding: 0; list-style: none; }
li.bold { margin: 0; font-weight: bold; color: #64B5B6; }
li.bold a { margin: 0; font-weight: bold; color: #64B5B6; text-decoration: none; }
li.bold a:hover { margin: 0; font-weight: bold; color: #64B5B6; text-decoration: underline; }

/* General Classes ........................................................................................ */



/* html & body ............................................................................................ */
html { height: 101%; background: url("../_img/bkg2.gif") center; }
body { margin: 0;	padding: 0;	height: 100%;	background: url("../_img/bkg.gif") center top no-repeat; font-family: Arial; font-size: 11px; color: #444; line-height: 1.3em; }
#subbody { margin: 0 auto; padding: 0; width: 840px; min-height: 100%; background: #FFF; position: relative; }
* html #subbody { height: 100%; }


/* Header ................................................................................................. */
#headeranim { margin: 25px 0 0 50px; padding: 0; position: absolute; }

#header { margin: 0; padding: 0; height: 200px; position: relative; }

h1 { margin: 25px 0 0 50px; padding: 0; width: 740px; height: 175px; text-indent: -9999px; float: left; background: url(../_img/main/2.jpg); }
body#who_we_are h1 { background: url(../_img/main/3.jpg); }
body#what_we_do h1 { background: url(../_img/main/9.jpg); }
body#what_weve_done h1 { background: url(../_img/main/8.jpg); }
body#contact_us h1 { background: url(../_img/main/7.jpg); }

.date { margin: 0 50px 0 0; position: absolute; top: 210px; right: 0; font-size: 1em; color: #64B5B6; }


/* Left ................................................................................................... */
#left { margin: 10px 0 0 70px; padding: 0; width: 115px; float: left; }

#left ul { margin: 0; padding: 0 0 20px 0; list-style: none; }

.side-nav {border-bottom: 1px dotted #D1D1D1;}

 

/* Rollover class */
#left .rollover_home { display: block; width: 105px; height: 15px; background: url("../_img/nav/home.gif") no-repeat; text-indent: -9999px; }
#left .rollover_who { display: block; width: 105px; height: 15px; background: url("../_img/nav/who.gif") no-repeat; text-indent: -9999px; }
#left .rollover_what { display: block; width: 105px; height: 15px; background: url("../_img/nav/what.gif") no-repeat; text-indent: -9999px; }
#left .rollover_done { display: block; width: 105px; height: 15px; background: url("../_img/nav/done.gif") no-repeat; text-indent: -9999px; }
#left .rollover_contact { display: block; width: 105px; height: 15px; background: url("../_img/nav/contact.gif") no-repeat; text-indent: -9999px; }


/* Turn off all browser link outlines */
#left a { outline: none; }
#left a.rollover_home:link, a.rollover:active { background: url("../_img/nav/home.gif") no-repeat; }
#left a.rollover_home:xvisited { background-position: -105px 0; }
#left a.rollover_home:hover { background-position: -105px 0; }

#left a.rollover_who:link, a.rollover_who:active { background: url("../_img/nav/who.gif") no-repeat; }
#left a.rollover_who:xvisited { background-position: -105px 0; }
#left a.rollover_who:hover { background-position: -105px 0; }

#left a.rollover_what:link, a.rollover_what:active { background: url("../_img/nav/what.gif") no-repeat; }
#left a.rollover_what:xvisited { background-position: -105px 0; }
#left a.rollover_what:hover { background-position: -105px 0; }

#left a.rollover_done:link, a.rollover_done:active { background: url("../_img/nav/done.gif") no-repeat; }
#left a.rollover_done:xvisited { background-position: -105px 0; }
#left a.rollover_done:hover { background-position: -105px 0; }

#left a.rollover_contact:link, a.rollover_contact:active { background: url("../_img/nav/contact.gif") no-repeat; }
#left a.rollover_contact:xvisited { background-position: -105px 0; }
#left a.rollover_contact:hover { background-position: -105px 0; }


#address { left: 70px; top: 340px; }
#address ul { margin-top: 20px; padding: 0; list-style: none; }
#address li { margin: 0; font-weight: normal; color: #444; }
#address li.bold { margin: 0; font-weight: bold; color: #64B5B6; }
#address li.bold a { margin: 0; font-weight: bold; color: #64B5B6; text-decoration: none; }
#address li.bold a:hover { margin: 0; font-weight: bold; text-decoration: underline; }

#justgiving { margin-top: 10px; }


/* Content ................................................................................................ */
#content2 { margin: 10px 0 0 20px; padding: 0 0 100px 0; width: 585px; float: left; }
#content { margin: 10px 0 0 20px; padding: 0 0 100px 0; width: 230px; float: left; }
#content p { margin: 0; padding: 10px 0 0 0; }
#content ul { margin-top: 20px; }

h2.welcome { background: url("../_img/headers/welcome.gif") no-repeat; height: 32px; }
h2.who { background: url("../_img/headers/who.gif") no-repeat; height: 32px; }
h2.what { background: url("../_img/headers/what.gif") no-repeat; height: 32px; }
h2.done { background: url("../_img/headers/done.gif") no-repeat; height: 32px; }
h2.contact { background: url("../_img/headers/contact.gif") no-repeat; height: 32px; }
h2.gallery { background: url("../_img/headers/gallery.gif") no-repeat; height: 32px; }

h3.subhead { background: url("../_img/headers/subhead.gif") no-repeat; height: 20px; }

#textbox { margin: 20px 0; padding: 0 10px 10px 10px; background: #DCF1F3; }
#textbox p { color: #444; }

#ticker { margin: 5px 0 0 70px; padding: 0; }

#photogallery { margin: 20px 0 0 0; }

#map { margin: 30px 0 0 0; }

.quoteref { font-weight: bold; font-style: italic; }
#quote { margin: 0; padding: 15px 0; border-bottom: 1px dotted #8CCDCE; }


/* Right .................................................................................................. */
#right {  margin: 10px 0 0 15px; padding: 0 0 100px 0; width: 340px; height: 340px; float: left; }
#right1 { height: 170px; width: 170px; float: left; background: url("../_img/content/1.jpg") no-repeat; }
#right2 { height: 170px; width: 170px; float: left; background: url("../_img/content/2.jpg") no-repeat; text-indent: -9999px; }
#right3 { height: 170px; width: 170px; float: left; background: url("../_img/content/3.jpg") no-repeat; text-indent: -9999px; }
#right4 { height: 170px; width: 170px; float: left; background: url("../_img/content/4.jpg") no-repeat; }
#right4 p { margin: 30px 5px 0 75px; }


/* Footer ................................................................................................. */
#footer {	margin: 0 50px; padding: 10px 0 0 0; width: 740px; position: absolute; bottom: 0; border-top: 1px dotted #D1D1D1; clear: left; text-align: center; font-size: 1em; color: #999; }
* html #footer div.hr { margin-left: 0; }

#footer p { margin: 0; padding: 5px 0 10px 0; }
#footer a { color: #999; }
#footer a:hover { color: #444; }


/* Magic float fix ....................................................................................... */ 
#floatfix { display: block; clear: both; }