/* Basic elements. */
body {
  font: 8pt/16pt arial;
  color: #555753;
  background: #ffffff;
  margin: 0px;
  padding: 10px;
}

p {
  font: 8pt/16pt arial;
  margin-top: 0px;
  text-align: justify;
}

h3 {
  font: bold 12pt arial;
  letter-spacing: 1px;
  margin: 0px;
  color: #2B126C;
}

h4 {
  font: bold 10pt arial;
  letter-spacing: 1px;
  margin: 0px;
  color: #2B126C;
}

a:link {
  font-weight: bold;
  text-decoration: none;
  color: #009900;
}

a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #009900;
}

a:hover, a:active {
  text-decoration: underline;
  color: #009900;
}

acronym {
  border: 0px;
}

#container {
  width: 840px;
  border: 1px solid #dddddd;
}

/* Replace the logo text with an image. */
#logo h1 {
  background: transparent url(../images/stlucy.png) no-repeat top left;
  width: 280px;
  height: 80px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
#logo h1 span {
  display: none;
}

#contactInfo {
  margin: 20px 30px 10px 20px;
  float: right;
}
#contactInfo p {
  margin: 0px;
}

#divider {
  clear: both;
  background: #dddddd;
  border: 1px solid #009900;
  border-left: 0px;
  border-right: 0px;
  height: 10px;
}

#contentOuter {
  width: auto;
  border-left: 145px solid #eeeeee;
}

#contentInner {
  margin: 0px;
  width: 100%;
  border-left: 1px solid #bbbbbb;
  padding-top: 10px;
}

/* Required by Mozilla */
#contentOuter > #contentInner {
  border-bottom: 1px solid transparent;
}

#body {
  margin: 0px 20px 20px 20px;
}

#linkList {
  font: 10px verdana, sans-serif;
  padding: 10px;
  width: 135px;
  margin-left: -150px;
  float: left;
  position: relative;
}
#linkList h3 {
  font: 12px verdana, sans-serif;
  color: #009900;
  font-weight: bold;
  margin: 0px;
  width: 120px;
  padding: 0px 0px 0px 5px;
  border: 1px solid #bbbbbb;
  border-bottom: 1px solid #009900;
  background: #dddddd;
}
#linkList ul {
  list-style-type: square;
  margin: 0px;
  margin-left: 25px;
  padding: 0px;
}
#linkList li {
  padding-top: 5px;
  margin-bottom: 5px;
}
#linkList li a:link {
  color: #009900;
}
#linkList li a:visited {
  color: #009900;
}

#officeImg h1 {
  background: transparent url(../images/Building2008_520.jpg) no-repeat top right;
  width: 520px;
  height: 285px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: right;
}
#officeImg h1 span {
  display: none;
}


#signImg h1 {
  background: transparent url(../images/sign.jpg) no-repeat top right;
  width: 256px;
  height: 192px;
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom: 0px;
  float: right;
}
#signImg h1 span {
  display: none;
}


#doctorStephenImg h1 {
  background: transparent url(../images/DrStephen08.jpg) no-repeat top right;
  width: 256px;
  height: 320px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
  float: right;
}
#doctorStephenImg h1 span {
  display: none;
}

#doctorMercerImg h1 {
  background: transparent url(../images/DrMercer08.jpg) no-repeat top right;
  width: 256px;
  height: 320px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
  float: right;
}
#doctorMercerImg h1 span {
  display: none;
}

#overnightSightImg h1 {
  background: transparent url(../images/overnight-sight.png) no-repeat top right;
  width: 436px;
  height: 213px;
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom: 0px;
  float: right;
}
#overnightSightImg h1 span {
  display: none;
}

#infantSeeImg h1 {
  background: transparent url(../images/infantSeeLogo.gif) no-repeat top right;
  width: 253px;
  height: 101px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
  float: right;
}
#infantSeeImg h1 span {
  display: none;
}

#contactUs {
  float: left;
  position: relative;
  width: auto;
  height: 120px;
  margin-right: 95px;
}
#contactUs h3 {
  margin-bottom: 5px;
}
#contactUs p {
  margin: 0px;
}

#location {
  height: 120px;
}
#location h3 {
  margin-bottom: 5px;
}
#location p {
  margin: 0px;
}

#mapImg {
  margin-top: 10px;
}
#mapImg h1 {
  background: transparent url(../images/map.gif) no-repeat top right;
  border: 2px solid #009900;
  width: 300px;
  height: 250px;
  margin-bottom: 0px;
}
#mapImg h1 span {
  display: none;
}

#forms {
  margin-bottom: 10px;
}
#forms p {
  margin: 0px;
}

#hours table {
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #009900;
}

#officeHours tbody tr td {
  font: 8pt/16pt arial;
  background-color: #ffffff;
  padding: 0px 12px 0px 3px;
  border-left: 1px solid #bbbbbb;
}
#officeHours tbody tr.odd td {
  background-color: #dddddd;
}


#frames table {
  margin-top: 0px;
  margin-bottom: 15px;
  border: 0px solid #009900;
}
#framelogos tbody tr td {
  font: 8pt/16pt arial;
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;
  border-left: 0px solid #bbbbbb;
}

#appointmentForm table {
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #009900;
  padding: 3px 3px 3px 3px;
}


#adobeImg h1 {
  background: transparent url(../images/getacro.gif) no-repeat top right;
  width: 88px;
  height: 31px;
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom: 0px;
  float: right;
}
#adobeImg h1 span {
  display: none;
}