/* basic elements */
body { 
	font: .8em georgia; 
	color: #555753; 
  background: #00A000 url(images/sitebuild/background.gif) repeat-y 50% 0;
	margin: 0px;
  padding: 0px;
  text-align:center;
	}
p { 
	font: .9em georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic bold 1.2em arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	/*color: #C6C0CE;*/
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}


/* specific divs */
#container {
	/*padding: 0px 175px 0px 110px;*/  
	/*margin: 20px 50px 50px 50px;*/
  width: 760px;
	margin-left: auto;
  margin-right: auto;
  margin: 0px auto;
  text-align: left;
  padding: 0px;
	}
#container-index {
	background: url(images/sitebuild/index_bg_candles.jpg) no-repeat; 
	background-position: 0px 130px; 
	/*padding: 0px 175px 0px 110px;*/  
	/*margin: 20px 50px 50px 50px;*/
  width: 760px;
	margin-left: auto;
  margin-right: auto;
  margin: 0px auto;
  text-align: left;
  padding: 0px;
	}
  
#top {
 	background: url(images/sitebuild/bgbar.gif) repeat-x;
  padding: 0px;
  margin-top: 5px;
  width: 100%;
  height: 130px;
}

#pageHeader {
  padding: 0px;
  margin-left: 100px;
	}

#pageHeader h1 { 
	display: none;
  }
  
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
/*
#pageHeader h1 { 
	background: transparent url(images/sitebuild/logotest.gif) no-repeat top left; 
	margin-left: 100px;
  width: 424px;
	height: 160px;
	}
*/

#topNav {
  width: 280px; 
  float: right;
  padding: 0px;
  margin: 35px 0 0 0;
	}
#linkList { 
	font: 1em verdana, sans-serif; 
	padding: 10px; 
	width: 280px; 
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	display: inline; 
	list-style-type: none;
	/*line-height: 2.5ex;*/
	background: transparent url(images/sitebuild/cr1.gif) no-repeat top center; 
	/*padding-top: 5px;*/ 
	margin-right: 5px;
	}
  
  
#mainbody {
  width: 100%;
}
#content {
/*	background: transparent;*/
  /*margin-right: 150px;*/
  margin: 5px 5px 5px 5px;
  background: transparent;
	}
#content-index {
/*	background: transparent;*/
  /*margin-right: 150px;*/
  margin: 161px 5px 5px 15px; /*231*/
  background: transparent;
	}
.map {
	width: 320px;
	float: right;
  text-align: center;
  }
#featureHeading {
	float: left;
  width: 350px;
  margin: 5px;
  font: 3em arial;
	font-weight: bold;
  }
a.featureHeading:link { 
	text-decoration: none; 
	color: black;
	}
a.featureHeading:visited { 
	text-decoration: none; 
	color: black;
	}
a.featureHeading:hover, a:active { 
	text-decoration: none; 
	color: black;
	}  
#featureContainer {
	/*background: transparent url(images/sitebuild/background_grid.gif);*/
  background: white; 
  width: 275px;
  float: right;
  border-left: green solid;
  padding: 0px 5px 5px 5px;
  margin-left: 5px;
}	

form#eventForm {
  width:400px;
  border:1px solid #00A000;
  background: #ccff99;
  margin-left: 50px;
}

  /*drop shadows*/
#shadowbox { margin: 20px; }
.box250 { width: 250px; float: left; margin: 10px; }
.box200 { width: 200px; float: left; margin: 10px; }

.shadowN { background: url(images/sitebuild/shadowN.gif) repeat-x top left; }
.shadowW { background: url(images/sitebuild/shadowW.gif) repeat-y top left; }
.shadowE { background: url(images/sitebuild/shadowE.gif) repeat-y top right; }
.shadowS { background: url(images/sitebuild/shadowS.gif) repeat-x bottom left; }
.shadowNW { background: url(images/sitebuild/shadowNW.gif) no-repeat top left; }
.shadowNE { background: url(images/sitebuild/shadowNE.gif) no-repeat top right; }
.shadowSW { background: url(images/sitebuild/shadowSW.gif) no-repeat bottom left; }
.shadowSE { background: url(images/sitebuild/shadowSE.gif) no-repeat bottom right; }
.shadowOffsetAll { padding: 6px; }
.shadowOffsetT { padding: 6px 0 0 0; }
.shadowOffsetL { padding: 0 0 0 6px; }
.shadowOffsetR { padding: 0 6px 0 0; }
.shadowOffsetB { padding: 0 0 6px 0; }
.shadowOffsetTL { padding: 6px 0 0 6px; }
.shadowOffsetTR { padding: 6px 6px 0 0; }
.shadowOffsetBL { padding: 0 0 6px 6px; }
.shadowOffsetBR { padding: 0 6px 6px 0; }
.shadowOffsetTLR { padding: 6px 6px 0 6px; }
.shadowOffsetBLR { padding: 0 6px 6px 6px; }
.shadowInside { border: 1px solid #cbc; padding:5px; background-color: #fef; }