/* hib.css */

body {
    background-color: #7bb5c3;          /*  lighter   */
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 800px;
    margin: 0px auto;
    padding: 10px;
    background-color: white;
    border: 2px solid #ccc;
    color: gray;
    font-size: 0.8em;           /*  bulk of the site's text  */
    font-weight: normal;
}

/* Styling the links ***************************/
a:link {
 color: #248ba7;            /*   darker  */
}
a:visited {
 color: gray;
}
a:hover, a:active {
 color: #7bb5c3;            /*   lighter  */
}

/* Styling the header **************************/

#header {
    width: 90%
    height: 160px;
    padding-bottom: 10px;        
}
 
#HdrLogo img {
    position: relative;
    height: 55px; 
    width: 475px; 
    padding-bottom: 20px;
}
    
#HdrTagLine0 {                  /*   homeopath  */          
    height: auto;
    width: 158px;
    font-size: 1.2em;   
    text-align: right;
}
    
#HdrTagLine1 {                 /*   gentle & rapid ....  */    
    height: auto;
    width: 610px; 
    color: #248ba7;                  /*   darker  */
    font-style: italic;
    font-size: 1.0em;   
    font-weight: bold;    
    text-align: right;
}
 
/* Styling the navigation menu *******************/

#navigation {
    width: 100%; 
}
  
#navigation ul {
    padding: 3px 0; 
    list-style: none;
    background-color: #248ba7;       /*  darker    */
    margin-left: 0;                 /*   req'd for IE7   */  
}
 
#navigation li {
    display: inline; 
/*    font-size: 0.8em;       */
    padding: 1px 1.0em; 
}

#navigation ul li a {
    color: white; 
    text-decoration: none;
}
 
span.current {                     /* current nav item  */
    color: #248ba7;                /*  darker    */
    background-color: white;
    border: 1px solid #248ba7;     
}

/* Styling the main content ************************/

#main {
    margin-left: 5%;    
    width: 90%;   
    height: auto;
}

#main-content { 
    text-align: justify;
    padding-bottom: 10px;    
} 

#main-content p img {
    border: none;
    padding: 0 10px 10px 0;
    height: 98px; 
    width:  113px;     
    float: left;
}

.highlight p {                   /* health rebates, ... */
    text-align: center;
    font-weight: bolder;
    color: #248ba7;                       /*  darker   */
}

.homeo_block { 
    width: 100%;    
    padding-bottom: 10px;
}    

.std_hdr2 {
    font-size: 1.3em;
    font-style:  italic;
    color: black;                       
/*    padding-bottom: 12px;    */
    text-align: center;
}

.std_hdr4 {
    font-size: 1.1em;
    font-weight: bold;        
    color: #248ba7;                       /*  darker   */
    padding-bottom: 3px;    
}

.std_para {                 /* font-size from wrapper element  */
    padding: 2px 0 10px 0;
}    

a img {               /* remove borders on images that are clickable */
 border: 0;
}

a:hover img {         /* the style of the border can be changed when a user rolls over the image */
 border-style: solid; /* todo - doesn't work ... merge with previous a:hover entry               */
 background: #999;
}

img.left_pic {
    float: left;      
    margin: 0 10px 0 0;  
}

img.right_pic {
    float: right;      
    margin: 0 0 0 20px;  
}

ul li {
    list-style-type: circle;
}

table {
/* border: 1px solid red;  */
}

/*  three columns across page  */
.homeo_tbl col#3c1 {  
    width: 500px;
}
  
.homeo_tbl col#3c2 {   
    width: 500px;
}
 
.homeo_tbl col#3c3 {    
    width: 300px;
}

/*  four columns across page  */
.homeo_tbl col#4c1 {  
    width: 400px;
}
  
.homeo_tbl col#4c2 {   
    width: 400px;
}
 
.homeo_tbl col#4c3 {    
    width: 400px;
}
 
.homeo_tbl col#4c4 {    
    width: 300px;
}

/* Styling the home page ***************************/

#home_block { 
    float: left; 
    width: 100%;    
    padding-top: 10px;    
    padding-bottom: 20px;    
}

#home_h4 {
    padding-top: 12px;
    font-size: 1.1em;
    font-weight: bold;    
    color: #248ba7;                        /*  darker   */
}
 
/* todo ... Styling the generic HIB table *******************/

/*  columns across page  */
.hib_tbl col#c1 {  
    width: 400px;
}
  
.hib_tbl col#c2 {   
    width: 400px;
}
 
.hib_tbl col#c3 {    
    width: 300px;
}
 
.hib_tbl col#c4 {    
    width: 400px;
}
 
/* Styling the consultation page table *******************/

#cons_tbl th {
    border-bottom: 1px solid #ddd; 
}
    
#cons_tbl td { 
    border-bottom: 1px solid #ddd; 
}

#cons_tbl col#title {  
    width: 90px;
}

#cons_tbl col#time {   
    width: 90px;
}

#cons_tbl col#fee {    
    width: 140px;
}
 
/* Styling the contact page table *********************/

#contact_tbl {
    margin: 0 0 10px 30px;
}

#contact_tbl th {
    border-bottom: 1px solid #ddd; 
}
    
#contact_tbl td { 
    border-bottom: 1px solid #ddd; 
}

#contact_tbl col#pt { 
    width: 120px;
}

#contact_tbl col#dtl {
    width: 200px;
}
 
#contact_tbl col#days {  
    width: 100px;
}

#contact_tbl col#times {   
    width: 100px;
    text-align: right;
}
    
#map_canvas { 
    width:  725px;  
    height: 400px; 
}

 /* Styling the footer table **************************/
 
#footer {
    width: 100%;
    border-top: 1px solid #248ba7;
    padding-top: 10px;
 }
 
.footer_tbl { 
    width: 100%;
 }
 
.footer_tbl col#copyright { 
    text-align: left;
 }

.footer_tbl col#developer { 
    text-align: right;
 }
 
 /**************** END FILE *********************/

/*
 border: 1px solid red;
.hidden_vals {display: none;}
*/