/* Generics  */
body, a, p, div, span, table, tr, td, form, li, em, h1, h2, h3, h4, h5, h6
    {font-family:Arial;
    font-style:normal;
    font-weight:normal}
    
body, p, div, span, table, tr, td, form, li, em
    {font-size:10pt}
    
body, p, div, span, table, tr, td, form, li
    {font-weight:normal;
    color:Gray}
    
a, a:visited, .a
    {color:SteelBlue;
    font-weight:bold;
    text-decoration:none}
    
a:hover 
    {color:Orange;
    font-weight:bold;
    text-decoration:underline}
    
a span
    {font-size:7pt;
    color:SlateGray}

p	{margin:0px;
    padding:15px 0px 15px 0px}

span
    {}
    
div, img
    {margin:auto;
    padding:0px}
    
h1, h2, h3, h4, h5, h6, blockquote
    {margin:0px;
    padding:0px}
     
h1  {padding:15px 0px 5px 0px;
    font-weight:bold;
    font-size:10pt;
    text-decoration:underline;
    color:#036}

h2  {padding:15px 0px 15px 0px;
    font-weight:bold;
    font-size:10pt;
    text-decoration:underline;
    color:#036}

h3  {padding:15px 0px 0px 0px;
    font-weight:bold;
    font-size:10pt;
    text-decoration:underline;
    color:#036}

h4  {padding-top:15px;
    padding-bottom:5px;
    font-weight:bold;
    font-size:10pt;
    color:Black}
  
h5  {}

h6  {}  
    
blockquote
    {padding-top:15px;
    padding-left:20px;
    font-weight:bold;
    font-size:10pt;
    font-style:italic;
    color:#036}

em  {color:#036;
    font-weight:bold}
     
ul  {list-style:disc;
    margin:0px 0px 0px 20px}

ol  {list-style:decimal;
    margin:0px 0px 10px 15px}
	
li  {margin:0px 0px 10px 15px}     /* default margin-left:-15px */

hr  {}

form
    {margin:0px;
    padding:0px}
     
img         
    {margin:0px;
    padding:0px;
    border:none;
    vertical-align:bottom} /* <img> has gap at bottom of 5px in IE7 but not in Firefox  */

     
/* Page structure */
body
    {text-align:center}
   
div.page
    {width:754px;
    text-align:left}
    
div.page2
    {border:solid 2px #aab} /* With div.page (754) this gets over border being part of total width in old browsers */

div.header
    {width:750px}
    
div.body
    {width:750px}
    
div.footer
    {}  

/* Header */
div.www
    {width:750px;
    margin:0px;
    padding:25px 5px 15px 10px;
    text-align:left;
    font-size:9pt;
    font-weight:bold;
    color:#888}
    
div.www b
    {color:#036}

div.banner-pic
    {width:550px;
    height:100px;
    margin:0px;
    padding:0px;
    float:left;
    border-bottom:solid 1px #fff}
    
div.banner-box
    {width:200px;
    height:100px;
    margin:0px;
    padding:0px;
    float:left;
    background-color:#68a;
    border-bottom:solid 1px #fff;
    text-align:right}
    
div.banner-box p
    {margin:0px;
    padding:50px 5px 0px 0px;
    color:#fff;
    font-weight:normal}
    
div.banner-box p em
    {color:#fff;
    font-weight:bold}

/* Main page left hand side */
div.left
    {width:150px;
    height:300px;
    margin:0px;
    padding:0px;
    float:left;
    background-color:#eee}

/* Main page middle */
div.middle
    {width:400px;
    margin:0px;
    padding:0px;
    float:left}
 
/* Main page right hand side */
div.right
    {width:200px;
    margin:0px;
    padding:0px;
    float:left;
    height:300px;
    background-color:#ccc}
    
div.clear
    {clear:both}
    

/* Horizontal menu */
div.menu
    {width:750px;
    margin:0px;
    padding:0px;
    border-bottom:solid 1px white;    
    background-color:#ccc}
    
.menu a, .menu a:visited
    {padding:6px 15px 6px 15px;
    display:block;
    float:left;
    border-right:solid 1px white;
    background-color:#ccc; 
    color:#666;
    font-size:8pt;
    font-weight:normal}
    
.menu a:hover
    {background-color:#aaa;
    color:#fff;
    font-weight:normal; 
    text-decoration:none}  
  
.menu a.c
    {background-color:#68a;
    color:#fff}

 
/* Vertical menus */
div.vmenu
    {margin:0px;
    padding:0px;
    text-align:left}
        
.vmenu ul
    {margin-top:10px;
    padding:0px 0px 0px 10px}
    
.vmenu li
    {margin:0px;
    padding:0px;
    list-style-image:url(files/a.gif)}
   
.vmenu a, .team a:visited
    {font-size:8pt;
    color:#68a;
    font-weight:bold;
    text-decoration:none}
   
.vmenu a:hover 
    {font-size:8pt;
    color:#68a;
    font-weight:bold;
    text-decoration:underline}

.vmenu a.c
    {color:#666;
    font-weight:bold}


/* Links */ 
ul.link
    {margin:0px;
    padding:0px}
     
.link li
    {padding-top:5px;
    padding-bottom:5px;
    color:#036;
    font-weight:bold}
    

/* Persistant contact details */
div.contact
    {padding:20px;
    color:black}
    
.contact h4
    {padding-top:15px;
    padding-bottom:5px;
    color:#68a;
    font-size:12pt;
    font-weight:bold}
    
.contact img
    {margin-right:6px}
    
.contact h5
    {padding-top:15px;
    padding-bottom:15px;
    color:#111;
    font-size:10pt;
    font-weight:bold}
    
.contact p
    {padding-top:5px}
    
.contact a, .contact a:visited
    {color:#68a;
    font-weight:bold;
    text-decoration:none}
   
.contact a:hover 
    {text-decoration:underline}


/* Index page */ 
div.index
    {margin:0px;
    padding:0px;
    text-align:left}
 
div.index2
    {margin:0px;
    padding:10px}
    
     
/* Team page */
div.team
    {margin:0px;
    padding:0px}
    
div.team2
    {margin:0px;
    padding:10px;
    text-align:left}
   
div.team-image
    {width:130px;
    margin:0px;
    padding:0px;
    float:left;
    border:solid 2px #ddd}
    
div.team-image img
    {width:130px;
    margin:0px;
    padding:0px}
    
div.team-text
    {padding:10px 10px 10px 160px;  /* The left padding sits under the floated picture */
    text-align:left} 
    
div.team-text em
    {color:#036}


/* Osteopathy pages */
div.osteopathy
    {margin:0px;
    padding:0px;
    text-align:left}
    
div.osteopathy2
    {margin:0px;
    padding:10px;
    text-align:left}

div.osteopathy3
    {margin:0px;
    padding:0px}

div.osteopathy-text
    {margin:0px;
    padding:0px} 
    
div.osteopathy-text li
    {color:#666;
    font-weight:normal}    
    
div.osteopathy-text em
    {color:#036}

    
/* Questions page */
div.questions
    {margin:0px;
    padding:0px;
    text-align:left}
    
div.questions2
    {padding:10px}
    
div.questions-text
    {}

.questions div.left, .questions div.right
    {height:350px}


/* Contact page */
div.contact1
    {margin:0px;
    padding:0px}
    
div.contact2
    {margin:0px;
    padding:10px}
    
div.contact3
    {}
    
div.contact1-img
    {width:100px;
    margin-top:10px;
    padding:0px;
    float:left}
    
div.contact1-img img
    {width:100px;
    margin:0px;
    padding:0px}
    
div.contact1-text
    {width:260px;
    margin:0px;
    padding:0px 10px 10px 10px;
    float:left}