body { color: #545863; font-size: 12px; 
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, helvetica, arial; 
line-height: 15px; background-color: #e0f7ff; background-image: url(../graphics/bgtile.jpg); 
background-repeat: repeat-x; }

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

.border { border: solid 1px black; }

.H1 { color: #132155; font-size: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, helvetica, arial; font-weight: bold; line-height: 21px; }
.H2 { color: #132155; font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, helvetica, arial; font-weight: bold; line-height: 17px; }
.bodytext { color: #666; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, helvetica, arial; line-height: 15px; }
.conditions { font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, helvetica, arial; line-height: 14px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.center { text-align: center; }
.margin-left { margin-left: 30px; }
.padding-bottom { padding-bottom: 20px; }
.padding-top {padding-top: 15px;}
.whitetexthead { color: white; font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, helvetica, arial; font-weight: bold; line-height: 17px; }
.whitebody { color: white; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, helvetica, arial; line-height: 13px; }

/* the body, div and container styles below are what center the page */
body {
text-align: center; } /* ie */

div {position: relative;}

div#container { margin: 20px auto;  /* same as 0 auto 0 auto;      works on every other browser */
width: 875px; border: 5px ridge #ccc; text-align: left;
background-color: #fff;}

#nav {
position: absolute;
top: 10px; 
right: 20px;
min-width: 400px;
height: 20px;
text-align: left;
}
#nav li {
display: inline;
margin: 0;
background-color: #fff;
}
#nav a:link { color: black; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#nav a:visited { color: black; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#nav a:hover { color: blue; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#nav a:active { color: black; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }

.bullets {color: black; font-size: 14px; font-weight: bold; line-height: 14px;  padding-right: 7px; padding-left: 7px;}

object {
vertical-align: middle;
} /* fixes Firefox extra spacing after the swf, otherwise get a 2px white line below the swf in FF */

div#addresses { 
position: relative; 
width: 875px; height: 130px; 
background-image: url(../graphics/addressbg.jpg); 
background-repeat: repeat-x; 
background-color: #9FA8AF; 
} 
#addresses p {
margin-top: 0;
margin-bottom: 0;
color: white;
font-size: 11px;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, helvetica, arial;
line-height: 10px;
font-weight: bold;
}
div#avon {
margin: 10px 0 0 15px;
width: 200px;
height: 90px;
float: left;

}
div#broadview {
margin: 10px 420px 0 0;
width: 215px;
height: 90px;
float: left;
}
															
div#sandusky {
margin: 10px 0 0 -400px;
width: 190px;
height: 90px;
float: left;
}														
														
div#westlake {
margin: 10px 0 0 -200px;
width: 190px;
height: 90px;
float: left;
}															
/* content is the main div under the addresses where pages main content goes */
div#content {
width: 875px;
background-color: #fff;
}
/* follows are divs for columns on the home page */
div#providers {
width: 195px;
margin: 10px 15px 0 30px;
float: left;
display: inline; /* fix IE6 */
}
div#practice {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}

div#community {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}
div#services {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}
div#skin { width: 875px; margin: 0 30px; }

div#links1 {
width: 195px;
margin: 10px 15px 0 30px;
float: left;
display: inline; /* fix IE6 */
}
div#links2 {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}

div#links3 {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}
div#links4 {
width: 195px;
margin: 10px 15px 0 0;
float:  left;
}
/* staff divs are for the staff page (!) page */
div#staff {
width: 875px;
}
#staff p {margin: 0 85px 0 85px;}

.float {
float: left;
}
.paddingstaff {padding-bottom: 10px;}

div#bedocs {height: 230px;}
#bedocs p {margin: 0 85px 0 85px;}

div#bodie {height: 230px;}
#bodie p {margin: 0 85px 0 85px;}/* height: 210px; */

div#cevasco {height: 230px;}
#cevasco p {margin: 0 85px 0 85px;}

div#mandi {height: 230px;}
#mandi p {margin: 0 85px 0 85px;}

div#tom {height: 230px;}
#tom p {margin: 0 85px 0 85px;}

div#gould {height: 230px;}
#gould p {margin: 0 85px 0 85px;}

div#sally {height: 230px;}
#sally p {margin: 0 85px 0 85px;}


/* map divs are for the map page (!) page */

div#map {width: 875px;}
#map p {margin: 0 45px 0 45px;}

div#avoninfo {height: 380px; width: 300px;}
#avoninfo p {margin: 0 20px 0 45px;}
div#avonmap {height: 350px; width: 425px; padding-right: 45px; float: right;}

div#broadviewinfo {height: 380px; width: 300px;}
#broadviewinfo p {margin: 0 20px 0 45px;}
div#broadviewmap {height: 350px; width: 425px; padding-right: 45px; float: right;}

div#sanduskyinfo {height: 380px; width: 300px;}
#sanduskyinfo p {margin: 0 20px 0 45px;}
div#sanduskymap {height: 350px; width: 425px; padding-right: 45px; float: right;}

div#westlakeinfo {height: 380px; width: 300px;}
#westlakeinfo p {margin: 0 20px 0 45px;}
div#westlakemap {height: 350px; width: 425px; padding-right: 45px; float: right;}

/* links divs are for the links page (!) page */
div#links {width: 875px;}
#links p {margin: 0 100px 0 100px;}