/* CSS Document */

html, body, .wrap {
  margin: 0px ;
  padding:0px;
  	height: 100%;
}
body {
  background: url(../_img/bg.gif) repeat-y left;
  font-family: verdana, arial, helverica, sans-serif;
  padding: 0px ;
}
.wrap {
}
#top {
  height: 85px;
  margin-left:385px;
  overflow: hidden;
  min-width: 440px;  
  
}
#top_right {
  width: 264px;
  height: 85px;
  float: right;
  background: url(../_img/top_right.jpg) no-repeat right;
}
a {
  color: black;
  font-weight: bold;
}


#header {
  height: 203px;
  width:389px;
  position: Absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  margin:0px;
  padding:0px;
  
}

#header span {
  display: block;
  height: 203px;
  width:389px;
  background: url(../_img/wild_compass.jpg) no-repeat top left;
}

#menubar {
  margin-left:385px;
  background: #9C0808;
  text-align: right;
  padding-right:160px;
  margin-bottom: 15px;
  padding-top:2px;
  padding-bottom:2px;
  min-width: 440px;  

}
#menubar a {
  font-size: 0.9em;
  text-decoration: none;
  padding-left:10px;
  padding-right:10px;
  color: white;
  
    font-variant: small-caps;
  letter-spacing: 2px;
  
}

#menubar a:hover {
  text-decoration: underline;
}

#leftpanel {
  position: absolute;
  top: 200px;
  left: 10px;
  padding-bottom:5px;
}

.box {
  width: 180px;
  border: 2px solid #9C0808;
  margin-bottom: 12px;
}

.box div {
  margin-top: 5px;
  margin-bottom:5px;
}

.box h3 {
  margin: 0px ;
  border: none;
  font-size: 0.9em;
  text-align: center;
  margin: 1px ;
  background: #ADBE7B;
  padding-top: 3px;;
  padding-bottom: 3px;
}

#lmenubar a, .links a {
  display: block;
  font-size: 0.8em;
  padding: 4px 9px 4px 9px ;
  margin-left: 1px;;
  margin-right:1px;
}

#lmenubar a:hover {
  background-color: #CECFA5
}

.links a:hover {

}

#content {
  position:absolute;
  top:132px;
  padding-right:160px;
  text-align: justify;
  left:250px;
  font-size: 0.8em;
  min-height:80%;
  background: url(../_img/tree.jpg) no-repeat right bottom;
  padding-bottom: 40px;
}

#sample {
  position: absolute;
  top: 0px;
  left: 320px;
}


#wrap  {
  position:relative;
  min-height: 100%;
  _height:100%;
}

#foot {
  height: 186px;
  position: relative;
  top:-186px;
  right:-120px;
}

#content h2 {
  font-variant: small-caps;
  letter-spacing: 2px;
  font-size: 1.7em;
  border-bottom: 2px solid #9C0808; 
  padding-bottom: 2px;
}

.fleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  
}

.fright {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}