/* straightforward implementation of the sliding horizontal menu */
/* from CSS Mastery, pp. 93-95 */

/* problem: square left edge of the right block is not covered by the
   rounded left edge image */

body {
margin:0;
padding:0;
background-color: #003300;
font: normal 11px/1.5em "Helvetica";
}

/************************************ content frame *****/
#container{
visibility: visible;
margin: 0 auto;
padding: 0;
width: 800px;
height: 520px;
background-image: url(images/farm-forest-site-bg.jpg);
background-repeat: no-repeat;
background-color: #000000;    /* change this on page to fill shortest column */
z-index: 0;
}

/*************************************** left column settings *****/
#leftinfo {
  padding: 0;
  margin: 0;
  margin-top: 140px;
  width: 190px;
  float: left;
  font-family: "Helvetica";

}
#leftinfo p.short-menu {
  visibility: hidden;
}

#leftinfo p.domain {
  padding: 0;
  width: 200px;
  margin-top: -30px;
  padding-top: 60px;
  color: #FFFF66;
  font-size: 165%;
  font-weight: bold;
  padding-left: 20px;
}


#leftinfo p.info {
  visibility: visible;
}


#leftinfo img {
  border: none;
}

#leftinfo a {
/* background: url(menu-bg-dk.jpg);  */
background-color: #993300;
 width: 180px;
height: 25px;
margin-top: 5px;
padding-top: 4px;
padding-left: 20px;
display: block;
color: #ffffcc;
font-size: 1.4em;
text-decoration: none;
border-bottom: medium solid black;
}
#leftinfo a:visited {
  color: #C0C0C0;
   width: 180px;
 height: 25px;
  display: block;
}

#leftinfo a:active {
 background: url(over-bg.jpg);
 width: 180px;
 height: 25px;
 display: block;
color: #000;
}

#leftinfo a:hover {
background: url(over-bg.jpg);
 width: 180px;
 height: 25px;
 display: block;
color: #000;
}

#leftinfo p.address {
  visibility: hidden;
}


/********************************* 2nd col - main content - settings *****/
#content{
  visibility: visible;
  width: 450px;
  float: right;
  margin-right: 55px;
  background-color: #FFFFCC;
  font-family: "Helvetica";
  margin-top: 140px;
  font-size: 120%;
  line-height: 140%;
  z-index: 10;
  margin-bottom: -150px;
  border: 8px inset #996600;

}
#content h1, #content h2, p {
  visibility: visible;

  padding-right: 20px;
  padding-left: 20px;
  margin-top: 3px;
  font-family: "Helvetica";
}
#content p {
  padding-top: 10px;
  font-size: 120%;
  visibility: visible;
}

#content img{

  padding-right: 20px;
  float: right;
}

#content h1, h2{
  font-size: 130%;
  font-weight: bold;
  color: #FF0000;
  line-height: 150%;
  margin-bottom: 2px;
}
#content h2 {
    font-size: 105%;
    color: #003300;
    margin-bottom: 0px;
}
#content ul.info {
  font-size: 125%;
  line-height: 140%;
}
#fullfooter {
  clear: both;
  padding: 0;
  margin-top: -60px;
  width: 800px;
  height: 24px;
  color: #FFFF99;
  float: left;
}
#fullfooter p {
  padding: 0;
    background-color: #000000;
    padding-bottom: 6px;
    padding-left: 130px;
    font-size: 100%;
}
#fullfooter a {
  color:  #FFFF99;
  text-decoration: underline;
}