body { background-color: #ffffff;
margin:0;
padding:0;
border:0; 
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;

}

#wrapper { width:1000px;
margin-left: auto;
margin-right: auto;
border: 2px solid #666666;
background-color: #ffffff;
padding: 0 0px 0 0px;
text-align: left;

}

#container {
 padding: 0.5em;

}

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

}
 /* slightly enhanced, universal clearfix hack */
.clearfix { 
display: inline-block; 

}
/* start commented backslash hack \*/ * 

html .clearfix { height: 1%; 

}

.clearfix { display: block; 

} /* close commented backslash hack */


}

h1  { 
 font-size: 20px;
 font-weight: bold;
 font-style: italic;
 color: #666666;
 text-align: center;
}

h2 {
 font-size: 20px;
 font-weight: bold;
 color: #666666;
 margin: 10px 0 10px 0;

}

h3 {
 font-size: 15px;
 color: #666666;
 border-bottom: 2px dashed #ff6633;

}

h4 {
 font-size: 10px;
 color: #666666;

}

p {
 margin:.20px 0 20px 0;
 padding: 0px;
 font-size: 80%;
 font-family: Verdana, serif;
 line-height: 15px;

}

ul {
 font-size: 80%
 font-family: Verdana, serif;

}

#header {
 border-top: 1px solid #FF9933;
 border-bottom: 1px dotted #ff9933;
 height: 110px;
 clear: both;

}


#header .logo {
 float: left;
 margin-left: 1em;
 margin-top: 1em;

}

#header .header-text {
 float: right;

}

#left-col h3 {
 margin-top: 20px;
 margin-left: 0;
 padding: 0;
 margin-bottom: 20px;

}

#left-col {
 float: left;
 width: 200px;
 height: 1000px;
 background-image:url(nav-background.jpg);
 background-repeat:repeat-x;
 border-right: 1px double #ff9933;
 margin-left: 5px;
 margin-top:10px;
 padding: 0;			                                                          

}

#left-col ul .text { 
 width: 200px;
 float: left;
 
background-color: #ff9933;
  
 border: 1px inset #ff9933;
 margin: 0;
 padding: 0;
 


}

#left-col ul {

 list-style: none;
   
 width: 200px;
 padding: 0 0px 0 0px;

 margin: 0;
  


}

#left-col li {
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;

  margin-bottom: 1em; 
  border-bottom: 1px solid #ff9933;



}


#left-col a:link, #left-col a:visited {
  
 text-decoration: none;
  
 color: #666666;
  
 background-color: transparent;


}


#left-col a:hover { 
 color: #ff9933;


}

a { color: #ff6633;

}

a:hover { text-decoration: none;
color: #ffffff;
background-color: #ff6633;

}

.quality {
 margin-top: 30px;
 margin-left: 10px;
 
}

#mid-col { 
 float: left;
 width: 700px;
 padding: 0 8px 0 8px;

}

#mid-col h1 { 
 font-size: 25px;
 font-weight: bold;
 font-style: italic;
 color: #666666;
 margin-top: 16px;
 margin-bottom: 20px;

}

#mid-col ul {
 font-size: 12px;
 line-height: 15px

}

.mill{
 float: right;
 margin: 5px;

}

.langley {
 margin-left: 60px;

}

.countryside {
 margin-left: 150px;
 margin-bottom: 20px;

}

.iso-picture {
 margin-left: 35px;
 margin-top: 105px;

}

#form {
 text-align: center;

}


#footer {
  clear: both;
  padding-top: 1em;
  border-top: 2px dotted #ff9933;
  border-bottom: 2px solid #ff9933;

}

#footer-navigation {
  font-size: 80%;
  text-align: center;

}

#footer-navigation ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-top: 1em;

}

#footer-navigation li {
  display: inline;


}

#footer-navigation a:link, #footer-navigation a:visited {
  margin-right: 2em;
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: #a62020;
  background-color: #ffffff;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #717171;
  border-right: 1px solid #717171;

}

#footer-navigation a:hover {
  border-top: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;

}