/*---------------
 CONTAINER ELEMENTS
 ---------------*/
 
html, body{ 
 margin:0; 
 padding:0;
 font: .85em verdana, sans-serif;
 color: #333;
 background-color: #fffbe4;
 height: 100%;
 background-image: url(images/bg.png);
 } 
 
 #pagewidth{ 
 width: 90%;
 margin: 0 auto;
 padding: 0 30px;
 border-top: 10px solid #887f73;
 border-right: 1px solid #f1f1f1;
 border-bottom: 10px solid #887f73;
 border-left: 1px solid #f1f1f1;
 background-color: #fff;
 }
 
  #wrapper {
 height: 100%;
 
 }

 p {
 line-height: 18px;
 } 
 
 /*---------------
 GENERAL ELEMENTS
 ---------------*/
 
 h1, h2, h3, h4, h5 {
 font-family: georgia, serif;

 }
 
 h1 {
 font-size: 2em;
 margin:0;
 padding: 0;
 font-variant: small-caps;
 }
 
 h2 {
 font-size: 1.5em;
 color: #C87954;
 margin:0;
 padding: 0;
 }
 
 h3 {
 font-size: 1.3em;
 color: #926b7d;
 text-transform: capitalize;
 background-color:#FBFAF4;
 padding: 5px;
 padding-left: 0;
 border-bottom: 1px solid #f5f5f5;
 border-right: 1px solid #f5f5f5;
 }
 
 h4 {
 font-size: 1.2em;
 color: #000;
 text-transform:capitalize;
 border-bottom: 1px solid #ccc;
 letter-spacing: .1em;
 }
 
 #rightcol h4 {
 font-size: 13px;
 background-color: #FBFAF4;
 border-bottom: 2px solid #f2f0ea;
 border-right: 1px solid #f2f0ea;
 font-variant: small-caps;
 padding: 7px;
 }
 
 img {
 margin: 10px 0;
 }
 
 #rightcol img {
 padding-bottom: 10px;
 border-bottom: 1px solid #FBFAF4;
 }
 
 #maincol p img {
 float: left;
 margin-right: 20px;
 padding: 5px;
 background-color: #f1f1f1;
 border: 1px solid #dadada;
 }
 
 ul {
 list-style-type: square;
 }
 
 
 /*---------------
      TABLES
 ---------------*/
 
 table {

 border: 1px solid #f1f1f1;
 background-color: #fefdf4;
 border-collapse: collapse;
 }
 
 td, th {
 vertical-align: top;
 padding:10px;
 border: 1px solid #f1f1f1;
 }
 
 tr:hover {
 background-color: #fff;
 }
 
 table#reg {
 font-size: 10px;
 }
 
 table#reg td, table#reg th {
 padding: 3px;
 }

 
 /*---------------
      ANCHORS
 ---------------*/
 
 a, a:link, a:active, a:visited {
 color: #C87954;
 text-decoration: none;
 font-weight: bold;
 }
 
 a:hover {
 color: #926b7d;
 }
 
 a img, a:link img, a:active img, a:visited img {
 border: none;
 }
 
 
 /*---------------
       IDS
 ---------------*/
 
 #banner {
 background-color: #FBFAF4;
 padding: 20px;
 text-align: center;
 border-bottom: 2px solid #f2f0ea;
 border-right: 1px solid #f2f0ea;
 border-left: 1px solid #f2f0ea;
 margin-top: 0;
 margin-left: 220px;
 }
 

  
 #leftcol{
 float:left; 
 width: 200px;
 padding-top: 10px;
 text-align: left;
 text-align: center;
 margin-top: -100px;
  }

  
  #leftcol ul {
  text-align: left;
  }
  
  #leftcol h4 {
  background-color: #867e72;
  border: 1px solid #f1f1f1;
  padding: 5px;
  font-size: 12px;
  color: #fff;
  }
  
 #navigation {
 font-size: .8em;
 text-align: center;
 padding: 5px 20px;
 background-color: #fffffc;
 border-bottom: 1px solid #f2f0ea;
 border-right: 1px solid #f2f0ea;
 border-left: 1px solid #f2f0ea;
 margin-left: 220px;
  }
  
  
 #rightcol{
 width: 160px;
 float:right; 
 padding-bottom: 20px; 
 line-height: 100%;
  }
  
 
 #twocols {
  margin-left: 220px;
  padding-top: 10px;
  border-left: 1px solid #f1f1f1;
  padding-right: 5px;
  }
  
 #maincol{  
 margin-right: 180px;
 line-height: 18px;
 text-align: justify;
 padding: 0 15px;
 }
 

 
 #footer{
 background-color: #FBFAF4;
 margin: 0 auto;
 padding: 20px;
 text-align: center;
 border-top: 2px solid #f2f0ea;
 border-right: 1px solid #f2f0ea;
 border-left: 1px solid #f2f0ea;
 } 
 
 
 /*---------------
     CLASSES
 ---------------*/
 
 .clear {
 clear: left;
 }
 
 .lead {
 background-color: #fff;
 padding: 20px;
 }
 
 #rightcol h4.submenu {
 background-color: transparent;
 border: none;
 margin-bottom: 0;
 }
 
 .subright {
 border: 1px solid #FBFAF4;
 background-color: #fffffc;
   }

 .totop {
 display: block;
 width: 100px;
 margin-top: 20px;
 float: left;
 font-size: .8em;
 }
 
 /*---------------
  LEFT NAVIGATION
 ---------------*/
 
  #navcontainer
{
 font-size: 11px;
 /*margin-top: 15px;
 position:absolute;
 top: 0;
 left: 0;
 width: 100%;
 background-color: #887F73;
 height: 46px;*/
 padding-top: 10px;
 text-align: left;
}

#leftcol #navcontainer ul {
  /*list-style-type: none;
  list-style-image: none;
  margin: 0 auto;
  padding: 0;*/
  }

ul#navlist {
 text-align: left;
 /*padding: 10px 10px 0 10px;
 margin: 0;*/
 font-family: georgia, serif;
 /*background-color: #887F73;*/
 }

ul#navlist li {
 /*display: inline;*/
 margin: 0;
 padding: 0;
 }

ul#navlist li a {
 /*display: inline;
 padding: 0 1.5em 20px 1.5em;*/
 text-decoration: none;
 font-weight: bold;
 /*background-color: #887F73;*/
 }

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #C87954;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
/*color: #C87954;
background-image: url(images/lion.gif);
background-position: bottom center;
background-repeat: no-repeat;*/
}
 
 
 /*---------------
  RIGHT NAVIGATION
 ---------------*/
 
 #rightcol ul{
 list-style-type: none;
 margin: 0;
 padding: 0 0 0 10px;
 line-height: 13px;
 font-weight: bold;
 font-size: .8em;


 }
 
 #rightcol ul li
{
 display: block;
 margin: 0;
 padding: 0;
 }

 #rightcol ul li a {
 display: block;
 width: 80%;
 color: #926B92;
 text-decoration: none;
 font-weight: bold;
 padding: 3px 0 3px 16px;
 background-image: url(images/arrow.png);
 background-position: 3px 50%;
 background-repeat: no-repeat;
}

#rightcol>ul li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #C87954;
}

 #rightcol ul li a:hover,  #rightcol ul li#active a:hover
{
color: #C87954;
background: #FBFAF4;
border-color: #ffe #fff #f1f1f1 #fff;
 background-image: url(images/arrowhover.png);
 background-position: 3px 50%;
 background-repeat: no-repeat;

}

 
 
 /*---------------
       HACKS
 ---------------*/

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* 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;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}