html, body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}

h2 img {
  vertical-align:text-top;
 }
img {
	border: 0;
}

img.centered {
	display: block;
	margin: auto;
	border: 0;
}

div.centered {
  text-align: center;
}

a {
	color: #464544;
}
a:hover {
	color: #666666;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: url(../images/page_bg.gif);
	text-align: center;
	font: 12px arial, sans-serif;
	color: #464544;
	padding-bottom: 10px;
}

#outer {
  background: top left url(../images/page_bg_top.gif) repeat-x;
  padding-top: 20px;
}

/** layout **/
#wrapper {
  text-align: left;
  margin: auto;
  width: 798px;
  background: url(../images/body_bg.gif) repeat-y;
}
#body-bot {
  background: bottom left url(../images/body_bg_bot.jpg) no-repeat;
}
#body-top {
  background: url(../images/body_bg_top.gif) no-repeat;
  min-height: 800px;
  _height: 800px;
  padding-bottom: 14px;
}

/** logo **/

#logo {
  width: 25em;
  height: 85px;
  text-align: center;
}
#logo h1 {
  color: #005200;
  font: 20px arial, sans-serif;
  line-height: 1;
  padding-top: 0.8em;
}
#logo p {
  color: #464544;
  font: 16px arial, sans-serif;
  margin: 0;
}

#sam-logo {
  float:left;
  left:10px;
  position:relative;
  top:-10px;
}

/** add this button **/

#addthis {
  background: #00cc00;
  width: 126px;
  float: right;
  margin-top: -39px;
  margin-right: 20px;
}

/** nav **/

#nav {
  margin-left: 27px;
  background-image: url('../images/menu_bg.gif');
  background-position: -2px -2px;
  background-repeat: no-repeat;
  z-index:9999;
}

#nav img {
  vertical-align:text-top;
 }

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

/** green box **/

#gbox {
  width: 431px;
  margin-top: 47px;
  margin-left: 22px;
  float: left;
  display: inline;
}

#gbox-bg  { background: url(../images/green_bg.gif) repeat-y; }
#gbox-grd { background: bottom url(../images/green_grad_bot.jpg) repeat-x; }
#gbox-top { background: url(../images/green_top.gif) no-repeat; height: 24px; }
#gbox-bot { background: bottom left url(../images/green_bot.gif) no-repeat; height: 23px; }

#gbox-grd {
  min-height: 300px;
  padding: 2px 24px;
  text-align: justify;
}

#gbox h2 {
  font: bold 14px arial, sans-serif;
  color: #000;
  margin: 0;
}

#gbox p {
  margin: 1em 0;
}

#iam-logo {
  float:left;
  margin-top:14px;
  width:80px;
}

#features {
  background: #EDF0C4;
  padding: 14px;
  margin: 0 -14px;
}
#features h2 {
  position: relative;
}
#features ul {
  float: left;
  width: 49%;
  margin: 1em 0;
  padding: 0;
}
#features li {
  list-style: square;
  margin-left: 12px;
}

/** footer **/

#newsletter, #events {
  float: left;
  width: 49%;
  margin-top: 1em;
}
#newsletter h2, #events h2 {
  color: #ffffff;
}
#newsletter .text {
  width: 125px;
}
#newsletter form {
  margin: 0.3em 0 0.6em 0;
}
#newsletter p {
  margin: 0.3em 0;
  font-size: 10px;
}

#events {
  margin-left: 6%;
  width: 38%;
}
#events ul {
  margin: 0.3em 0;
  padding: 0;
}
#events li {
  list-style: none;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

/** grey box **/

#greybox {
  background: url(../images/grey_bg.gif) repeat-y bottom left;
  padding-bottom: 4px;
  width: 326px;
  float:right;
  padding-right:15px;
  margin-top:150px;
  display: inline;
}

#greybox-top {
  background: url(../images/grey_img.jpg) no-repeat;
  padding: 10px;;
  text-align: justify;
}

#greybox h2 {
  font: bold 12px arial, sans-serif;
  color: #E4EE6A;
  line-height: 1.5;
}
#greybox a {
  color: #fff;
}

div.sandbag {
float:left;
height:100px;
width:150px;
}

/** Hidden text for javascript hrefs  **/

.notvisible {
display: none;
}

/**Price splash on main page **/

#price-splash {
background-color:#00CC00;
margin-left:10px;
margin-top:70px;
float:left;
height:31px;
text-align:center;
top:750px;
width:778px;
}

/** Copyright  **/

#copyright {
  font-size: 9px;
  color: #fff;
  margin-top: 10px;
}

/** big green box **/

#big-gbox {
  width: 600px;
  margin-top: 47px;
  margin-left: 22px;
}

#big-gbox-bg  { background: url(../images/big-green_bg.gif) repeat-y; }
#big-gbox-grd { background: bottom url(../images/big-green_grad_bot.jpg) repeat-x; }
#big-gbox-top { background: url(../images/big-green_top.gif) no-repeat; height: 24px; }
#big-gbox-bot { background: bottom left url(../images/big-green_bot.gif) no-repeat; height: 23px; }

#big-gbox-grd {
  min-height: 300px;
  padding: 2px 24px;
  text-align: justify;
}

#big-gbox h2 {
  font: bold 14px arial, sans-serif;
  color: #000;
  margin: 0;
}

#big-gbox p {
  margin: 1em 0;
}

/** magazine page  **/

#magazine {
  width: 100%;
  position: absolute; 
  top: 270px; 
  left: 0px;
  height: 545px;
}

#magazine-text {
  text-align: center; 
  margin: auto; 
  width: 700px;
}  

#magframe {
  width: 90%; 
  height: 100%;
  border: #ffffff;
  border-width: 10px;
  border-style: solid;
}

/** calendar page  **/

#calendar {
  width: 100%;
  position: absolute; 
  top: 270px; 
  left: 0px;
  height: 545px;
}

#calframe {
  width: 95%; 
  height: 100%;
  border: #ffffff;
  border-width: 10px;
  border-style: solid;
  padding: 7px;
  background-color: #00cc00;
}

/**  committee page  **/

#com_posts {
  float: left;
  padding-top: 0px;
  padding-right: 6px;
}

#com_names {
  float: left;
  padding-top: 0px;
  padding-left: 6px;
  padding-right: 6px;
}
#com_tel {
  float: left;
  padding-top: 0px;
  padding-left: 6px;
  padding-right: 6px;
}
#com_links {
  float: left;
  padding-top: 0px;
  text-align: center;
  width: 46px;
}

/**  observers page  **/


#obs_names {
  float: left;
  padding-top: 0px;
  padding-left: 56px;
  padding-right: 6px;
}
#obs_tel {
  float: left;
  padding-top: 0px;
  padding-left: 26px;
  padding-right: 6px;
  width: 180px;
}

/**  Skill for Life page  **/

#howtobe  {
  float:right;
  margin-left:10px;
  padding-top:10px;
}

/** photo gallery  **/

#photogal {
  position: relative; 
  top: -675px; 
  height: 545px;
}

#photoframe {
  width: 900px; 
  height: 100%;
  border: #ffffff;
  border-width: 10px;
  border-style: solid;
  padding: 7px;
  background-color: #00cc00;
}

/** sam shop**/

#shop {
  position: relative; 
  top: -660px; 
  height: 545px;
}

#shopframe {
  width: 818px; 
  height: 100%;
  border: #ffffff;
  border-width: 10px;
  border-style: solid;
  padding: 7px;
  background-color: #00cc00;
}

/** links page**/

#groups p{
  line-height: 22px;
}

#clubs p{
  line-height: 22px;
}

/** guestbook  */

#guest {
border:3px solid #00CC00;
}

#divShowBut {
  display: none;
}

#divHideBut {
  display: none;
}

#divCrowbar {
  display: none;
}

/** photo gallery  **/

#photogaltest {
  position: relative; 
  top: -685px; 
  height: 545px;
}

#photoframetest {
  width: 900px; 
  height: 100%;
  border: #ffffff;
  border-width: 10px;
  border-style: solid;
  padding: 7px;
  background-color: #00cc00;
}
  
/** edit a route  **/

#instructions {
  position: absolute; 
  top: 0px; left: 0px;  
  width: 330px; 
  height: 1650px; 
  border: 4px; 
  border-style: solid; 
  border-color: #005200; 
  background-color: #ffea86; 
  text-align: left; 
  padding-right: 15px; 
  display: none;
}
 
#mapframe {
  position: relative; 
  top: -737px; 
  width: 100%; 
  border: 0px; 
  border-style: none;
}

#pageURLdiv {
  display: none;
}

#closeit {
  position: absolute; 
  top: 4px; 
  right: 4px;
}

#usercontrols {
  float: left;
  border: 1px;
  height: 60px;   
  left: 285px; 
  position:relative; 
  top:-115px; 
  width: 500px;
  z-index: 900;
}

#googleURLcontainer {
  width: 500px; 
  float: right; 
  position: relative; 
  top: -115px; 
  left: 50px;
  z-index: 800;
}