@charset "utf-8";
*{
	margin:0;
	padding:0;
}


#photodiv {
	z-index:2;
	height: 300px;
	overflow: hidden;
	width: 875px;
	margin: 0 auto;
}

body  {
	margin: 0;
	padding: 0;
	background-image:url(images/graphics/line5.gif);
	background-repeat:repeat-x;
}

#Blocations
{
  display: block;
  width: 150px;
  height: 25px;
  background:url(images/buttons/blocations4.png) no-repeat 0 0;
  margin-top:5px;
  margin-bottom:5px;
}

#Blocations:hover
{ 
  background-position: 0 -25px;
}

#Blocations:active{
	background-position:0 -50px;
}

#Blocations span
{
  display: none;
}

#container {
	width: 900px;
	margin: 0 auto;
	background-image: url(images/graphics/backline.png);
	background-repeat:repeat-y;
} 

#header {
	padding: opx;
	height: 200px;
	width: 845px;
	margin: 0 auto;
} 

#ContactButton {
	margin:0px, 5px, 0px, 0px;
}

#ContactButton ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

#ContactButton li{
	padding:3px;
	float:right;
}

#VolunteerButton
{
  display: block;
  width: 150px;
  height: 25px;
  background:url(images/buttons/volunteer.png) no-repeat 0 0;
  margin-top:5px;
  margin-bottom:5px;
}

#VolunteerButton:hover
{ 
  background-position: 0 -25px;
}

#VolunteerButton:active{
	background-position:0 -50px;
}

#VolunteerButton span
{
  display: none;
}

#ContactButton2
{
  display: block;
  width: 150px;
  height: 25px;
  background:url(images/buttons/contactbutton.png) no-repeat 0 0;
  margin-top:5px;
  margin-bottom:5px;
}

#ContactButton2:hover
{ 
  background-position: 0 -25px;
}

#ContactButton2:active{
	background-position:0 -50px;
}

#ContactButton2 span
{
  display: none;
}

#NewsletterButton
{
  display: block;
  width: 150px;
  height: 25px;
  background:url(images/buttons/newsletter.png) no-repeat 0 0;
  margin-top:5px;
  margin-bottom:5px;
}

#NewsletterButton:hover
{ 
  background-position: 0 -25px;
}

#NewsletterButton:active{
	background-position:0 -50px;
}

#NewsletterButton span{
  display: none;
}

#MainBody {
	width:865px;
	margin: 0 auto;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#LeftContent {
	float: left;
	width: 150px;
	padding: 0px 5px 15px 0px;
}

#LeftContent a{
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
}

#LeftContent img{
	margin: 0 auto;
	display:block;
}

#LeftContent ul { 
	list-style:none;
	margin: 0;
	padding: 0;
}

#MainContent {
	padding: 0px 10px 10px 10px;
	width: 690px;
	float: left;
}

#MainContent2 {
	padding: 0px 10px 10px 10px;
	width: 680px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-left-width: 1px;
	float: left;
}

#MainContent a{
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#009;
}

#RightContent {
	width: 150px;
	float:left;
}

#RightContent img{
	display:block;
	margin: 0 auto;
	padding-bottom:5px;
}
	
#DonateButton
{
  display: block;
  width: 130px;
  height: 20px;
  background: url(images/buttons/DonateNow3.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#DonateButton:hover
{ 
  background-position: 0 -20px;
}

#GentillySurveyButton
{
  display: block;
  width: 130px;
  height: 20px;
  background: url(images/buttons/gentillysurvey.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#GentillySurveyButton:hover
{ 
  background-position: 0 -20px;
}

#FacebookButton
{
  display: block;
  width: 130px;
  height: 20px;
  background: url(images/buttons/Facebook3.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#FacebookButton:hover
{ 
  background-position: 0 -20px;
}

#TwitterButton
{
  display: block;
  width: 130px;
  height: 20px;
  background: url(images/buttons/Twitter3.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#TwitterButton:hover
{ 
  background-position: 0 -20px;
}


#LocationsButton
{
  display: block;
  width: 130px;
  height: 20px;
  background:url(images/buttons/BeaconLocations3.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#LocationsButton:hover
{ 
  background-position: 0 -20px;
}
	


#CausesButton
{
  display: block;
  width: 130px;
  height: 20px;
  background: url(images/buttons/Causes3.png) no-repeat 0 0;
  margin:0 auto;
  margin-bottom:6px;
}

#CausesButton:hover
{ 
  background-position: 0 -20px;
}

#images {
	width:835px;
	height: 55px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
}

#menu {
	width:875px;
	margin: 0 auto;
	height: 40px;
	padding-top: 5px;
}

#footer {
	padding: 0 10px 0 20px;
	width: 848px;
	margin: 0 auto;
	height: 130px;
	text-align: center;
	background-color: #999;
	clear: both;
} 

.heading {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14pt;
	color:#C90;
}

.bodyfont {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	line-height:1.5;
	color: #000;
	font-weight: normal;
}

.bodyfont2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
}

.bodyfont3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#060;
}

.bodyfont4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#FF0;
}

.bodyfont5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	font-style:italic;
}

.bodyfont6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#666;
}

.bodyfont7 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#666;
	font-weight: normal;
	font-style: normal;
}

.bodyfont8 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	color:#009;
	font-weight: bold;
}

.bodyfont9 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	line-height:1.4;
}

.bodyfont10 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	color:#009;
	font-weight: bold;
}

.LargeDate2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#666;
}

.LargeDate {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#666;
}

.sidefont {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#666;
}

.sidefont2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt
}

.sidedate{font-family: Georgia, "Times New Roman", Times, serif;
font-size:11pt;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#unordered {
	list-style: none;
	}

#menu ul {
	margin: 0;
	padding: 2px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 3px;
	padding:5px 20px 5px 20px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #333;
	border: none;
}

#menu a:hover {
	text-decoration: none;
	color:#000;
	background-image:url(images/buttons/yellow1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#menu a:active {
	text-decoration: none;
	color:#333;
	background-image:url(images/graphics/yellow3.png);
	background-repeat:no-repeat;
	background-position:center;
}

#clear {clear:both;
}
