/* generated by ol' stevo */ 

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


body {
  font-family: Verdana, Geneva, sans-serif;
  background-color: #ca5; /* 204, 170, 85 */
  background-image: url(images/24.x.tile.10.png);
  background-repeat: repeat;
}

p {
  margin:0.5em;
  padding: 0.5em 2em;
}

.emphasis {
  font-style: oblique;
}

/*  selection style
::-moz-selection{
	background:#cc0000;
	color:#fd5;
}

::selection {
	background:#cc0000;
	color:#fd5;
}
*/

h1, h2, h3 {
  text-align: center;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.25em;
}


h4, h5, h6 {
  text-align: center;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.1em;
  margin-left: 1.5em;
}

h1.header {
  margin: 0; 
  padding: 1em 0 0 0;
  font-size: 200%;
  letter-spacing: 0.2em;
  text-align: center;
  color: #531;
}

h1.sidebar {
  margin: 0; 
  padding: 1.0em 0 1em 0;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  color: #531;  
}

p.standout {
  margin: 0.5em 0 0 0; 
  padding: 0;
  text-align: center; 
}

.bframe {
  border: 3px solid #531;
}

#header{
  position:relative; 
  height:105px; 
  left: 135px;
  right: 130px;
  top: 0;
  position: absolute;
  background-color: #FFEA9F;  /* 153, 85, 34 */
  border-bottom: 5px solid #a10;

  border-right: 5px double #AD7736;

/*  background-image: url(images/24.x.header.tile.01.png);
  background-repeat: repeat; */
} 

#top-right {
  background-color: #ca5; 
  width:135px; /* make 130px if 5px left border */
  height: 105px;
  float:right; 
  position:relative; 
/*  border-left: 5px double #AD7736; */
  border-bottom: 5px solid #a10;

  background-image: url(images/24.x.tile.10.png);
  background-repeat: repeat;

  }

#logo {
  background-color:#fff; 
  width:130px;
  height: 105px;
  float:left; 
  position:relative; 
  border-right: 5px double #AD7736;
  border-bottom: 5px solid #a10;
}


#maincol{
  font-size: 80%;
  color: #531;
  top: 110px;
  right: 130px;
  bottom: 0;
  left: 130px; /* logo with border is 135px */
  position: absolute;
  overflow: auto;
  background: #FFEA9F none;
  border-right: 5px double #AD7736;
  border-left: 5px double #AD7736;
  padding: 0 5%;
}

#maincol a {  
/*  font-size: 80%; */
}

#maincol a:link,
 #maincol a:visited {
  color:#a31;
  text-decoration:none;
  border-bottom: 1px dotted #a31; /* was #f90 */
}
  
#maincol a:hover {
  color:#c20;
  border-bottom: 1px solid #fd5;
}

table {
  margin: 1em auto;
  border: none;
}

table.features td {
  text-align: center;
  padding: 0.4em 0.7em;
}


table.directory {
  border:none;
  margin-left: 5%;
  margin-right: 1%;
}

table.directory td {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

table.directory td:first-child {
  text-align: right;
  padding-right: 0.5em;
}


ul {
  margin: 0.5em 0 0.25em 10%;
}

/* BEGIN http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */ 
/* -------------------------------------------------- */
/* boxtab */
/* -------------------------------------------------- */
#boxtab {
  clear: left;
  float: left;
  padding: 0;
  background: #FFEA9F;
  width: 100%;
  overflow: hidden;
  font-size: 72%;
  position: absolute;
  bottom: 0px;
}

#boxtab ul { /* container offset to right of center */
  float: left;
  margin: 0;
  padding: 0;
  bottom: 0px;
  list-style: none;
  position: relative; 
  left: 50%;
  text-align: center;
}

  #boxtab ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 2px; /*space between tabs */
    border-top: 1px solid #531;
    border-left: 1px solid #531;
    border-right: 1px solid #531;
    position: relative;
    right: 50%;
    letter-spacing: 0.2em;
  }

    #boxtab ul li a {
      padding: 0 3px; /* space around labels */
      background: #dc9;
      color: #531;
      text-decoration: none;
      position: relative;
      bottom: 0px;
     }

    #boxtab ul li a:hover {
      background: #a31;
      color: #ca5;
    }
    
    #boxtab ul li.active {
    }
    
    #boxtab ul li.active a,
    #boxtab ul li.active a:hover {
/* an attempt at making the red margin disappear for the active tab */
/*      margin-bottom: -5px; border-bottom: #ca5 solid 5px;         */
      background: #ca5;
      color: #531;
    }
    
      #boxtab ul li.active a:hover {
      background: #AD7736;
      color: #952;
      text-decoration: none;

      }
/* END BoxTab*/  



#footer {
  clear:both;  
/*
  left: 0;
  bottom: 0;
  right: 0;
  margin-left: 135px;
  float: left;

*/
  padding: 4px 0 4px 0;
  height: 1.0em;
  background-color: #AD7736;
}

#footer p {
  margin: 0; 
  padding: 0;
  text-align: center;
  font-size: 0.75em; 
}

#footer p a:link {  /* it's for the golden star */
  color:#f90;
  text-decoration: none;
  font-size: 1.0em;
  border: none;
}

#footer p a:hover {
  color:#ffdd55;
  border: none;

}

#footer p a.active,
#footer p a.active:hover {
  color: #fd5;
  border: none;
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** 
  is this related to IE Win hasLayout flag? http://www.satzansatz.de/cssd/onhavinglayout.html */ 

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}