@charset "UTF-8";
/* CSS Document */

body {
	font-family: Times New Roman, Times, serif;
	color: #333;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	background:#cee0e0 url(../_images/bkgd-body.gif) repeat-x;
}
#wrapper {
	width: 830px;
	overflow:auto;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}
#container {
	width: 800px;
	overflow:auto;
	margin: 1em 0 0 1em;
	padding: 0;
	background-color: #FFFFFF;
}
.signature {
	width: 815px;
	height: 2.5em;
	margin: 0 auto;
	padding: 0;
	float: none;
}
.displayArea {
	width: 800px;
	height: 225px;
	background: url(../_images/homepage-display2.jpg) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}
.navArea {
	width: 780px;
	height: 45px;
	background: url(../_images/bkgd-nav.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	float: left;
	}
	
/*==============================================================
HOME PAGE STYLES =====*/
#leftColumn {
	width: 480px;
	overflow: auto;
	background: url(../_images/bkgd-navShadow.gif) no-repeat;
	margin: 0;
	padding: 10px 15px;
	float: left;
	}
* html #leftColumn {
	width: 480px;
	}
#leftColumn p, #leftColumnSub p, #leftColumnSubWide p {
	font-family: Verdana, Arial, Times New Roman, Times, serif;
	font-size: 0.8em;	
	color: #4a3b0d;
	line-height: 1.6em;
	}
#leftColumn img {
	padding: 0 5px 0 0;
	border: none;
	}
em {
	color: #003333;
}
#leftColumn a, #leftColumnSub a {
	text-decoration: none;
	color: #287a8e;
	}
#leftColumn a:hover, #leftColumnSub a:hover {
	text-decoration: none;
	color: #0b313a;
	background-color: #c5dee4;
	}
#rightColumn {
	width: 260px;
	overflow: auto;
	text-align: center;
	background: url(../_images/bkgd-rightCol.gif) repeat-x;
	margin: 1.8em 0;
	padding: 0;
	border-top: 1px dashed #24839b;
	/*border-bottom: 1px dashed #24839b;*/
	float: left;
	}
* html #rightColumn {
	width: 268px;
	}
#rightColumn p, #rightColumnSub p {
	font-size: 0.9em;
	color:#24839b;
	padding: 0 10px;
	text-align: left;
	}
#rightColumn a, #leftColumnSubWide a {
	font-size: 0.8em;
	color:#185d6e;
	text-decoration: underline;
	}
#rightColumn a:hover, #rightColumnSub a:hover, #leftColumnSubWide a:hover {
	color:#f60;
	text-decoration: underline;
	background-color: #eee;
	}
#rightColumnSub img {
	text-align: center;
	}


/*==============================================================
SUB PAGE STYLES =====*/
#leftColumnSub {
	width: 570px;
	overflow: auto;
	background: url(../_images/bkgd-navShadow.gif) no-repeat;
	margin: 0;
	padding: 10px 10px;
	float: left;
	}
* html #leftColumnSub {
	width: 560px;
	}
#leftColumnSub img {
	padding: 0 15px 10px 5px;
	border: none;
	}
#leftColumnSub ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	}
#leftColumnSub ul ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	}
#leftColumnSub li {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #4a3b0d;
	background: url(../_images/5px-bullet.gif) no-repeat 0px 8px;
	margin: 0 2em 0 0.5em;
	padding: 0 0 0 0.5em;
	}
#rightColumnSub li {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #4a3b0d;
	margin: 0 2em 0.4em 1em;
	padding: 0 0.5em;
	}

#leftColumnSubWide {
	width: 770px;
	overflow: auto;
	background: url(../_images/bkgd-navShadow.gif) no-repeat;
	margin: 0;
	padding: 10px 15px;
	float: left;
	}
#rightColumnSub {
	width: 200px;
	overflow: auto;
	text-align: center;
	background: url(../_images/bkgd-rightCol.gif) repeat-x;
	margin: 1.2em 0;
	padding: 0 0 1em 0;
	float: left;
	border-top: 1px dashed #24839b;
	border-bottom: 1px solid #24839b;
	}
#rightColumnSub2 {
	width: 200px;
	overflow: auto;
	text-align: center;
	background: url(../_images/bkgd-rightCol.gif) repeat-x;
	margin: 1em 0 0 0;
	padding: 0;
	float: right;
	border-top: 1px dashed #24839b;
	border-bottom: 1px solid #24839b;
	}

#rightColumnSub ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
 #rightColumnSub li {
 	background: url(../_images/rightColSub-bullet.gif) no-repeat 0 5px;
	}

* html #rightColumnSub {
	width: 208px;
	}
#rightColumnSub img, #rightColumnSub2 img {
	padding: 0;
	border: none;
	}
#rightColumnSub a, #rightColumnSub2 a {
	font-size: 1.0em;
	color:#185d6e;
	text-decoration: underline;
	}
.subHeaders {
	width: 800px;
	height: 175px;
	margin: 0;
	padding: 0;
	float: left;
}
.staffBox {
	width: 730px;
	overflow: auto;
	margin: 1em 0 1em 0;
	padding: 0 0 2em 0;
	border-bottom: 1px dashed #24839b;
	float: left;
	}
.staffPhoto {
	width: 125px;
	height: 150px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #99cccc;*/
	float: left;
	}
.staffBio {
	width: 570px;
	overflow:auto;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
	text-align:left;
	}
	
* html .staffBox {
	width: 730px;
	marg\in: 0 0 1em 0;
	}
* html .staffPhoto {
	width: 125px;
	marg\in: 0;
	}
* html .staffBio {
	width: 570px;
	marg\in: 0 0 0 20px;
	}
	
.map {
	width: 425px;
	overflow: auto;
	border: 2px solid #cc9999;
	margin: 0;
	padding: 0;
	}
.infoBox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	color:#000;
	text-align: left;
	width: 190px;
	overflow: auto;
	margin: 0 0 0.6em 0;
	padding: 5px;
	/*border: 1px solid #336699;*/
	float: left;
	}
.subTitleBar {
	width: 190px;
	height: 38px;
	background: url(../_images/titleBar.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color:#336699;
	line-height: 30px;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0 0 0.5em 0;
	}
.mission {
	color: #000;
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 480px;
	overflow: auto;
	margin: 0;	
	}
	
.push180 {
	margin: 0 0 0 180px;
	}
.imageBoxNativeGirl {
	margin-top: 19em;
	}
.javascriptBox {
	float: left;
	margin-right: 2em;
	}
.crownBox {
	margin-bottom: 6em;
	float: left;
	}
.bridgeBox {
	margin-bottom: 8em;
	float: left;
	}

/*==============================================================
COMMON TEXT STYLES =====*/
h1 {
	font-size: 1.2em;
	/*line-height: 1.1em;*/
	color:#996600;
	font-weight: bold;
	text-align: left;
	margin: 0.5em 0;
	padding: 0.3em 0 0.3em 0.5em;
	background:#F9EFE2 url(../_images/bkgd-h1.gif) repeat-x;
	border-top: 1px dashed #C8A371;
	/*border-bottom: 1px dashed #C8A371;*/
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
h2 {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #ae4a06;
	text-align: left;
	font-weight: bold;
	margin: 0 0 1em 0; padding: 0;
	padding-top: 3px;
	border-top: 1px dashed #ecdecb;
}
h3 {
	font-size: 0.9em;
	color:#372c0b;
	line-height: 1.2em;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #F9EFE2;
}
h4 {
	font-size: 1.2em;
	color:#24839b;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
hr {
	border-top: 1px dashed #f60;
	margin: 1em 0;
	}
.resource, td p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#24839b;
	padding: 0;
	margin: 0;
	}
.resource a:hover img {
	background-color: #fff;
	}

/*==============================================================
IMAGE REPLACEMENT STYLES =====*/
.creatingGreatsmiles {
	background:url("../_images/sig-creatingGreatSmiles.gif") no-repeat;
 	height:30px;
	margin: 5px 0;	
}
.creatingGreatsmiles span {
	display: none;
}
.phoneNo {
	background:url("../_images/sig-phoneNo.gif") no-repeat;
 	width: 183px;
	height: 30px;
	margin: 5px 0 0 40em;
	
}
.phoneNo span {
	display: none;
}

.tabbedCosmetics {
	width: 114px;
	height: 28px;
	background: url(../_images/tab-cosmetic.gif) no-repeat;
	}
.tabbedGeneralDentistry {
	width: 171px;
	height: 28px;
	background: url(../_images/tab-generalDentistry.gif) no-repeat;
	}
/*==============================================================*/
/* FOOTER STYLES */
#footer {
	width: 830px;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	background: url(../_images/footer-bkgd.gif) repeat-x top;
}
.footerTop {
	width: 830px;
	height: 7px;
	background: url(../_images/footer-bkgdShadow.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	}
* html #footer {
	w\idth: 830px;
}
#footer ul{
	padding: 0em 0 0;
	margin: 0em 1em 0 1em;
	list-style-type: none;
}
#footer li {
	font-size: 0.7em;
	margin: 0;
	padding: 1em 0.1em 0 0.1em;
	list-style: none;
	float: left;
	color: #fff;
}
#footer li a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	list-style: none;
	padding-left:3PX;
	border-left:1PX #FFFFFF solid;
}
#footer li a:hover {
	text-decoration: underline;
	color: #000;
	
}
.contact {
	text-align: right;
	float: right;
	color:#336699;
}
/*==============================================================*/
/* SPRY WIDGET STYLES */
#spryConsole {
	width: 45em;
	float: left;
	}
#spryConsole img{
	float: none;
	display: block;
	margin-bottom: 1em;
	}
	
/* CHRISTMAS STYLES */
#event {
	width: 700px;
	overflow: auto;
	background: url(../_images/bkgd-navShadow.gif) no-repeat;
	margin: 0;
	padding: 10px 10px;
	float: left;
	}
.christmas {text-align: left; font-size: 14px; float: left;}
.red, .green { 
	font-size: 18px;
	color : #f30;
	font-weight: bold;
	line-height: 22px;
	}
.red2, .green2 {font-weight: normal; color:#f30;font-size: 14px;}
.green, .black { color: #009900; font-weight: bold; font-size: 14px;}
.black {color: black;}

#eventListing {
	width: 242px;
	overflow: auto;
	text-align: center;
	margin: 0.5em 0 0 0;
	padding: 3em 0 0 0;
	/*border: 2px dashed #f30;*/
	background: url(../_images/Pref_Provider.jpg) no-repeat 10px 0;
	float: left;
	}
#eventListing p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 20px;
	font-weight: normal;
	}
.red3 {font-weight: bold; color:#f30;font-size: 16px;}
#eventListing img {
	border:none;
	background-color: #fff;
	}
#prefProvider {
	width: 200px;
	height: 46px;
	background: url(../_images/Pref_Provider_sm.gif) no-repeat 0 0;
	}