@import "navmenu.css";

body
{
  background: #621908;
  margin: 0;
  padding:0;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: small;
}

address { font-style:normal; }

#container-wrapper
{
  padding-left:180px;

  padding-right:200px;

}

#container{
  background-color:#fff;
  float:left;
  border-left:180px solid #661A08;
  margin-left:-180px;
  width:100%;
  display:inline; /* So IE plays nice */

  border-right:200px solid #661A08;
  margin-right:-200px;


}


#leftframe{
  float:left;
  width:180px;
  margin-left:-180px;
  position:relative;
}

#rightframe{
  float:right;
  width:200px;
  margin-right:-200px;
  position:relative;
}

#content{
  float:left;
  width:100%;
  margin-right:-100%;
}


#inner-content { padding: 0 1em 1em 1em; }


#body-wrapper /* this is because IE doesn't like max/min widths in body */
{
  max-width: 1000px; /* keeps text from becoming unreadable due to line length */
  min-width: 770px;  /* keeps text from becoming unreadable due to line length */
}

.bold {font-weight: bold;}
.center {text-align: center;}
.viewall { font-size:80%; text-align: center;}
.moremessage { font-size:80% }
.returnmessage { text-align: center;}

div.spacer  { clear: both; font-size:0px; line-height:0px; height:0px }


#header
{
  position:relative;
  height:94px;
  width:100%;
  background:url('/images/headerbg.jpg') no-repeat;

}

#header img#logo
{
  position:absolute;
  left:10px;
  top: 8px;
  border:0;
}

#header img#slogan
{
  position:absolute;
  right:20px;
  top: 32px;
}


#footer
{
  width:100%;
  color:#fff;
  font-size:80%;
  text-align:center;
  padding:.5em 0;
  clear:both;
}

#footer a
{
  color:#aaf;
}

#footer a:visited
{
  color:#a56AdB;
}



#print-header,
#print-footer { display:none; }

#content h1 { font-size:130%; }
#content h2 { font-size:120%; }
#content h3 { font-size:110%; }
#content h4 { font-size:100%; }

#content div.photo
{
  float:right;
  margin:0 0 1em 1em;
}

#content div.photo img
{
  border:#661A08 solid 1px;
}

#content div.photo p.caption
{
  font-weight:bold;
  font-size:80%;
  margin-top:0;
  text-align:center;
}

#content label
{
  width:8em;
  margin-right:3px;
  text-align:right;
  font-weight:bold;
  display:block;
  float:left;
}

#content .captcha img { float:left }

#content form div { clear:both; }

#rightframe h2
{
  font-size:110%;
  font-weight:bold;
}

#rightframe a { color:#aaf; }

#rightframe ul
{
  list-style:none;
  margin:0; 
  padding:0;
  font-size:85%;
  color:#fff;
}

#rightframe li
{
  padding:.5em 0 .5em 1em;
  margin:0;
  border-bottom:1px solid #842209;
}

#rightframe a img.header
{
  border:0;
}

.biophoto { float:right; }