html,body {
  margin:0;
  padding:0;
  }

body {
  font: 87% arial,sans-serif;
  text-align:center;
  color: #ffffff;
  background-image:url(http://www.photographsbystan.com/images/Background.gif);  
  background-repeat: repeat-x;
  background-color: #a3c380
  }

h1 {
  font-family:Georgia,"Times New Roman",serif;
  font-size: 185%;
  color: #4B4556;
  }

h2 {
  font-family:Georgia,"Times New Roman",serif;
  font-size: 100%;
  color: #114411;
  font-size: 125%;
  font-weight: bold;
  }
  
ul {
  line-height: 1.5;
  }
  
p  {
  margin:0 0 0;
  font-size:120%;
  }
  
a  {
  color: #774768;
  text-decoration: none;  `
  }

  
#header {
  height: 250px;
  position: relative;
  text-align: left;
  width: 100%;
  float: left;
  overflow: hidden;
}  
 
#header h1 {
  height:80px;
  line-height:80px;
  margin:0;
  padding-left:10px;
  color: #79B30B
  }
  
#content p { 
  line-height:1.4;
  }
 
#footer p { 
  margin:0;
  font-size: x-small;
  padding:5px 10px;
  color: #cccc99;
  text-align:center;
  }

#footer a { 
  margin:0;
  font-size: x-small;
  padding:0;
  color: #ccc;
  text-decoration: none;  
  }  
  
#container  { 
  width:800px;
  margin:0 auto;
  }
  
#content { 
  margin-left:300px;
  float:left;
  text-align: left;
  overflow: hidden;
  display:inline;
  }

#widecontent { 
  margin-left:100px;
  text-align: left;
  }
  
#wrapper {
  float:right;
  width:100%;
  margin-left:-300px;  
  overflow: hidden;
  display:block;
  }
  
#navigation { 
  float:left;
  width:300px;
  }

#skinnynavigation { 
  float:left;
  width:100px;
  padding-top: 0px;
  padding-top: 0px;
  }
  
#extra { 
  background:#ff8539;
  float:left;
  clear:left;
  width:300px;
  }
  
#footer {
  color: #ffffff;
  clear:both; 
  width:100%;
  padding-top:15px;
  }

  /* Menu Bar Styles */

#menu {
  width: 500px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  }

#hdimage {
  float: left;
  }
  
#joinlogomenu {
  width:500px;
  height:250px;
  margin: 0 auto;
  float: right;
 }
  
.menu {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  text-align: center;  
  }
.menu li {
  float:left;
  min-width:85px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:85px; 
  float:left; 
  padding: 0;
  }
* html .menu a {
  width:85px;
  }
.menu a span {
  display:block; 
  color:#ffffff; 
  background:#384C3A; 
  border:1px solid #799559; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 12px; 
  cursor:pointer; 
  }
* html .menu a span {
  width:85px; 
  cursor:pointer;  
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #000;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff; 
  }
.menu a:hover span {
  color:#fff ; 
  background:#774768;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#799559; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }