#content {
  margin: 0 540px 0 160px;
  border: 1px solid #b9d2e3;
  background-color: grey;
  color: black;
}
 
 body {
       
        margin: 20px;
	background-image: url("./images/diag_stripe_bg.gif");
	background-repeat: repeat;

        padding: 0;
        font-size:.75em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
      }
      h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 15px 0;
        padding: 0;
        color: #888;
      }
      h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1.1em;
      }
      p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        margin: 0 0 0px 0;
        padding: 2px;
	text-indent: 0em;
	
      }
     li {
	margin-bottom: 0.7em;
}
      .content>p {
        margin: 0;
      }
      .content>p+p {
        text-indent: 0px;
      }
      a {
        color: teal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;
      }
      a:link {
        color: teal;
      }
      a:visited {
        color: teal;
      }
      a:hover {
        background-color: #bbb;
      }
     .featureimage {
     float: right;
     width: 200px;
     margin-right: 5px;
     font-family: Verdana, Arial, Helvetica, sans-serif;        
     font-weight: 400;
     font-size: 1em;
	background-color: aqua;
	}

      /* All the content boxes belong to the content class. */
      .content {
        position: relative;
        width: auto;
        min-width: 120px;
	min-height: 340px;
	height: auto !important;
	height: 340px;	
	top: 210px;
        margin: 0 195px 10px 155px;
        border: 1px solid black;
        background-color: white;
        padding: 10px;
        z-index: 3;
      }
	.copyright {
        position: relative;
        width: auto;
        min-width: 120px;
	top: 210px;
        margin: 0 195px 10px 155px;
        border: 0px solid black;
        padding: 10px;
        z-index: 3;
      }
      #banner {
	position: absolute;
	width: 800px;
	top: 20px;
	left: 20px;
	}
      #navleft {
        position: absolute;
        width: 128px;
        top: 230px;
        left: 20px;
        font-size: 0.9em;
        border: 1px solid black;
        background-color: white;
        padding: 10px;
        z-index: 2;
      }
      #navleft ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      #navright {
        position: absolute;
        width: 168px;
        top: 230px;
        right: 20px;
        border: 1px solid black;
        background-color: #eee;
        padding: 10px;
        z-index: 1;
      }
	#facebookright{
	position: absolute;
	width: 185px;
	top: 620px;
	right: 20px;
	padding: 0px;
	border: 0px solid black;
}

	#calendar{
	position: absolute;
	width: 168px;
	top: 380px;
	right: 20px;
	border: 1px solid black;
	background-color: #eee;
	padding: 10px;
	z-index: 1;
	font-size: .75em;
}
	#calendar h2{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1.1em;
}
	#membership{
        position: absolute;
        width: 128px;
        top: 420px;
        left: 20px;
        font-size: 0.75em;
        border: 1px solid black;
        background-color: white;
        padding: 10px;
        z-index: 2;
}