@charset "utf-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

}

body {

	background-color: #5f5540;

	font-family: Verdana, Arial,Helvetica, sans-serif;

	font-size: 11px;

	line-height: 16px;

}

#snapshot {
	margin-right: 35px;
	margin-left: -3px;
	padding-left: 5px;
	border: thin inset #ccc;
	background-color: #EFE6BA;
	
}

#surround {

	width: 1024px;

	margin: 0 auto;

	background-color: #b38500;

	position: relative;

	}



table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td, th {
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#top {

	background: url(images/header.png) no-repeat; 

	height: 184px;

	width: 1024px; }

	

#top .right {

	text-decoration: none;

	position: absolute;

	right: 8px;

	font-weight: bold;

	}

	

#top .right a {

	text-decoration:none;

	color: #5f5540;

	}



#top .right a:hover {

	background-color: #b38500;

	color: #fff;

	}



#globe {

	position:absolute;

	width:80;

	height:80;

	z-index:1;

	left: 757px;

	top: 23px;

}

	

#content {



}



#leftNav {

	width: 170px;

	background-image: url(images/leftSideBar.jpg);

	font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	padding-left: 14px;

	padding-top: 12px;

	line-height: 40px;

	min-height: 512px;

	float: left;

	}



#leftNav a {

	color: #5f5540;

	text-decoration: none;

	}



#leftNav a:hover {

	background-color: #b38500;

	color: #fff;

	}



#mainContentArea {
	float: left;
	width: 565px;
	/*	background-color: #b38500;   why is this needed, should be coming from surround background color ????  */	

  	background-image: url(images/bkgrnd_contentArea.jpg);
	min-height: 560px;
	color: #FFF;
	line-height: 18px;
	padding-left: 7px;
	padding-right: 20px;
	padding-bottom: 10px;
	/*position: relative;*/

	

	}



#mainContentArea a:hover {

	text-decoration:underline;

	color: #06C;

	/* Added by Corey Gibson 10-1-10 for Better Business Bureau links under resouces page*/

}

	

	

h2 {

	font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: bold;

	padding-bottom: 7px;

	padding-top: 3px;

	}

h3 {

	font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	width: 450px;	

	border-bottom-color: #fff;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	padding-bottom: 8px;

	}

h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	padding-top: 10px;

	}

	

p {
	padding-top: 14px;
	text-align: left;

	}

	

#mainContentArea a {

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

	}

	

ul {

	margin-left: 30px;

	}

ul li {

	padding-bottom: 7px;

	}

#rightSideBar {

	float: left;

	background-color: #b38500;	

	padding: 20px 17px 20px 10px;	

}



.rightSideBox {

	width: 221px;

	}



.topSideBar {

	background-image: url(images/top_upcomingEvents.jpg);

	width: 221px;

	height: 20px;

	}



.sideBarHeight {

	background-color: #f5ecd3;

	padding-left: 7px;

	line-height: 26px;

	width: 214px;

	}



.caption {

	line-height: 14px;

	}

			

.bottomSideBar {

	background-image: url(images/bottom_sideBar.jpg);

	width: 221px;

	height: 13px;

	}

	

.rightSideBarHdg {

	background-color: #b38500;

	color: #5f5540;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	padding: 1px 0px 3px 0px;

	border-left: solid 2px #5f5540;

	border-right: solid 2px #5f5540;	

	}



img {

	padding: 3px;

	border: solid 1px;

	margin-left: 3px;

	margin-right: 3px;

	}



.noBorder {

	border: none;

}



.marginImg {

	margin: 7px;

	}

	

.clear {

	clear:both;

}



#footer {

	width: 1018px;

	text-align: center;

	color: #5f5540;

	padding: 3px;

	border-top-style: solid;

	border-top-width: 1px;

	}

	

/* slideshow parameters */

#gallery {

  position:relative;

  height:350px;

 /* margin-top: 300px;*/

  }

#gallery a {

  float:left;

  position:absolute;

  right: 0;

  }



#gallery a img {

  border:none;

  }



#gallery a.show {

  z-index:500

  }



#gallery .caption {

  z-index:600; 

  background-color:#5f5540; 

  color:#ffffff; 

  height:50px; 

  width:90%; 

  position:absolute;

  right: 0;

  bottom:0;

  }



#gallery .caption .content {

  margin:5px;

  text-align: right;

  }



#gallery .caption .content h3 {

  margin:0;

  padding:3px;

  border: none;

  }



/* repeat for small galleries on secondary pages */

#smgallery {

  position:relative;

  height:230px

  }

#smgallery a {

  float:left;

  position:absolute;

  right: 0;

  }



#smgallery a img {

  border:none;

  }



#smgallery a.show {

  z-index:500

  }



#smgallery .caption {

  z-index:600; 

  background-color:#5f5540; 

  color:#ffffff; 

  height:40px; 

 /* width:80px;*/

  position:absolute;

  right: 0;

  bottom:0;

  }



#smgallery .caption .content {

  margin:5px;

  text-align: right;

  }



#smgallery .caption .content h3 {

  font-size: 14px;

  margin:0;

  padding:3px;

  border: none;

  }

blockquote {

	padding-left: 30px;

}

#news_front_page {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-top: 300px;
	
}

#making_difference  {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-top: 50px;
	
}