/* GENERAL 
-----------------------------------------*/
* {margin: 0; padding: 0;}/* Sets all padding and margins to 0 - forces all browsers to behave... */
html, body {height: 100%;}

body {
background: #fce397 url(../images/bg.jpg) top center no-repeat;
margin: 0;
}

body.welcome-to-the-smile-design-center {background-image: url(../images/bg-tall.jpg);}

table { 
border-collapse: collapse; 
border-spacing: 0; 
}

td, th { 
padding: 0; 
vertical-align: top;
}


/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 14px; font-family: Georgia, Times New Roman, Times, serif; color: #630; line-height: 22px; }

.Title		{ color: #490049; font-size: 32px; font-weight: bold; font-family: Georgia; line-height: 32px; }
.Header		{ color: #490049; font-size: 24px; font-weight: normal; font-family: Georgia; line-height: 32px; }
.Subheader	{ color: #996633; font-size: 18px; font-weight: normal; font-family: Georgia; line-height: 24px; }

.Purple		{ color: #490049; }
.LightBrown { color: #996633; }
.DarkBrown	{ color: #663300; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }


a {
color: #939;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

h1 {
background-repeat: no-repeat;
height: 50px; /* this height reflects the height of the heading image */
margin: 0;
overflow: hidden; 
text-indent: -999em; /* hides rich text so only background image shows */
}

h2 {
font: 24px/22px georgia, times, serif;
color: #606;
margin: 10px 0;
}

h3 {
font: 18px/22px georgia, times, serif;
color: #963;
margin: 10px 0;
}

ul,ol {
margin: 0 0 20px 30px;
}

ul.larger {
font-size: 14px;
}

img {border: none;}

p {margin: 0 0 10px 0;}

hr {
color: #8f0080;
background-color: #8f0080;
height: 2px;
margin: 20px 0;
border:0;
}

h6 {
color: #8f0080;
background-color: #8f0080;
height: 2px;
margin: 20px 0;
border:0;
}


/* LOGO
----------------------------------------*/
* .logo { 
letter-spacing : -1000em;
text-indent : -999em;
overflow : hidden;
padding: 0;
margin: 0;
width: 260px;
height: 240px;
background: transparent;
position: absolute;
top: 110px;
left: 20px;
line-height: 0;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body .logo {
letter-spacing : normal;
text-indent : -999em;
}
/* End of hack */

h1.logo a {
padding: 0;
margin: 0;
width: 260px;
height: 240px;
display: block;
background: transparent;
float: left;
}


/* TAGLINE
----------------------------------------*/
* .tagline { 
letter-spacing : -1000em;
text-indent : -999em;
overflow : hidden;
padding: 0;
margin: 0;
width: 440px;
height: 50px;
background: transparent;
line-height: 0;
position: absolute;
top: 10px;
left: 490px;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body .tagline {
letter-spacing : normal;
text-indent : -999em;
}
/* End of hack */


/* NAVIGATION 
-----------------------------------------*/
* #nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}

* #nav {
width: 960px;
}

#nav ul {
width: 715px;
margin: 0 auto;
}

#nav li {
float: left;
}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {
height: 60px;
display: block;
overflow: hidden; 
text-indent: -999em;  /*Indents the rich-text so it does not show */
}

/* Set the image for each nav item */
* #home {background: url(../images/nav-home.gif); width: 87px;}
* #for-patients {background: url(../images/nav-for-patients.gif); width: 153px;}
* #treatment-options {background: url(../images/nav-treatment-options.gif); width: 209px;}
* #lectures {background: url(../images/nav-lectures.gif); width: 124px;}
* #contact-us {background: url(../images/nav-contact-us.gif); width: 142px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active {background-position: 0 -60px;}

/* Set cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}


/* SUB-NAVIGATION 
-----------------------------------------*/
#nav li {
display: inline
}

#nav li ul { /* second-level lists */
font: 11px/30px arial, verdana, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .06em;
margin: 0;
padding: 10px 0;
width: 220px;
position: absolute;
background: #330033;
left: -999em;
height: auto;
}

#nav li ul a {
font: 11px/30px arial, verdana, helvetica, sans-serif;
padding: 0 0 0 23px;
width: 210px;
color: #c9c;
text-indent: 0;
text-decoration: none;
height: auto;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
display:block;
}

#nav li:hover ul a:hover, #nav li.sfhover ul a:hover { /* lists nested under hovered list items */
color: #fff;
}


/* PAGE LAYOUT
-----------------------------------------*/
* #container {
margin: 0 auto;
position: relative;
width: 960px;
}

#container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #header {
margin: 0 auto;
position: relative;
width: 960px;
height: 250px;
}

* .welcome-to-the-smile-design-center #header {height:360px;}

* #img-section {
padding: 0;
margin: 0;
position: absolute;
top: 60px;
left: 300px;
}

* #main {
margin: 0 auto;
position: relative;
width: 940px;
padding: 30px 0 30px 10px;
}
#main:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #content {
float: left;
width: 700px;
_width: 690px;

padding: 0;
}

* #sidebar {
color: #fff;
float: left;
width: 240px;
padding: 0;
border: 1px soild #0f0;
}

* #contact-info {
width: 173px;
margin: 0 0 0 40px;
padding: 18px 0 20px 17px;
background-color: #fce9ab;
border: 3px solid #fff2c9;
font: 14px/20px arial, verdana, helvetica, sans-serif;
color: #330;
overflow: hidden;
}

#contact-info h2 {
font: bold 16px/20px arial, verdana, helvetica, sans-serif;
color: #330;
margin: 0 0 4px 0;
overflow: hidden;
}

* .flash-replaced {text-align:center;}
* .flash-replaced .alt {display:none;}

* #tabs {font-size:8.5px;}


/* TV AD
----------------------------------------*/
* .tv-ad { 
background: url(../images/tv-ad.png) no-repeat;
letter-spacing : -1000em;
text-indent : -999em;
padding: 0;
overflow : hidden;
margin: 15px 0 0 0;
width: 250px;
height: 300px;
line-height: 0;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body .tv-ad {
letter-spacing : normal;
text-indent : -999em;
}
/* End of hack */

h3.tv-ad a {
padding: 0;
margin: 0;
width: 250px;
height: 300px;
display: block;
}

* .border {
background-color: #fff;
padding: 3px;
margin: 0 10px 10px 0;
clear: both;
}

* .left {
background-color: #fff;
padding: 3px;
float: left;
margin: 0 20px 10px 0;
}

* .right {
background-color: #fff;
padding: 3px;
float: right;
margin: 0 0 10px 20px;
}

* #site-map {font-weight: bold; float: left; padding-right: 40px;}
* #site-map .sub {font-weight: normal;}

/* in page sub nav ----------------------------------------*/
#sub-page-nav ul {margin: 0 0 20px 0;}
#sub-page-nav li {display:inline; list-style:none; text-indent:none; white-space:nowrap;}
#sub-page-nav li a {color: #909; padding: 0 6px 0 10px; border-left: 1px solid #debb46; white-space:nowrap; text-decoration: underline;}
#sub-page-nav li a:visited {text-decoration: underline;}
#sub-page-nav li:hover a, #sub-page-nav li a.active {color: #938042; font-weight:normal; text-decoration:none;}
#sub-page-nav li.#sub-page-nav-first a{padding-left:0; border-left:none;}
#sub-page-nav li.first a{padding-left:0; border-left:none;}
#sub-page-nav.color li a {color: #09c;}


/* sortable table ------------------------------------------- */
table.sortable {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.sortable th {
	background-color: #4F0051;
	border: 1px solid #FFF;
	color:#FFF;
	font: 11px/13px arial, verdana, helvetica, sans-serif;
	padding: 4px;
}
table.sortable tr .header {
	background-image: url(../images/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sortable tbody td {
	border: 1px solid #fff;
	color: #3D3D3D;
	font: 11px/14px arial, verdana, helvetica, sans-serif;
	padding: 4px;
	background-color: #FDE398;
	vertical-align: top;
}
table.sortable tbody tr.odd td {
	background-color:#FDF0C3;
}
table.sortable thead tr .headerSortUp {
	background-image: url(../images/table/asc.gif);
}
table.sortable thead tr .headerSortDown {
	background-image: url(../images/table/desc.gif);
}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
background-color: #7A007B;
}

/* schedule table ------------------------------------------- */
table.schedule {
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.schedule th {
	background-color: #4F0051;
	border: 1px solid #FFF;
	color:#FFF;
	font: 11px/13px arial, verdana, helvetica, sans-serif;
	padding: 4px;
}
table.schedule tr .header {
	background-image: url(../images/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.schedule tbody td {
	border: 1px solid #fff;
	color: #3D3D3D;
	font: 11px/14px arial, verdana, helvetica, sans-serif;
	padding: 4px;
	background-color: #FDE398;
	vertical-align: top;
}
table.schedule tbody tr.odd td {
	background-color:#FDF0C3;
}
table.schedule thead tr .headerSortUp {
	background-image: url(../images/table/asc.gif);
}
table.schedule thead tr .headerSortDown {
	background-image: url(../images/table/desc.gif);
}
table.schedule thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
background-color: #7A007B;
}

/* FOOTER
-----------------------------------------*/
* #footer {
background: #552e5f url(../images/bg-footer.gif) top center repeat-x;
color: #fff;
margin: 0;
padding: 30px 0 0 0;
text-align: center;
line-height: 20px;
display: block;
clear: both;
overflow: hidden;
}

#footer h2 {
width: 820px;
font: 18px/24px arial, verdana, helvetica, sans-serif;
color: #fff;
margin: 0 auto 20px auto;
}

#footer a {
font: 12px/20px arial, verdana, helvetica, sans-serif;
color: #fcf;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

#footer li {
display: inline;
list-style-type: none;
padding-right: 7px;
}


/* SESAME
-----------------------------------------*/
* #sesame {
margin: 0;
padding: 20px 0 40px 0; 
text-align: center;
}

#sesame a {
font: 14px/20px arial, verdana, helvetica, sans-serif;
color: #fcf;
text-decoration: underline;
}

#sesame a:hover {
text-decoration: none;
}

/* link types ----------------------------------------*/
a.pdf { background: url(../images/icon-pdf.gif) no-repeat; padding-left: 16px; }
a.doc { background: url(../images/icon-doc.gif) no-repeat; padding-left: 16px; }
a.zip { background: url(../images/icon-zip.gif) no-repeat; padding-left: 16px; }
a.top { background: url(../images/arrow-top.gif) no-repeat; padding-left: 12px;}