body {
    font-family: 'Andale Mono', Arial, sans-serif;
    background-color: white;
    background-image: url(realtreecamo.jpg);
    background-repeat: repeat;
    margin: 0;
    text-align: center;
  }

  #whole_page {
    width: 957px;
    margin: auto;
    padding: 0 0 3em;
    text-align: left;
    border-width:  2px 2px 2px 2px;
    border-color:  darkorange;
    border-style:  solid
    z-index: 50;
  }
 
  #header {

    color: white;
    background: transparent; 
    font-size: 15pt;
    padding: 0em;
    margin-bottom: 0px;
    text-align: center;
    z-index: 10;
  }

  #nav {
    color: white;
    font-size: 12pt;
    font-weight: bold;
    background: transparent;
    border: 0px solid white;
    z-index: 100;
  }

  .content {
    height: 100%;
    background: url(content_bg.png);
    background-repeat: repeat;
    padding: 0.1em 0.75em 1em;
  }
  #log {
	  background            : #f8f8f8;
	  border                : 1px solid black;
	  padding               : 0.3em;
	  margin-top            : 8px;
	  z-index               : 100;
  }


  .result {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
   
  #log_res {
    visibility: visible;
    overflow: auto;
    text-align: center;
  }    

  span.nav {
   position: relative; top: 20px; left: 12px;
  }

  #nav a, #nav a:visited  {
    color: white;
    text-decoration: none;
    outline: none;
  }

  #nav a:hover {
    border-bottom: 2px solid white;
  }

  span.listenlight_container {
    text-align                   : center;
  }
  
  span.listenlight_text_engine {
    font-family                  : 'Andale Mono', sans-serif;
    font-weight                  : bold;
    font-size                    : 12pt;
    line-height                  : 1.5em;
    color                        : black;
    visibility                   : hidden;
  }
  
  #content h1 {
    font-size: 18pt;
  }


  #kwicks_container {
    position: relative;
    height: 65px
    width:  850px;
    text-align: center;
    background: white; 
	background-color: transparent;
  }
  
  #kwicks {
	  position: relative;
	  font-weight: bold;
	  font-size: larger;
  }
   
  #kwicks .kwick {
	  float: left;
	  display: block;
	  width: 172px;
	  height: 62px;
	  text-align: left;
  }
  #kwick_home  {background-color: saddlebrown; border: 2px solid black;}
  #kwick_available {background-color: darkgoldenrod; border: 2px solid black;}   

  #kwick_information {background-color: darkkhaki; border: 2px solid black;}

  #kwick_options {background-color: olivedrab; border: 2px solid black;}
  #kwick_contact {background-color: darkslategray; border: 2px solid black;}

 
  #start a { 
	  font-weight           : bold;
  }
  
  form.query, form input {
    font-family           : 'Andale Mono', Arial, sans-serif;
    font-weight           : normal;
    font-size             : 9pt;
  }
  
  table.pictured {
    width                 : 100%;
    border-width          : 1px 1px 1px 1px;
    border-spacing        : 3px;
    border-style          : double double double double;
    border-color          : rgb(195, 173, 50) rgb(195, 173, 50) rgb(195, 173, 50) rgb(195, 173, 50);
    border-collapse       : separate;
    background-color      : ivory;
  }
  table.pictured th {
    border-width          : thin thin thin thin;
    padding               : 5px 5px 5px 5px;
    border-style          : outset outset outset outset;
    border-color          : ivory ivory ivory ivory;
    background-color      : ivory;
    -moz-border-radius    : 0px 0px 0px 0px;
  }
  table.pictured td {
    border-width          : thin thin thin thin;
    padding               : 10px 13px 10px 11px;
    border-style          : outset outset outset outset;
    border-color          : ivory ivory ivory ivory;
	  background-color      : ivory;
    -moz-border-radius    : 0px 0px 0px 0px;
    font-weight           : bold;
    font-size             : 11pt;
  }
  
  .photo_data img {
    border                : 1px solid darkgoldenrod;
  }
  
  .featured {
    float                 : left;
    padding               : 0.75em;
  }
  
  .featured_text {
    position              : relative;
    left                  : 3%;
    color                 : black;  
  }
  
  .float_object {
    float                 : left;
    padding-right         : 25px;
  }
  
  .tool-tip {
    color                 : #fff;
    width                 : 139px;
    z-index               : 13000;
  }

  .tool-title {
    font-weight           : bold;
    font-size             : 14px;
    margin                : 0;
    color                 : #C3AD32;
    padding               : 8px 8px 4px;
    letter-spacing        : 2px;
    font-variant          : small-caps;
    background            : url(bubble.png) top left;
  }

  .tool-text {
    font-size             : 12px;
    font-variant          : small-caps;
    padding               : 4px 6px 8px;
    background            : url(bubble.png) bottom right;
  }

  .custom-tip {
    color                 : #000;
    width                 : 140px;
    z-index               : 13000;
  }

  .custom-title {
    font-weight           : bold;
    font-size             : 13px;
    margin                : 0;
    color                 : #C3AD32;
    padding               : 8px 8px 4px;
    background            : #C3DF7D;
    border-bottom         : 1px solid #B5CF74;
  }

  .custom-text {
    font-size             : 11px;
    padding               : 4px 8px 8px;
    background            : #CFDFA7;
  }
  
  a img {
    border                : none;
    outline               : none;
  }