body {background-image:url(../img/img01.jpg);
      text-align: center;
      margin: 0;
      font-size: 100%;
     }
div.top {width: 700px;
          height: 219px;
	  position: relative;
}
div.logo { width: 700px;
           height: 219px;
}
div.nav { margin: 0;
          width: 700px;
          height: 36px;
          position: absolute;
          left: 0px;
          top: 180px;
          font-size:14px
}
div.main {width: 700px;
       margin: 0 auto;
       background-color: white;
}
div.middle { position: static;
             background-color: white;
}
div.footer { font-size: 75%;
             clear:both; 
             padding: 40px;
             height:25px;
           }

#leftCol { float: left;
           width: 310px;
           text-align: left;
           background-color: white;
           border: 2px solid Khaki;
           padding:10px;
           margin: 0px;
           margin-left: 10px;
}
#rightCol { float: right;
           width: 310px;
           text-align: left;
           background-color: white;
           border: 2px solid Khaki;
           padding:10px;
           padding-top: 20px;
           margin: 0px;
           margin-right: 10px;
}
div.appt { float: left;
           width: 350px;
           text-align: left;
           background-color: white;
           padding:0px;
           padding-left: 10px;
           margin: 0px;
}
div#first { float: right;
             width:280px;
             text-align: left;
             padding: 5px;
             border: 6px ridge navy;
             background-image: url(../img/blue.gif);
             margin-right: 10px;
             margin-top:40px;
}
div#notes { float: right;
             width:280px;
             text-align: left;
             padding: 5px;
             border: 2px solid Khaki;
             background-color: white;
             margin-top: 10px;
             margin-right: 11px;
}

img { border:0; }
.clear { /* generic container (i.e. div) for floating buttons */
        overflow: hidden;
        width: 100%;
}

a { text-decoration: none;
    color: #800080;
}
a:hover.hoverLink {color: navy;} 

h2 { text-align: center;
     font-size: 150%;
    }
h3 { text-align: center;
     font-size: 135%;
   }
	 
#indent {margin: 10px;}

/* Button positions */
#about { position: absolute;
         left:60px;
         top: 0px;
}
#treat { position: absolute;
         top: 0;
         left:230px;
}
#appoint { position: absolute;
         top: 0;
         left:405px;
}
#links { position: absolute;
         top: 0;
         left:585px;
         margin-right:8px;
         margin-left:8px;
}

/* Button styles */
.btn { display: block; position: relative; background: #00f; 
       padding: 5px; float: left; color: #fff; text-decoration: none; 
       cursor: pointer; }
.btn * { font-style: normal; background-image: url(../img/btn2.png); 
         background-repeat: no-repeat; display: block; 
         position: relative; }
.btn i { background-position: top left; position: absolute; 
         margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; 
            padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; 
              position: absolute; left: 100%; width: 10px; height: 100%; 
              top: 0; }
.btn span span { background-position: top right; position: absolute; 
                 right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; 
                                 background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #36f; }
.btn:active { background-color: #309; }
.btn[class] { background-image: url(../img/shade.png); background-position: bottom; }

/* construction page */
div.const {background-image: url(../img/construction.gif); 
           width: 700px;
}
/* To be removed */
p.const { text-align: center;
          font-weight: bold; 
}