@charset "utf-8";
body {
	margin:0;
	padding:0;
    background-image: url(bg-gold-wht.jpg)  ;
    background-repeat: repeat-y;
    background-position: center;
	font:  12px/1.5em "Trebuchet MS";
    color: #000000;
}

/************************************ content frame *****/
#container{
   margin: 0 auto;
   padding: 0;
   width:720px;
   /* change this on page to fill shortest column */
  color: #000000;
}

/************************************ banner space *****/
#banner{
   padding: 0;
   margin: 0;
   width: 720px;
   height: 60px;
   /*background-position: center; */
   color:#E1CA24;
   padding-top: 10px;
   font-size: 18px;
   float: left;
}

#banner h1{
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 0;
  font-size: 14px;
  color: #BDBC91;
}
#banner img{

position: absolute;
left: 53%;
}

  /*************************************** horizontal menu *******/
/* tabbed menu is courtesy of exploding-boy.com/image/CSSmenus */

#nav-h-tab {
      float:left;

      width:100%;
background-image: url(bg-gold-wht.jpg)  ;
background-repeat: repeat-y;

      font-size:100%;
       font-weight: bold;
      line-height:normal;
	  border-bottom:2px ridge #669999;;
      }
    #nav-h-tab ul {
	  margin-left: 0px;
	  padding: 0px 10px 0 0;
	  list-style:none;
      }
    #nav-h-tab li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav-h-tab a {
      float:left;
      background:url("tableftf.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav-h-tab a span {
      float:left;
      display:block;
      background:url("tabrightf.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#339999;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav-h-tab a span {float:none;}
    /* End IE5-Mac hack */
    #nav-h-tab a:hover span {
      color:#000000;
      }
    #nav-h-tab a:hover {
      background-position:0% -42px;
      }
    #nav-h-tab a:hover span {
      background-position:100% -42px;
      }

/*************************************** left column settings *****/
#leftinfo{
  padding: 0;
  margin: 0;
  width:180px;
  float:left;
  padding-bottom: 20px;
  color: black;
  font-family: "Trebuchet MS". Verdana, Arial, Helvetica, serif;
}
#leftinfo p {
  padding: 0;
  margin: 0;
  padding-right: 10px;
  padding-left: 5px;
  margin-bottom: 0;
  font-size: 12px;
  color: #000000;
}

#leftinfo h1, #leftinfo h2, #leftinfo {
  padding-left: 5px;
  margin-bottom: 0;
  font-size: 13px;
  color: #009999;
  }
#leftinfo hr{
  padding: 0;
  margin: 0;
  margin-left: -10px;

width: 160px;
}

#leftinfofooter p{
  padding-top: 10px;
  font-size: 70%;
/*  .margin-right: -40px; */
  line-height: 115%;
}

/********************************* 2nd col - main content - settings *****/
#content{
  width: 520px;
  float: right;
  font-family: "Trebuchet MS" Verdana, Arial, Helvetica, serif;
  font-size: 12px;
  border-left: thin;
  border-left-color: #669999;
  border-left-style: ridge;

}
#content h1, #content h2, #content p{
  padding-right: 15px;
  padding-left: 15px;
}

h1{
  font-size: 115%;
  font-weight: bold;
  color: #669999;
  line-height: 90%;
  margin-bottom: 2px;
  margin-top: -1px;
}
p{
  line-height: 120%;
  margin-top: 0px;
  margin-bottom: 1em;
}

/*************************************footer settings*************/
#fullfooter{
  clear: both;
  /* if height is not specified, footer bgcolor will fill any short columns */
  height: 20px;
  font-size: 82%;
  padding-left: 200px;
  background-color: #669999;
  color:#FFFFCC;
}
/* following is used to make the type in each column be visually on the
   same horizontal line. The fonts used are different sizes, so percentages
   and ems won't work. And using this avoids messing with the margins.  */

.hspace {
    height: 10px;
  }