html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,del,em,img,small,strong,sub,sup,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;
	}
h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}
a img,:link img,:visited img {border:none;}
a, :link,:visited {text-decoration:none;}
ul,ol {list-style:none;}
address {font-style: normal;}

.screenreader {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}

.imageReplace {text-indent: -9000px;}

.clearfix:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

a:active {outline: none;}
:focus {-moz-outline-style: none;}

body {font: 85% Helvetica, Arial, sans-serif;} /* reset font size to 12px; */
	
/**************************    structure    ***************************/

#global {
	width:844px;
	margin: 0 auto 20px auto;
	background: #FFF url(../images/logo_map.gif) no-repeat 694px 12px;
	}
#bodyBuildings #global {background: none;}

#header {
	padding: 26px 40px 0 40px;
	height: 153px;
	}
	
#mainContent {
	float: left;
	width: 559px;
	}

#rightCol {
	float: right;
	width: 153px;
	margin-left: 10px;
	}

a#logo {float: left;}

	
/**************************    content    ***************************/

h1, h2, h3, h4, h5, h6 {color:#4678bc;}
	
h1 {font-size: 1.75em; /* 21px */ 
	margin-bottom: 0.8571em;
	}
#bodyBuildings h1 {float:left;}
	
h2 {font-size: 1.3333em; /* 16px */ 
	line-height: 1.125em; /* 18px */ 
	margin-top: 1.125em; 
	}
	
h2.list {
	font-size:1.2em;
	margin-top:12px;
	}
	
h3 {font-size:1.1em;
	margin:0 0 6px;
	}

p, ul, table {
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em 0;
	color:#333333;
	}
#header p {
	font-size: 2em;
	float: left;
	color: #4678bc;
	line-height: 1em;
	margin: 45px 0 0 51px;
	}
p.intro {font-weight:bold;}

p a,
li a {color:#666666;}
p a:hover,
li a:hover {text-decoration: underline;}

p img {float: left;margin: 0 8px 10px 0;}

.speach-bubble {
	background: transparent url(../images/speach_bubble_bottom.gif) no-repeat 0 bottom;
	width: 153px;
	float:right;
	margin: 0 0 10px 20px;
	}
.speach-bubble p {
	background: transparent url(../images/speach_bubble_top.gif) no-repeat 0 0;
	width: 128px;
	padding: 12px 10px 12px 15px;
	}
.speach-bubble p span {
	display:block;
	margin-top: 12px;
	font-size: .8em;
	line-height: 1em;
	text-align: right;
	}
	
.copy-narrow {
	width:124px;
	float:left;
	}

.map {
	width:435px;
	float:right;
	position: relative;/*for building.php popups*/
	}
	
#mapkey {
	display:block;
	height: 246px;
	width: 2px;
	}
	
#bodyBuildings #mainContent {background: transparent url(../images/map_key.gif) no-repeat left bottom;}

.popup {
	display:none;
	position:absolute;
	top: 10px;
	left: -30px;
	width:480px;
	z-index:999;
	background: #FFF;
	border: 1px solid #666;
	}

a.close {
	float: right;
	color: #FFF;
	padding: 5px;
	}
.anglican a.close {background: #6f3986;}
.catholic a.close {background: #4577bc;}
.methodist a.close {background: #1b743b;}
.unitedreformed a.close {background: #faa61a;}
.evangelical a.close {background: #508991;}
.baptist a.close {background: #ce4e9d;}
.unitarian a.close {background: #4ac2c2;}
.seventhdayadventist a.close {background: #005968;}
.islamic a.close {background: #f27c9c;}
.sikh a.close {background: #ffcb04;}
.jewish a.close {background: #32b663;}
.buddhist a.close {background: #8f441f;}
	
.popup h2 {
	color: #FFF;
	width: 460px;
	margin-top: 0;/*reset*/
	padding: 10px;
	}
.anglican h2 {background: #6f3986;}
.catholic h2 {background: #4577bc;}
.methodist h2 {background: #1b743b;}
.unitedreformed h2 {background: #faa61a;}
.evangelical h2 {background: #508991;}
.baptist h2 {background: #ce4e9d;}
.unitarian h2 {background: #4ac2c2;}
.seventhdayadventist h2 {background: #005968;}
.islamic h2 {background: #f27c9c;}
.sikh h2 {background: #ffcb04;}
.jewish h2 {background: #32b663;}
.buddhist h2 {background: #8f441f;}
	
.popup img {
	float: left;
	margin: 20px 10px 10px 10px;
	}
	
.popup table {margin: 20px 10px 20px 0;}
.popup table th {
	border-right: 1px solid #666;
	text-align: left;
	}
.popup table th,
.popup table td {
	padding: 2px;
	border-bottom: 1px solid #666;
	}
.popup table tr:last-child th,
.popup table tr:last-child td {border-bottom: 0;}
.popup p {padding: 0 20px 0 10px;}


/****************************   navigation   ********************************/

#navigation {
	float:left;
	width: 245px;
	}
	
#navigation ul {
	width:auto;
	margin: 0 0 0 40px;
	}
	
#navigation li {margin:0 0 35px 0;}
	
#navigation a {
	display:block;
	width: 146px;
	padding:6px;
	color:#fff;
	font-size:1.5em;
	}
#navigation a:hover {text-decoration:none;}/*reset*/

#navigation a.navProjects {background:#FEBD2D; border: 1px solid #FEBD2D;}
#navigation a.navProjects:hover {color: #FEBD2D;}
#navigation a.navbuildings {background:#f2632a;border: 1px solid #f2632a;}
#navigation a.navbuildings:hover {color: #f2632a;}
#navigation a.navVolunteers {background:#32b563;border: 1px solid #32b563;}
#navigation a.navVolunteers:hover {color: #32b563;}
#navigation a.navtoolkit {background:#4678bc;border: 1px solid #4678bc;}
#navigation a.navtoolkit:hover {color: #4678bc;}
#navigation a.navCredits {background:#005968;border: 1px solid #005968;}
#navigation a.navCredits:hover {color: #005968;}
#navigation a.navContacts {background:#CE4E9C;border: 1px solid #CE4E9C;}
#navigation a.navContacts:hover {color: #CE4E9C;}
#navigation a:hover {background-color: #FFF;}

#bodyProject #navigation a.navProjects {color: #FEBD2D;background-color: #FFF;}
#bodyBuildings #navigation a.navbuildings {color: #f2632a;background-color: #FFF;}
#bodyVolunteers #navigation a.navVolunteers {color: #32b563;background-color: #FFF;}
#bodyToolkits #navigation a.navtoolkit {color: #4678bc;background-color: #FFF;}
#bodyCredits #navigation a.navCredits {color: #005968;background-color: #FFF;}
#bodyContacts #navigation a.navContacts {color: #CE4E9C;background-color: #FFF;}

	
/**************************    footer    ***************************/

#footer {
	width: 844px;
	clear: left;
	}
	
#footer ul {
	float: right;
	width: 497px;
	margin-right: 40px;
	margin-top: 25px;
	}
	
#footer ul li {
	float: left;
	margin-left: 40px;
	display:inline;
	}
	
	
/**************************    homepage    ***************************/

#bodyHome {background: #FFF url(../images/home-page-bg.jpg) no-repeat center 0;}
#bodyHome #global {background: none;} /*reset from rest of site*/
	
#buildingExploratoryBranding {
	float: right;
	margin: 24px 8px 0 0;
	}
	
#bodyHome #mainContent {
	padding: 14px 40px 0 40px;
	width: 764px;
	}
	
#homeBoxes li.homeBox1 {float: left;}
#homeBoxes li.homeBox2 {float: right;}
#homeBoxes a {
	display: block;
	margin:16px 0 16px 0;
	padding: 10px;
	width:316px;
	border: 1px solid #999;
	background: transparent url(../images/homepage_buttons_bg.png) repeat 0 0;
	font-size: 2em;
	line-height: 1.1em;
	}
#homeBoxes a:hover {background-color: #FFF;}
#homeBoxes li.homeBox1 a {color: #4678bc;}
#homeBoxes li.homeBox2 a {color: #cd4e9c;}
	
#bodyHome #footer ul {width: 324px;margin-top: 0;}
#bodyHome #footer ul li {margin-left: 26px;}