@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	background-repeat: no-repeat;
	padding: 0px 10px 10px 10px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: .9em;
}

p {padding-bottom: 10px;}

em {font-style:italic;}

u {text-decoration: underline}

strong {font-weight:bold;}

#container {
	background-image: url(../images/background.jpg);
	width: 848px;
	height: 790px;
	margin:auto;
}

#leftcolumn {
	position: relative;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 790px;
	float: left;
}

#address {
	position: relative;
	margin: auto;
	top: 515px;	
	height: 185px;
	width: 170px;
	color: Grey;
	font-size: 85%;
	padding: 10px;
}

#rightcolumn {
	position: relative;
	top: 0px;
	left: 0px;
	width: 638px;
	height: 760px;
	float: left;
}

#header {
	position: relative;
	top: 0px;
	left: 0px;
	height: 150px;
}

#donate {
	position: absolute;
	top: 30px;
	right: 0px;
	height: 21px;
	width: 74px;
	padding-right: 30px;
	}
	
#header h1 {
	position: absolute;
	top: 51px;
	height: 64px;
	width: 638px;
	background-image: url(../images/header.png);
	}
	
span.hidetext {
	visibility: hidden;
}

#header h2 {
	position: absolute;
	top: 115px;
	height: 34px;
	width: 638px;
}

body.home #header h2 {
	background-image: url(../images/home_subtitle.png);
}

body.mission #header h2 {
	background-image: url(../images/mission_subtitle.png);
}

body.help #header h2 {
	background-image: url(../images/help_subtitle.png);
}

body.contact #header h2 {
	background-image: url(../images/contact_subtitle.png);
}

body.spread #header h2 {
	background-image: url(../images/spread_subtitle.png);
}

.transparent {
	background-color: #ffffff;
	/* for IE */
	filter:alpha(opacity=75);
  	/* CSS3 standard */
	opacity:0.75;
	z-index: 5;
}

.opaque {
	/* for IE */
	filter:alpha(opacity=100);
  	/* CSS3 standard */
	opacity:1;
	z-index: 10;
}

#left {
	float: left;
	width: 380px;
	height: 609px;
}

#content {
	position: relative;
	top: 0;
	width: 380px;
	margin: 10px 0 0 0;
	padding: 10px;
}

#content h3 {
	font-size: 110%;
	font-weight: bold;
}

#content p {
	  color: #000000;
	  font-size: 90%;
}

#content ul {
	list-style-type: disc;
	margin-bottom: 10px;
	font-size: 90%;
}

#content ul li {
	margin-left: 20px;
	padding-bottom: 5px;
}

#right {
	float: right;
	width: 225px
}

#menu, #picture, #whoweare {
	width: 190px;
	padding: 10px;
	margin: 10px 0 10px 0;
}

.current {
	font-weight: bold;	
}

#sponsors {
	height: 75px;
	width: 195px;
	padding: 10px 0 10px 0;
	margin: auto;
}

#sponsors h3 {
	width: 193px;
	height: 31px;
	background-image: url(../images/sponsors.png);
} 

#sponsors li {
	float: left;
	padding-right: 5px;
}

#whoweare h3 {
	font-size: 100%;
	font-weight: bold;
}

#whoweare p {
	  color: #000000;
	  font-size: 90%;
}

#picture {
	padding: 10px;
	margin: auto;
}

#footer {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
	font-size: 70%;
}

#thermometer {
	width: 195px;
	margin: auto;
	text-align: center;
}