@charset "utf-8";

/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  /* border: dashed 1px #f00; */ 
} 

body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
} 

a:link, a:visited, p a:link, p a:visited{
	background-color:#fff;
	color:#000;
	font-size: 1em;
	line-height: 1.25em;
	} 

a:hover, a:active, p a:hover, p a:active{
	background-color: #000;
	color: #fff;
	font-size: 1em;
	line-height: 1.25em;
	} 
	

#wrapper{
	width: 900px;
	background:#333;
	border: thick outset #666;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #8ca551;
	text-align: center;
} 

/********** Major layout divisions **********/ 
#branding{
	/* For absolutely-positioned hyperlinks */ 
  position:relative;
} 

/* Fixes the mysterious image gap */
#branding img{
	display:block;
	width: 850px;
}


#content-all{
	background-color:#fff;
	margin-top: 0.07em;
	margin-right: 2.8em;
	margin-bottom: 3em;
	margin-left: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 4px solid #000;
	border-top:10px solid #000;
	text-align: left;
	width: 717px;
} 



/* Applies to paragraphs in the content division */ 
#content-all p{
	background-color:#fff;
	color:#000;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
	

/* Applies to all lists */ 
#content-all ul, #content-all ol {
	list-style-type:none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
	margin: 0px;
} 

/* Applies to all list items */ 
#content-all li{
	margin-bottom:5px;
	font-size: .8em;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	list-style-type: disc;
	margin-left: 48px;
} 

/* General style rules for h1, h2, and h3 in the content division */ 
#content-all h1, #content-all h2, #content-all h3 {
	font-family: "Arial Narrow";
	background-color:#fff;
	color:#000;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	letter-spacing:0.01em;
	line-height: 1em;
	text-align: left;
} 

/* Specific h1 main headings on each page */ 
#content-all h1{
	font-size:1.4em;
	background-color:#fff;
	color:#000;
	font-style: normal;
	font-weight: bolder;
	text-align: left;
	font-family: "Comic Sans MS";
	margin-left: 1.5em;
	margin-top: 0.4em;
}

/* Specific h2 headings in the content division */ 
#content-all h2{
	font-size:1em;
	font-weight: bold;
	background-color:#fff;
	color: #000;
	font-family: "Comic Sans MS";
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 10em;
	margin-left: 0em;
	text-align: left;
}

/* Specific h3 sub-headings on each page the content division */ 
#content-all h3{
	background-color:#fff;
	color:#000;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-family: "Comic Sans MS";
	font-size: .9em;
	margin-left: 2.2em;
	margin-bottom:0em;
	margin-top:1.5em;
	margin-right: 0em;
}

/* Specific h4 headings in the right division on the home page */ 
#content-all h4{
	background-color:#fff;
	color:#000;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-family: "Comic Sans MS";
	font-size: .9em;
	margin-left: 0em;
	margin-bottom:0em;
	margin-top:0em;
	margin-right: 0em;
}

/* Specific h5 headings in left division on the home page */ 
#content-all h5{
	background-color:#000000;
	color:#ffffff;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 0.9em;
	margin-left: 0em;
	margin-bottom:0em;
	margin-top:0em;
	margin-right: 0em;
	}

/* Specific h6 sub-headings at the right top of a page tolinks to other pages */ 
#content-all h6{
	background-color:#fff;
	color:#000;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-family: "Comic Sans MS";
	font-size: 0.8em;
	margin-left: 0em;
	margin-bottom:0em;
	margin-top:0em;
	margin-right: 0em;
}

/* Specific h7 heading For Reviews */ 
#content-all h7{
	font-size:1em;
	font-weight: bold;
	background-color:#ecf1e2;
	color: #000;
	font-family: "Comic Sans MS";
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 10em;
	margin-left: 0em;
	text-align: left;
}

/* Content at the top */ 
#content-top{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-color:#fff;
	color:#000;
} 

/* Content in the left space, outside the main division */ 
#leftspace{
	float:left;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -35px;
	width: 5em;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border: 0px groove #000;
} 

/* Content on the left */ 
#content-left{
	float:left;
	height:20em;
	background-color: #ffffff;
	color: #000;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 15em;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
/* Countdown clock */ 
#countdown{
	background-color: #000000;
	border: 0px solid #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	} 

/* Reviews on Reviews page */
#reviews-page{
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	} 
 

/* Content on the right */ 
#content-right{
	float:right;
	background-color:#fff;
	color:#000;
	height: 17em;
	width: 9.5em;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 0px;
	text-align: left;
} 

/* links in the Content right division */ 
#content-right a:link, #content-right a:visited{
	margin-bottom:5px;
	font-size: 0.8em;
	line-height: 1.5em;
	background-color:#fff;
	color:#000;
} 

/* links in the Content right division */ 
#content-right a:hover, #content-right a:active{
	margin-bottom:5px;
	font-size: 0.8em;
	line-height: 1.5em;
	background-color:#000;
	color:#fff;
} 

/* Content in the center */ 
#content-center{
	height: 25em;
	width: 15.5em;
	float: left;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	} 

/* Content in the center, paragraphs */ 
#content-center p{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#000;
	} 

/* Large buttons on homepage */ 
#content-center #large-buttons{
	width: 235px;
	margin-top:10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	} 

/* Large buttons paragraphs on homepage */ 
#content-center #large-buttons p{
	border: 10px outset #8ca551;
	width: 190px;
	background-color: #8ca551;
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	height: 20px;
	margin-top:10px;
	padding-top: 10px;
	} 

/* Large buttons LINKS on homepage */ 
#content-center #large-buttons p a:link,  
#content-center #large-buttons p a:visited {
	background-color: #8ca551;
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 35px;
	padding-top: 0px;
	} 

/* Large buttons LINKS HOVER on homepage */ 
#content-center #large-buttons p a:hover,  
#content-center #large-buttons p a:active	
	{
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	} 

/* Dental News Bites */ 
#newsbites{
	float:none;
	height:auto;
	background-color:#000;
	color: #fff;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 18em;
	background-color: #000000;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border: medium ridge #000000;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
} 

/* Dental News Bites links */ 
#newsbites a, #newsbites a:link, #newsbite a:visited {
color:#fff;
background-color: #000;
} 

#newsbites a:hover, #newsbite a:active {
color:#000;
background-color: #fff;
} 

/* Dental News Bites lists - ul and ol */ 
#newbites ul, #newsbites ol { 
  padding:2px 0 0 9px;
  list-style-type:none;
} 

/* Dental News Bites lists - li */ 
#newsbites li{
	margin-bottom:5px;
	font-size: 90%;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	list-style-type: disc;
	margin-left: 5px;
} 

/* Content at the bottom */ 
#content-bottom, #content-bottom p{
	clear:both;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:#fff;
	color:#000;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 
 
 /* NAVBAR DIVISION*/ 
/* Styling the navbar in the cell*/ 
#navbar{
	height:1.6em;
	margin-top: 0em;
	margin-right: 2.8em;
	margin-bottom: 0em;
	margin-left: 100px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #333;
	background-image: url(../images/navlink-black.jpg);
	width: 725px;
  } 

/* Remove bullets from ul in the navbar */ 
/* and style the entire navbar*/ 
#navbar ul{
	list-style-type:none;
	margin-left:0em;
	margin-top:0px;
	padding: 0px;
} 

/* Style each list items within the navbar */
#navbar li{
	float:left;
	width:5.6em;
	/* Required for drop-down menus */ 
  position:relative;
	margin-left: 0px;
	font-family: "Arial Narrow";
	font-size: 100%;
	color: #FFFFFF;
  } 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{
	text-decoration:none;
	font-family:"Arial Narrow";
	font-size:100%;
	color:#fff;
	display:block;
	height:1.6em;
	width:5.5em;
	border-right: solid 1px #000;
	line-height:1.6em;
	text-align:center;
	outline-style:none;
	background-repeat: repeat-x;
	background-position: center;
	background-color: #333;
	background-image: url(../images/navlink-black.jpg);
	} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{
	color:#fff;
	font-weight: normal;
	background-repeat: repeat-x;
	background-color: #333;
	background-image: url(../images/navhover-black.jpg);
	} 

/* DROP DOWN MENU STYLES */ 
/* Applies to drop-down menusin navbar */ 
#navbar li ul{ 
  position:absolute; 
  z-index:100; 
  visibility:hidden;
  } 

/* Make drop-down visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
  visibility:visible; 
  top:1.6em;
  left:2em;
  } 

/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a,
#navbar li.selected ul li a:link, 
#navbar li.selected ul li a:visited, 
#navbar li a:hover ul li a{ /* IE6 hack */
	background:#fff;
	font-size:70%;
	color:#000;
	font-weight:normal;
	text-align:left;
	display:block;
	width:12em;
	padding:0 0 0 1em;
	height:1.8em;	
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */
	color:#000;
	background-color: #D5E0BE;
  } 

/* IE6 hack applies to its table drop-down */ 
#navbar table { 
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute; 
  top:0.5em; 
  left:0; 
  z-index:100; 
} 

/*-------------------------------END NAVBAR */
 
/*------------Begin STAFF TABLE------------------ */ 
 #stafftable{
	background-color: #fff;
	padding: 0px;
	width: 600px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#stafftable img{
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#stafftable td{
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#stafftable h3 {
	margin-top:20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	margin-bottom: 2px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
}

#stafftable p {
	margin-top:auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	text-align: left;
	vertical-align: top;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
/*------------Begin GALLERY TABLE------------------ */ 
 #gallerytable{
	background-color: #fff;
	padding: 0px;
	width: 675px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 00px;
	border-right-width: 00px;
	border-bottom-width: 00px;
	border-left-width: 00px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#gallerytable img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#gallerytable td{
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#gallerytable h3 {
	margin-top:20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	margin-bottom: 2px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
}

#gallerytable p {
	margin-top:auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	text-align: left;
	vertical-align: top;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
 
/* link to anchors is a black background button*/
.anchor a:link, .anchor a:visited{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
}
.anchor a:hover, .anchor a:active{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #666;
}

#sitemap-left{
	width: 20em;
	float: left;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
} 
	
#sitemap-right{
	width: 40em;
	float: none;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
} 

#footer{
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	background-color: #000;
}
/* link in footer is white */
#footer a:link, #footer a:visited{
	background-color:#000;
	color: #fff;
	} 
#footer a:hover, #footer a:active{
	background-color:#fff;
	color: #000; 

}

.highlight-email{
	font-weight: bold;
	color: #600;	
}

.highlight-black{
	font-weight: bold;
	background-color:#fff;
	color:#000;	
}

.highlight-itallic{
	font-weight: bold;
	font-style:italic;
	background-color:#fff;
	color:#000;
}
.highlight-itallic-bold{
	font-weight: normal;
	font-style:italic;
	color: #000;
	font-size: 11px;
	background-color: #dfe8ce;
	text-decoration: none;
}

.highlight-itallic-small{
	font-weight: normal;
	font-style:italic;
	color: #000;
	font-size: 10px;
	text-decoration: none;
}
.highlight-bold{
	font-weight: bold;
	font-style:normal;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Comic Sans MS";
}

/* Styling the light green links in the text type */
a.link-green:link, a.link-green:visited{
	font-weight: normal;
	font-style:italic;
	color: #000;
	font-size: 11px;
	background-color: #dfe8ce;
	text-decoration: none;
	}
 
a.link-green:hover, a.link-green:active{
	font-weight: bold;
	font-style:italic;
	color: #000;
	font-size: 11px;
	background-color: #dfe8ce;
	text-decoration: none;
	}

 /* Styling bold links for the New Patient page */
.bold-link:link, .bold-link:visited{
	font-weight: bold;
	}
 
.bold-link:hover, .bold-link:active{
	font-weight: bold;
	text-decoration: none;
	}	
 
/* Styling large buttons, for the map */
.large-button:link, .large-button:visited{
	color: #fff;
	background-color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0px;
	padding: 2px;
	font-variant: small-caps;
	}
 
.large-button:hover, .large-button:active{
	color: #000;
	background-color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0px;
	padding: 2px;
	font-variant: small-caps;
	border: medium solid #000;
	}	
/* Styling large buttons, for the map */
.h4-link:link, .h4-link:visited{
	background-color:#000000;
	color:#ffffff;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-family: "Comic Sans MS";
	font-size: 0.9em;
	margin-left: 0em;
	margin-bottom:0em;
	margin-top:0em;
	margin-right: 0em;
	}
 
.h4-link:hover, .h4-link:active{
	color: #fff;
	background-color: #000;
	}	

/* Styling link to sitemap in the footer */
.sitemap-link:link, .sitemap-link:visited{
	font-weight: bold;
	background-color:#fff;
	color:#000;
	text-decoration: none;
	}
 
.sitemap-link:hover, .sitemap-link:active{
	font-weight: bold;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	}