@import "undohtml.css";
   
/* Construction */ 
 
body {                   
  font: 12px/1.6 "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;  
	background: #FFF url(../i/bck.gif) top repeat-x ;    
  text-align: center;
}    
        
/* Links */
a, a:link { color: #663300; text-decoration: underline;}        
a:visited { color: #7f6d54; text-decoration: underline; }
a.urhere, a:hover { color: #663300; text-decoration: underline; }       
a:active { color: #663300; }

           

p {
  margin-bottom: 10px;   
  color: #333;
}

h1 img {
  position: absolute;
  top: 10px;
  left: 10px; 
}  

h2 {
  font-size: 200%;
  font-weight: lighter;
}   

#secCont{
  padding-top: 10px;
} 

#secCont h2 { 
  width: 200px;   
  font-size: 150%;
  margin-top: 0;  
  line-height: 1.8em;
  padding-left: 20px;
  color: #333333;    
  background: transparent url(../i/leftcorn.gif) top left  no-repeat;  
}          

h3 {
  font-size: 130%;   
  font-weight: lighter;
}   


#secCont h3 {
  font-size: 130%;   
  font-weight: lighter;    
  color: #7B421B; 
  margin-top: 10px;  
}

  
h4 {
  font-size: 120%;   
  font-weight: lighter; 
  margin-top: 5px;   
}


div.speaker h4 {  
  font-size: 150%;  
  color: #7B421B;
}                      

div.speaker {     
  margin: 10px 0;
  padding: 5px 10px; 
  background-color: #EFE8E3; 
  overflow: hidden;
  zoom:1;
}        

div.speaker img {
  float: left; 
  border: 1px solid #CCC;
  padding: 5px;
  background-color: #FFF;  
  margin-right: 10px;

}

#contWrap {
  width: 760px;
  margin: 80px auto 0 auto;   
  text-align: left;     
  background: transparent url(../i/secbck.gif) right repeat-y;
  overflow: hidden;               
}    

#priCont {
  width: 550px;
  float: left;
}

#secCont {
  width: 200px;
  float: right; 
  padding-bottom: 10px;   
  background: #FFF;
}     

#terCont {
  width: 178px;  
  float: right;   
  padding: 0 10px;   
  margin-top: 10px;
} 
        
#terCont p {
  margin-top: 0;
} 

#terCont h3 {
  margin-top: 5px;
}

#secCont p.remaining {
  font-size: 550%;
  line-height: 1.2;
  color: #FF9933;   
  padding: 0 0 10px 0;
  text-align: center;        
  width: 200px;
  background: transparent url(../i/botcorn.gif) bottom right  no-repeat;     
}                                     
#secCont h2{
  margin-top: 10px;
}

#footer {        
  height: 50px;             
  background: transparent url(../i/footbck.gif) 0 10px repeat-x;
} 

#buy {
  /* background: #E6E3CA;    */
  background: #CBBB9F; 
  padding: 10px;
  color: #FFF;
  border: 5px solid #efe8e3;
  overflow: hidden;   
  margin-top: 10px;
  
}           

#buy h4 {  
  margin: 0;
  font-size: 150%;    
}

fieldset {
  border: 1px solid white;   
  padding: 10px;
}                        

legend {
  margin-left: 10px;
}       
 
p.thanks {
  background: #ffef84 url(../i/tick.png) 10px 7px no-repeat;
  border: solid #ffcc55;
  border-width: 2px 0;
  padding: 5px 5px 5px 30px;
}

label {
  text-align: right;   
  width: 10em;
  clear:left;
  display:block;
  float:left;    
  margin: 5px 10px 0 0;
}   

input, select, textarea {
  margin-top: 5px;
  border: 1px solid #CCC;
}
 
  
ul.books {       
  width: 130px;  
  margin: 5px auto 0 auto;
}
  
     
ul.books li {
  float: left;
  margin-right: 5px;
}     

ul.ext li {
  padding-left: 15px;
  background: transparent url(../i/ext.gif) 0 5px no-repeat;  
  margin-bottom: 5px;
} 

iframe {
  margin-top:10px;
}