/********************************************************
*         STILLWATER PERIODONTAL CENTER CSS             *
*********************************************************/

body {
  background: #8C473B url(../images/bg.gif) repeat-x;;
  font-family: Arial, helvetica, sans-serif;
  font-size: 13px;
  color: #444;
  margin:0;
}

* {
  line-height: 20px;outline:none;
}

a,em,img{
  behavior:url('iepngfix.htc');
}
a {
  color:#8C473B;
  text-decoration:none;
  border-bottom:1px dotted #8C473B;
}

a:visited {
  color:#CF877B;
}

a:hover {
  border-bottom:1px solid #8C473B;
  color:#000;
}

p {
  margin-bottom: 8px;
}

p.pdfNotice {
	font-size: .9em;
	color: #666;
	float: right;
}

img {
  border:0;
}

.header {
  width: 919px;
  height: 126px;
  background: url(../images/top-background.jpg) no-repeat;
  margin: 0 auto;
}

.header a {
  color: #fff;
  text-decoration: none;
  border:0;
}
.header a:hover {
  color: #F9CA3C;
  text-decoration: none;
  border:0;
}

.header a:visited {
  color: #f8f8f8;
  text-decoration: none;
}


div.head {
  float:left;
  width:340px;
  padding-left:20px;
}
div.head h1 {
  background:transparent url(../images/head.gif) no-repeat;
  width:339px;
  height:25px;
  text-align:left; 
  margin:37px 0 0 0;
  padding:0;
  float: left;
}
div.head h2 {
  color: #4E403B;  
  padding: 0 0 0 51px;
  margin: 5px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  float: left;
}

ul.top {
  display: inline;
  float: right;
  color: #fff;
  margin: 11px 0;
  padding-right: 32px;
}

ul.top li {
  margin: 0;
  list-style: none;
  display: inline;
}

ul.top li a:hover {
  color: #f8f8f8;
  text-decoration: underline;
}

.content {
  width: 919px;
  background: #fff url(../images/content_bg.gif) top repeat-x;
  margin-top: -6px;
  padding: 0 0 40px 0;
  height: 100%;
  border-top: 6px solid #853a2e;
}

.leftColumn {
  padding-left: 20px; 
  width: 500px;
  height: 100%;
  float: left;
  margin-top: 0;
}

.leftColumn p {
  text-align: left;
}

.rightColumn {
  margin-top: 30px;
  padding-right: 20px;
  width: 370px;
  height: 100%;
  margin-top: 34px;
  position:relative;
  float: right;
  background: url(../images/divider-bg.gif) no-repeat;
}

.breadcrumb {
  margin: 6px 0;
  padding: 0;
}

.clear {
  clear: both;
}

.l {
  float: left;
}

.map {
  width: 244px;
  float: left;
  border: 1px solid #f8f8f8;
  margin:10px 4px 0 0;
}

.map h3 {
  width: 240px;
  padding: 2px;
  background: #f3f3f3;
  margin-top:0;
}

.map p {
  text-align:center;
}

.map a img {
  border: 2px solid #fff;
}

.map a:hover img {
  border: 2px solid #944d3f;
}

/********************************************************
*         NAVIGATION TABS                               *
*********************************************************/

#nav {
position:relative;
float: right;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
z-index: 200;
}

* html .menu {padding-bottom:0;}

#nav ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:592px;
height:100%;
}

#nav li{
float:left;
margin:0 2px 0 0;
}

#nav table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

#nav a, #nav :visited {
color: #ffe597;
font-size: 8pt;
font-weight: bold;
text-decoration:none;
}
#nav a em.lft, #nav :visited em.lft {
display:block;
float:left;
width:12px;
height:31px;
background:url(../images/tabs.gif) 0 0 no-repeat;
}
#nav a b, #nav :visited b {
display:block;
float:left;
padding-top:8px;
height:23px;
background:url(../images/tabs.gif) -15px 0 no-repeat;
cursor:pointer;
}
#nav a em.rgt, #nav :visited em.rgt {
display:block;
float:left;
width:12px;
height:31px;
background:url(../images/tabs.gif) -308px 0 no-repeat;
}

#nav ul ul {
color:#4d4d4d;
visibility:hidden;
position:absolute;
top:31px;
left:0px;
}

#nav :hover {
white-space:normal;
}

#nav a:hover b {
color:#4d4d4d;
background:url(../images/tabs.gif) -15px -62px no-repeat;
}
#nav a:hover em.lft {
background:url(../images/tabs.gif) 0 -62px no-repeat;
}
#nav a:hover em.rgt {
background:url(../images/tabs.gif) -308px -62px no-repeat;
}

#nav li:hover > a b
{
color:#4d4d4d;
background:url(../images/tabs.gif) -15px -62px no-repeat;
}
#nav li:hover > a em.lft {
background:url(../images/tabs.gif) 0 -62px no-repeat;
}
#nav li:hover > a em.rgt {
background:url(../images/tabs.gif) -308px -62px no-repeat;
}
#nav ul li:hover ul,
#nav ul a:hover ul{
display:block;
visibility:visible;
top:31px;
height:1.25em;
padding-top:9px;
background:url(../images/bar.gif) repeat-x;
}

#nav ul :hover ul li {
display:block; 
border-right: 1px dotted #aaa;
height:1.25em;
}
#nav ul :hover ul li a {
display:block; 
font-size:8pt; 
width:auto;
height:1.25em;
float:left; 
color:#444;
padding:0 10px;}
#nav ul :hover ul li a:hover {
color: #853a2e;
text-decoration: underline;
}

body#patient li#patientInfo a b,body#nonsurgical li#nonSurgicalPro a b,body#surgical li#surgicalPro a b,body#dentalImplants li#dentalImplants a b,body#about li#aboutus a b {
color:#fff;
background:url(../images/tabs.gif) -15px -31px no-repeat;
}

body#patient li#patientInfo a:hover b,body#nonsurgical li#nonSurgicalPro a:hover b,body#surgical li#surgicalPro a:hover b,body#dentalImplants li#dentalImplants a:hover b,body#about li#aboutus a:hover b {
color:#fff;
background:url(../images/tabs.gif) -15px -31px no-repeat;
}

body#patient li#patientInfo a em.lft,body#nonsurgical li#nonSurgicalPro a em.lft,body#surgical li#surgicalPro a em.lft,body#dentalImplants li#dentalImplants a em.lft,body#about li#aboutus a em.lft {
background:url(../images/tabs.gif) 0 -31px no-repeat;
}

body#patient li#patientInfo a em.rgt,body#nonsurgical li#nonSurgicalPro a em.rgt,body#surgical li#surgicalPro a em.rgt,body#dentalImplants li#dentalImplants a em.rgt,body#about li#aboutus a em.rgt {
background:url(../images/tabs.gif) -308px -31px no-repeat;
}

body#patient li#patientInfo a:hover em.lft,body#nonsurgical li#nonSurgicalPro a:hover em.lft,body#surgical li#surgicalPro a:hover em.lft,body#dentalImplants li#dentalImplants a:hover em.lft,body#about li#aboutus a:hover em.lft {
background:url(../images/tabs.gif) -0px -31px no-repeat;
}

body#patient li#patientInfo a:hover em.rgt,body#nonsurgical li#nonSurgicalPro a:hover em.rgt,body#surgical li#surgicalPro a:hover em.rgt,body#dentalImplants li#dentalImplants a:hover em.rgt,body#about li#aboutus a:hover em.rgt {
background:url(../images/tabs.gif) -308px -31px no-repeat;
}

#nav ul.newsletter {
	margin-left: 512px;
	width: 104px;
}

/********************************************************
*         HOMEPAGE                                      *
*********************************************************/

.content h3 {
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
}

.content h2 {
  color: #944d3f;
  font-family: arial, helvetica, sans-serif;
  font-size: 2.1em;
  font-weight: normal;
  text-align: left;
  margin:25px 0 10px 0;
}

.content h4 {
  margin-bottom: -2px;
  font-size: 16px;
  text-align: left;
}

.content ul {
  text-align: left;
}

.quote {
  background: url(../images/quote-background.gif) no-repeat #F9F9F9;
  text-align: left;
  border: 3px solid #DEDEDE;
  font-family: Arial, helvetica, sans-serif;
  font-size: 11px;
  color: #5C5C5C;
  width: 438px;
  margin: 0 0 15px 0;
  float: left;
  height:auto;
}

.quote em a {
  display:block;
  text-indent: -5000px;
  overflow: hidden;
  width:147px;
  height:47px;
  background:url(../images/patient-forms-download-button.png) no-repeat;
  float:right;
  padding:0 18px 0 0;
  margin:-30px 0 0 0;
  border:0;
}

.quote em a:hover {
  border:0;
  cursor:pointer;
}

.quote p {
  width: 330px;
  margin: 5px 0px 0px 0px;
  line-height: 18px;
}

.closeQuote p {
  font-family: 'Times New Roman', times, serif;
  font-size: 11px;
  color: #A4A4A4;
  text-align: right;
  font-style: italic;
}

.quoteLink {
  margin-left: 53px;
  color: #8C473B;
  font-family: 'Times New Roman', times, serif;
  font-size: 18px;
  font-weight: bold;
}

.quoteLink a, .quoteLink a:visited {
  text-decoration: none;
  border-bottom: 1px dotted #853A2E;
  color: #8C473B;
}

.quoteLink a:hover {
  border-bottom:1px solid;
  text-decoration: none;
}

.quoteTrail {
  font-size: 14px;
  color: #8C473B;
}

.scheduleBox {
	margin-left: 50px;
	height: 65px;
}

.scheduleBox img {
	height: 65px;
	width: 273px;
}

.newsletterBox {
	margin: 5px 0 0 50px;
	height: 40px;
}

.newsletterBox img {
	height: 40px;
	width: 273px;
}

.scheduleBox a, .newsletterBox a,
.scheduleBox a:hover, .newsletterBox a:hover{
	border-bottom: none;
}

.quotebox {
  width: 293px;
  padding: 10px;
  background: #8c473b;
  color: #f8f8f8;
  float: right;
  font-size: 90%;
  border: 2px solid #f6f6f6;
}

.quotebox em {
  float:left;
  line-height: 16px;
}

.quotebox span {
  text-transform: uppercase;
  font-size: 80%;
  float:right;
  color: #ffe597;
}

.displayImage {
  float: right; 
  /*border: 1px solid #C6C6C6;*/
  padding: 5px 5px 5px 5px;
  margin-top: 5px;
  margin-right: -10px;
}

.displayCaption {
  color: #9E4535;
  font-weight: bold;
  position: absolute;
  top: 387px;
  left:70px;
  margin: 0;
}

.displayCaption span {
  font-size:10px;
  color:#000;
  line-height:12px;
}

ul.list {
  width: 400px;
  list-style:none;
  padding:0;
  margin: 0;
  border: 1px solid #e0e0e0;
  float: left;
}

ul.list li {
  background: #fff;
  padding: 2px 0 2px 5px;
}

ul.list li.dif {
  background: #e1f6ff;
}

ul.list li a ,ul.list li a:visited{
  color: #8C473B;
  font-size: 14px;
}

ul.list li a:hover {
  text-decoration: none;
}

/********************************************************
*         FORM                                          *
*********************************************************/

form {
  margin-top: 30px;                                       
}

fieldset {
  border: solid 1px #eee;
  width:400px;
  margin-bottom: 15px;
  background: transparent;
  padding:5px 50px 5px 50px;
}

legend {
  font: normal 18px Arial, Helvetica, sans-serif;
  color: #8C473B ;
}

label {
  display:block;
}

input {
  color: #666;
}

input.checkbox {
  float: left;
  margin-right: 1em;
  width: auto;
}


input.radio{
  float: left;
  margin: 0 1em 0 2.5em;
  width: auto;
}

input.other {
  float: left;
}

label.other {
  float: left;
  padding-right: 10px;
  padding-left: 32px;
}

input.submit {
  color: #333;
}

textarea {
  float: left;
  width: 99%;
  margin-bottom: 10px;
}

div.success {
  color: #4d4d4d;
  background: #c2dcff;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  padding: 10px;
  margin: 20px 0 15px 0;
  border: 1px solid #6cabff;
  text-align: left;
}

div.success h3 {
  margin: 0 0 5px 0;
  font: 18px Arial, Helvetica, sans-serif;
  color: #000;
}

/********************************************************
*         FOOTER                                        *
*********************************************************/

.footer {
  margin: -2em 0 10px 0;
  background-color: #1A1A1A;
  width: 919px;
  height: 108px;
  font-size: 11px;
}

.footer a {
  color: #A1A1A1;
  text-decoration: underline;
  border:0;
}

.footer a:hover {
  color: #FFFFFF;
  border:0;
}

.footer p {
  float: left;
  padding: 0px 0px 0px 18px;
  margin: 20px 0px 0px 0px;
  font-size: 11px;
  color: #A1A1A1;
}

.footer dl {
  float: left;
  padding: 0px 0px 0px 18px;
  margin: 0px 0px 0px 0px;
  font-size: 11px;
  color: #A1A1A1;
  text-align: left;
  line-height: 16px;
}

.footer span {
  float: left;
  padding: 0px 0px 0px 18px;
  margin: 3px 0px 2px 0px;
  font-size: 11px;
  color: #FFFFFF;
}

.footerDisplay {
  width: 78px;
  height: 80px;
  background: url(../images/footer-display.gif);
  margin: -50px 0px 0px 26px;
  float: left;
}

.footer ul {
  padding: 0 22px 0 0;
  border-left: none;
  list-style: none;
  display: inline;
  float: right;
  margin: -40px 0 0px 0px;
}

.footer ul li {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: inline;
}