<!-- .clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both ;
visibility: hidden;

}
* html .clearfix
{
height: 1%;

}

}

}
* 
{
 margin: 0;
  padding: 0;

}

{
 font-family: monospace;

}
img 
{
border: none;

}
acronym, dfn 
{
cursor: help;
 border-bottom: 1px dashed #ccc;

}
body 
{
background: #5C3D00 url(leftshade.png);
 background-repeat: repeat-x;
 color: #3b2720;
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: left;
  margin:0;
 padding: 0;

}
p 
{
margin: 0;
 padding: 0;
 font-size:80%;

}
hr 
{
width: 85%;
 background-color: #705622;
 height: 3px;
 margin: 15px 0 0 50px;

}
--> #pic1 
{
 width: 30%;
 float: right;
 background-color: #ECDFDE;
 


}
.clearfix 
{
display: inline-table;

}
.clearfix 
{
display: block;

}
.footer 
{
float:left;
 width: 94.5%;
 border:1px solid #705622;
 margin: -8px 0 0 0;
 padding-left:4em;
 background-color: #C78B14;
 color:#705622;
 font-weight: bold;

}
.footer a:link, .footer a:visited 
{
 text-decoration: none;
 color: #5C3D00 ;
  font-weight: bold;
}
.footer a:active 
{
;

}
.footer a:hover 
{
text-decoration: underline overline;
     font-weight: bold;
     color: #F0F8FF;
    font-weight: bold;
}
.footer p 
{
 margin: 0;
 padding: 4px;
 text-align: left;
 font-size: 70%;
  font-weight: bold;
}
.footer img 
{
margin-left: 50px;

}
.last 
{
     margin-bottom: 0;

}
.spacer 
{
     height: 0;
     clear: both;
 border:1px dashed blue ;

}
#wrapper 
{
     background: #5C3D00 ;
 width:100%;
 float:right ;

}
#header 
{
height: 10%;
background-color: #5C3D00;
float: left;
width: 100%;
padding-bottom: .5em;
text-align: top;
}
#header h1 
{
font-family: kudasai, chinoiseries, bamboo, wonton, verdana, arial, helvetica, san-serif;
 color: #fff;
 font-size: 230%;

}
#header p 
{
margin: 10px 0 0 50px;
 padding: 0;
 font-family: verdana, arial, helvetica, san-serif;
 color: #fff;
 font-size: 100%;
 font-weight: lighter;

}


#container
{
 width: 100%;
 background: #FFEECC;
 background-repeat: repeat-y;
 float: left;
 padding-bottom: 10px;
 padding-top: 20px;

}
#content
{
background: transparent;
 width: 60%;
 float: left;
 padding-left: 3%;
 padding-right: 10px;

}
#content h2 
{
font-weight: lighter;
 font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:200%;
 color:#705622;
 letter-spacing: 2.5px;
 margin-left: 50px;
 margin-top: 20px;

}
#logo 
{
background-color:#5C3D00 ;
background-image: url('TinerE.gif');
background-repeat: no-repeat;
float: left;

}
#nav
{
  width: 100%;
  background-color:#C78B14 ;
}

  * a.hover
{
color: #FF0000 ;
  }