/* http://www.hamdenfamilydental.com/hfd-stylesht.css */

body {
   font-size: 100%;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: #ffffff;
   margin: 0;
}

a:link {font-family: Arial, Helvetica, sans-serif; color: #000099; background-color: transparent}
a:visited {font-family: Arial, Helvetica, sans-serif; color: #000099; background-color: transparent}
a:hover {font-family: Arial, Helvetica, sans-serif; color: #0000ff; background-color: transparent}
a:active {font-family: Arial, Helvetica, sans-serif; color: #999999; background-color: transparent}

a.pgbttm:link {font-family: Arial, Helvetica, sans-serif; color: #000099; background-color: transparent; text-decoration: none}
a.pgbttm:visited {font-family: Arial, Helvetica, sans-serif; color: #000099; background-color: transparent; text-decoration: none}
a.pgbttm:hover {font-family: Arial, Helvetica, sans-serif; color: #0000ff; background-color: transparent; text-decoration: underline}
a.pgbttm:active {font-family: Arial, Helvetica, sans-serif; color: #999999; background-color: transparent; text-decoration: underline}

a.special:link {font-family: Arial, Helvetica, sans-serif; color: #777777; background-color: transparent; text-decoration: none}
a.special:visited {font-family: Arial, Helvetica, sans-serif; color: #777777; background-color: transparent; text-decoration: none}
a.special:hover {font-family: Arial, Helvetica, sans-serif; color: #0000ff; background-color: transparent; text-decoration: underline}
a.special:active {font-family: Arial, Helvetica, sans-serif; color: #999999; background-color: transparent; text-decoration: underline}

a.nodecor {text-decoration: none}


/* ------- CSS for home page (index.html) ------- */
.topbar-hmpg {
   background-image: url(images/bkgd-topbar-hmpg.png);
   background-repeat: repeat-x;
   height: 170px;
}

#dentist-office-flash {
   position: absolute;
   top: 16px;
   right: 21px;
}

.hmpg-heading-img1 {
   position: absolute;
   top: 0;
   left: 0;
}

.hmpg-heading-img2 {
   position: absolute;
   top: 0;
   left: 120px;
}

.hmpg-heading-img3 {
   position: absolute;
   top: 0;
   left: 240px;
}

.hmpg-heading-img4 {
   position: absolute;
   top: 0;
   right: 0;
}

#hmpg-main-layout {
   margin-top: 0;
   margin-right: 20px;
   margin-left: 200px;
   background-image: url(images/bkgd-dentist-corner.png);
   background-repeat: no-repeat;
}

#hmpg-main-layout p, ul {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

h1.hmpg {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 105%;
   font-weight: bold;
   font-style: normal;
   color: #000000;
   background-color: transparent;
   border: 0;
   padding-top: 28px;
   margin-top: 0;
}

#hmpg-nav {
   position: absolute;
   top: 249px;
   left: 0;
   width: 180px;
   color: #000000;
   background-color: transparent;
}

.right-col-hmpg {
   color: #000000;
   background-color: #ffffff;
   text-align: center;
   background-image: url(images/bkgd-right-col.png);
   background-repeat: repeat-y}

.border-hilite {
   padding: 7px;
   border: solid #f5cfad 1px;
   font-size: 90%;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: transparent
}
/* ------- End of CSS for home page ------- */


/* ------- CSS for sub pages ------- */
.topbar-subpg {
   color: #000000;
   background-color: #ffffff;
   background-image: url(images/bkgd-topbar-subpg.png);
   background-repeat: repeat-x;
}

.subpg-dentist-office1 {
   position: absolute;
   top: 0;
   right: 154px;
}

.subpg-dentist-office2 {
   position: absolute;
   top: 0;
   right: 79px;
}

.subpg-dentist-office3 {
   position: absolute;
   top: 0;
   right: 0;
}

#subpg-main-layout {
   margin-top: 0;
   margin-right: 20px;
   margin-left: 200px;
}

.pg-links {
   font-size: 80%;
   text-align: center;
   margin-top: 47px;
}

#services {
   margin-top: 21px;
   margin-left: 21px
}

#services h2 {
   margin-bottom: 0;
   font-size: 105%;
   font-weight: bold;
   color: #7591ab;
   background-color: transparent;
}

#services p {
   color: #000000;
   background-color: transparent;
}

#services ul {
   margin-top: .1em;
   list-style-image: url("images/bullet-point1.png");
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

#post-op {
   margin-top: 21px;
   margin-left: 21px
}

#post-op h2 {
   margin-bottom: 0;
   font-size: 105%;
   font-weight: bold;
   color: #7591ab;
   background-color: transparent;
}

#post-op p {
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

#post-op p.print-instr {
   font-size: 80%;
   margin: .3em 0 .7em 0;
   color: #000000;
   background-color: transparent;
}

#post-op ul {
   margin-top: .3em;
   list-style-image: url("images/bullet-point1.png");
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

#post-op ol {
   margin-top: .3em;
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

#office-policy h2 {
   margin-bottom: 0;
   font-size: 105%;
   font-weight: bold;
   color: #7591ab;
   background-color: transparent;
}

#office-policy p {
   margin-top: .1em;
   margin-left: 21px ;
   color: #000000;
   background-color: transparent;
}

#office-policy ul {
   margin-top: .1em;
   list-style-image: url("images/bullet-point1.png");
   font-size: 90%;
   color: #000000;
   background-color: transparent;
}

#faq {
   margin-left: 33px;
}

.hang-it {
   padding-left: 22px ;
   text-indent: -22px ;
}

#print-pg {
   margin-left: 70px;
   margin-right: 70px;
   font-size: 100%;
   color: black;
   background-color: transparent;
}

#print-pg h1 {
   font-size: 110%;
   color: black;
   background-color: transparent;
}

#print-pg p, ul, ol {
   font-size: 100%;
   color: black;
   background-color: transparent;
}

#subpg-nav {
   position: absolute;
   top: 201px;
   left: 0;
   width: 180px;
   color: #000000;
   background-color: transparent;
}
/* ------- End of CSS for sub pages ------- */


/* ----------- CSS for navigation buttons ----------- */
.nav-bkgd {
   color: #000000;
   background-color: #ffffff;
   background-image: url(images/bkgd-navbar.png);
   background-repeat: repeat-y}

#navbuttn {
   margin-right: 20px;
   margin-left: 20px;
}

#navbuttn ul {
   list-style-type: none;
   font-size: 90%;
   padding: 0;
   margin: 0 0 3px 0;
}

#navbuttn a:link, #navbuttn a:visited {
   display: block;
   width: 140px;
   padding: 2px 3px 6px 17px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;
   font-weight: bold;
   color: #f5fbf5;
   background-color: transparent;
   background: url("images/bkgd-navbutts.png") top left no-repeat;
   text-decoration: none;
}

#navbuttn a:hover {
   background-position: 0 -77px;
   color: #ffffff;
   background-color: transparent;
}

#navbuttn a:active {
   background: url("images/bkgd-navbutts.png") top left no-repeat;
}
/* ------- End of CSS for navigation buttons ------- */


/* ------- CSS for columns in "contact_us.html" ------- */
#col-one {
   float: left;
   width: 197px;
   margin-top: 0;
   margin-right: 0;
   padding-right: 0;
}

#col-one .headings {
   font-size: 95%;
   color: #7591ab;
   text-align: right;
   font-weight: bold;
   background-color: #dbe5e9;
   padding: 4px 11px 4px 9px;
}

/* #col-one p {
   text-align: left;
   font-size: 95%;
   padding-left: 9px;
} */

#col-two {
   float: right;
   width: 280px;
   padding-top: 0;
   padding-left: 0;
   margin-top: 0;
   margin-left: 0;
   background-color: white;
}

/* #col-two .column-heading {
   font-size: 95%;
   color: #808080;
   background-color: #dbe5e9;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 9px;
   margin-bottom: 0px;
} */

#col-two p {
   text-align: left;
   font-size: 95%;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 17px;
   margin-bottom: 22px;
   border-top: solid 1px #dbe5e9;
}

#wrapper {
   width: 477px;
   height: 495px;
   text-align: left;
   margin-right: auto;
   margin-left: auto;
/*   border: solid 1px tan; */
}

/* Note: col-span ID not currently used 
#col-span {
   clear: both;
   width: 477px;
}

#col-span .column-heading {
   font-size: 95%;
   color: #808080;
   background-color: #e7e7e7;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 9px;
   margin-bottom: -9px;
}

#col-span p {
   text-align: left;
   font-size: 95%;
   padding-left: 9px;
}

#col-span p.col-indent {
   margin-top: -10px;
   padding-left: 37px
} */
/* ------- End of CSS for columns ------- */


h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 170%;
   font-weight: bold;
   font-style: normal;
   color: #cc0033;
   background-color: transparent;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: bold;
   font-style: normal;
   color: #000000;
   background-color: transparent;
}

.underline {
   text-decoration: underline;
}

.underline2 {
   border-bottom: solid 1px #dbe5e9;
   padding-right: 1px;
}

img {
   border: none;
}

.centerthis {
   text-align: center;
}

.float-img-left {
   float: left;
   margin-left: 0px;
   margin-right: 7px;
}

.float-img-right {
   float: right;
   margin-top: 0;
   margin-right: 0;
   margin-left: 11px;
}

#list-img-pointer ul {
   padding-left: 17px;
   margin-left: 17px;
   list-style-image: url("images/pointer3.png");
}

#no-bullets ul {
   list-style-type: none;
}

.returnprev {
   text-align: right;
   margin-right: 11%;
   margin-bottom: 17px;
}

.footer {
   font-size: 90%;
   color: #777777;
   background-color: transparent;
}

#pg-bttm {
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   color: #000000;
   background-color: transparent;
}

.xlarge {font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}

.large {font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}

.medsm {font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}

.sm {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}

.verysm {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}

.fineprint {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: transparent}