/* Css for Susan Bishop Acupuncture site

*/


body {
    padding: 0;
}

#logoheader{  
       margin:0; 
       padding: .35em 0 .35em 0;
       border-top: 2px outset  #6969d9; 
       background: #fffcf2 url(images/logopng.png) no-repeat;  
       border-right: 2px inset #6969d9;
       border-left: 2px outset #6969d9;
       width: 100%;  
       color: #6969d9; 
        
}


h1 {
   font-family: Georgia, "Times new Roman", serif;
   padding:0;
   margin:0;
   color: #6969d9;
   font-size: 200%;
   padding-right: 20px;
   padding-top: 10px;
   text-align: right; 
   
             
}

h2 {
   font-family: Georgia, "Times new Roman", serif;
   margin:0;
   padding:0;
   color: #6969d9;
   font-size: 100%;
   text-align: right;
   padding-top: 10px;   
   padding-right: 20px;
   margin-bottom: 10px;  
   
   
}

h3 {
  font-family: Georgia, "Times new Roman", serif;
  color: #6969d9;
  font-size: 130%;
  background-color: #ffffff;
}

h4 {
   font-family: Georgia, "Times new Roman", serif;
   color: #6969d9;
   font-size: 105%;
   background-color: #ffffff;
  
}


#backtotop a {
  font-family: Georgia, "Times new Roman", serif;
  color: #6969d9;
  font-size: 100%;  
  background: #fffcf2;
  text-decoration: none;
  
}

#bodycontentfaq a.backtotop1  {
  font-family: Georgia, "Times new Roman", serif;
  color: #6969d9;
  font-size: 100%;  
  background-color: #fffcf2;
  text-decoration: none;
  
}

 
.feature {
   float: right;
   margin: 10px 0 15px 25px;
   border-top: 1px solid #809fff;
   border-right: 1px solid #809fff;
}

    


.featurefaq {
   float:right;
   margin: 0 10px 0 0;
   width: 30%;   
}


.featureyin {
   float: left;
   margin: 5px 10px 0 5px;
   padding: 0;
} 





#bodycontent {
      font-family: arial, "trebuchet ms", arial, verdana, sans-serif;
      color: #515199;
      text-align: justify;
      padding:0;
      margin: 0 10px 0 10px;
      background-color: #ffffff;
      font-size: 95%;    
}

#bodycontentindex {
      font-family: arial, "trebuchet ms", arial, verdana, sans-serif;
      color: #515199;
      text-align: justify;
      padding:0 0 50px 0;
      margin: 0 10px 75px 10px;
      background-color: #ffffff;
      font-size: 95%;    
}


#bodycontentfaq {
      font-family: arial, "trebuchet ms", arial, verdana, sans-serif;
      color: #515199;
      text-align: justify;
      margin:0 10px 0 10px;
      padding:0;
      background-color: #ffffff;
      font-size: 95%;    
    
}



#bodycontentclinics {
      font-family: arial, "trebuchet ms", arial, verdana, sans-serif;
      color: #515199;
      background-color: #ffffff;
      font-size: 95%;
      margin: 0 10px 0 10px;
      text-align: justify;
} 

#footer {
      font-family: arial, "trebuchet ms", arial, verdana, sans-serif;
      color: #515199;
      font-size: 60%;
      padding:0;
      margin:0;
      margin-top: 50px;        
      text-align: center; 
      background-color: #ffffff;
} 
       



#sandersteadaddress ul{
     margin: 0 0 0 2px;
     padding: 0;
     list-style: none;
          
}

#westwickhamaddress ul{
     margin: 0 0 0 2px;
     padding: 0;
     list-style: none;       
} 

  
.sandersteadmap { 
     float: right;
     margin: 0 10px 0 0;
     border: 1px solid ;        
}


 
#sandersteadaddress {
      Margin-bottom: 85px;
}

  
.westwickhammap { 
     float: right;
     margin: 0 10px 0 0;    
     border: 1px solid;        
} 


#westwickhamaddress {
      Margin-bottom: 80px;
}

#prices li {
    list-style: none;
}


     


#faqnav {
     margin: 0 5px 15px 10px;
     float:left;
     width: 100%;     
     padding:0; 
   
}

#faqnav ul{
     padding: 0;
     list-style:none;
     margin: 0;
     
}

#faqnav li{
     padding: 0;
     list-style: none;
}  




#faqnav a {
     text-decoration: none;
     font: bold 105% Georgia, "Times new Roman", serif;
     color: #6969d9;  
     background-color: #ffffff;     
}


#wholist1 {
     float: left;
     margin: 0 30px 10px 0;
     width: 30%;     
}


#wholist2 {
     margin: 0 30px 30px 0;
}








#header {
     margin:0;
     float:left;
     width: 100%;
     border-bottom: 2px inset #6969d9;
     margin-bottom: 1.5em;
     border-right: 2px inset #6969d9;
     border-left: 2px outset #6969d9;
     background: #fffcf2;     
}
     

   
#header ul{
     margin: 0;
     padding: 2em 0 0 0;
     list-style: none;
     margin-left: 2px;        
} 

#header li {
    float: left;
    background: url(images/tab_left1.gif) no-repeat;
    margin: 0 1px 0 0;
    padding: 0px 0px 0px 8px;
    font-family: Georgia, "Times new Roman", serif;
    font-size: 105%;
}



#header a {
     float: left;
     display: block;     
     padding: 0.2em 2em 0.2em 0;
     text-decoration: none;
     background: url(images/tab_right1.gif) no-repeat right top; 
     color: #6969d9;
     font-weight: bold;
}





#index #header li.index, 
#about #header li.about,
#treatment #header li.treatment,
#faq #header li.faq,
#clinics #header li.clinics,
#conditions #header li.conditions {  
    background-image: url(images/tab_active_left.gif);
    background-color: transparent;
}
   

#index #header li.index a, 
#about #header li.about a,
#treatment #header li.treatment a,
#faq #header li.faq a, 
#clinics #header li.clinics a,
#conditions #header li.conditions a {  
    background-image: url(images/tab_active_right.gif);
    color: #fffcf2; 
}


#tabnav a:active {
   text-decoration: none;
}