/* GENERAL 
-----------------------------------------*/
* {margin: 0; padding: 0;}/* Sets all padding and margins to 0 - forces all browsers to behave... */
* html #contact_info {height: 350px} /* IE6 */
* html #content {height: 400px} /* IE6 */
* html #footer {height: 300px} /* IE6 */
html, body {height: 100%;}
img { 
behavior: url(iepngfix.htc);
}
body {
background: #b5df7d url(images/bg02.gif) repeat-x;
margin: 0;
font: 0.8em arial, verdana, helvetica, sans-serif;
color: #333;
line-height: 1.6em;
}

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

#schedule h2 {

color:#204706;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
margin-bottom:-5px;

}

#offer p {

background-color: #ECFDF2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #3A992D;
width:300px;
margin-left: 15%;
padding: 5px 5px 5px 5px;
margin-bottom:-5px;

}




#mainwrapper{

width: 440px;

margin-left: auto;

margin-right: auto;

}

#col1{

float: left;

width: 200px;

padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;




}

#col2{

float: left;

width: 200px;

padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

#links{

clear: both;
width: 405px;
margin-left: auto;
margin-right: auto;
color:#609619;
line-height:13px;
}



#link1{

float: left;

width: 100px;

padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}

#link1 a {text-decoration:none;}

#link2{

float: left;

width: 100px;

padding-left: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}
#link2 a {text-decoration:none;}

#link3{

float: left;

width: 100px;

padding-left: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;




}

#link3 a {text-decoration:none;}

#link4{

float: right;

width: 100px;

padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}

#link4 a {text-decoration:none;}

#clear { clear:both; }

td, th { 
padding: 4px; 
vertical-align: top;
font: 11px tahoma, arial, verdana, helvetica, sans-serif;
color: #000;
line-height: 20px;
}

a {
color: #669900;
text-decoration: underline;
font-weight:bold;
}

a:hover {
text-decoration: none;
font-weight:bold;
}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 35px;
color: #204706;
text-align: center;
line-height:36px;

margin: .8em 0 .8em 0;
}

h2 {
font: normal 18px "Palatino Linotype", serif;
letter-spacing: -.02em;
color: #690;
margin: .8em 0 .8em 0;
text-align: center;
}

h3 {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #204706;
margin: 10px 0;

}

h3.home {
font-size: 16px;
color: #204706;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0;
}

h4 {
color: #690;
font: bold 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.head {
color: #690;
font-size:12px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.home {
color: #204706;
font-weight:bold;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}


div.martha-zoller {
position:relative;
left:260px;
bottom:15px;
font-weight:bold;

}

font.consultation {

color: #669900;
font-weight:bold;
font-size:14px;
}


hr { 

color:#BBBBBB; }

ul,ol {
margin: 20px;
}

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

* img {border: none;}

p {margin: 0 0 10px 0;}

p.serving {font-size:11px;}

p.offer {background-color: #ECFDF2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #3A992D;
width:300px;
margin-left: 16%;
padding: 5px 5px 5px 5px;
}

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


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

/* Set the image for each nav item */
* #office {background: url(images/nav_office.gif);}
* #testimonials {background: url(images/nav_testimonials.gif);}
* #ortho {background: url(images/nav_ortho.gif);}
* #braces {background: url(images/nav_braces.gif);}
* #emergency {background: url(images/nav_emergency.gif);}
* #contact {background: url(images/nav_contact.gif);}
* #blog {background: url(images/nav_blog.gif);}
* #faq {background: url(images/nav_faq.gif);}
* #home {background: url(images/nav_home.gif);}

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

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


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

#nav li ul { /* second-level lists */
margin: -30px 0 0 270px;
padding: 0;
width: 150px;
position: absolute;
background: #e2e8da;
left: -999em;
line-height: 25px;
z-index: 2;
}

#nav li ul a {
padding: 0 0 0 10px;
width: 140px;
color: #360;
text-indent: 0;
text-decoration: none;
line-height: 25px;
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;
background: #79b12f;
}

#social-icons { text-align:center; }

/* PAGE LAYOUT
-----------------------------------------*/
* #container {
background: #8cc63f url(images/bg_container.gif);
margin: 0 auto;
position: relative;
width: 770px;
}

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

* #header {
margin: 0 auto;
position: relative;
width: 770px;
height: 235px;
}

* #header-bg {
width:770px;
background:url(images/header-background.jpg) no-repeat 0 0;
overflow:hidden;
position:relative;
height:235px;
}

* #header-bg p {
margin: 20px 10px 10px 280px;
background:#ffffff;
padding:5px;
}

* #sidebar {
background-color: #8cc63f;
color: #fff;
float: left;
width: 270px;
padding: 0 0 5px 0;
}

#contest-referral {
height: 90px;
position:relative;
left:30px;text-align:-999em;
}
#contest-referral ul{ list-style:none; margin:0; padding:0; text-align:-999em;}
#contest-referral li{ list-style:none; margin:0; padding:0; text-align:-999em;}
#contest-referral a {
background: transparent url(images/contest-referral-programs.gif) no-repeat;
overflow: hidden;
height: 90px;
width:210px;
position:relative;
left:0px;
display:block;
text-align:-999em;
}

#contest-referral a:hover {
background: transparent url(images/contest-referral-programs.gif) 0 101px;
overflow: hidden;
height: 101px;
width:210px;

}

* #contact_info {
background: transparent url(images/bg_contact_info.gif) no-repeat;
color: #fff;
font: .9em arial, verdana, helvetica, sans-serif;
padding: 53px 0 0 50px;
clear: both;
vertical-align: middle;
line-height: 1.6em;
overflow: hidden;
min-height: 300px;
margin-bottom:5px;
}

#contact_info a {
color: #cf6;
}

#contact_info h3 {
color: #fff;
font: bold 1.2em arial, verdana, helvetica, sans-serif;
margin: 1em 0 0 0;
text-align: left;
}

* #content {
float: right;
background: #e9fbd2 url(images/bg_content.gif) repeat-x;
width: 500px;
_width: 460px;
padding: 10px 20px 20px 20px;
min-height: 400px;
}

html>body #content {
width:460px;
} 

* .image {
background-color: #d7f3b2;
padding: 4px;
border: 1px solid #c0e78c;
margin: 0 10px 20px 0;
}

* .image_left {
background-color: #d7f3b2;
padding: 4px;
border: 1px solid #c0e78c;
float: left;
margin: 0 20px 20px 0;
clear: both;
}

* .image_right {
background-color: #d7f3b2;
padding: 4px;
border: 1px solid #c0e78c;
float: right;
margin: 0 0 20px 20px;
clear: both;
}

.video {
float: right;
margin: 0 0 5px 5px;
clear: both;
border: 0px;

}

* .image_center {
background-color: #d7f3b2;
padding: 4px;
border: 1px solid #c0e78c;
margin: 0 0 20px 0;
clear: both;
}

* .image_logo {
background-color: #fff;
padding: 10px;
border: 1px solid #c0e78c;
margin: 5px 10px 20px 10px;
clear: both;
}

* #site_map {font-weight: bold;}
* #site_map .sub {font-weight: normal;}



/* FOOTER
-----------------------------------------*/
* #footer {
background: url(images/bg_footer.gif) no-repeat;
margin: 0 auto;
position: relative;
width: 770px;
color: #dcdada;
padding: 4em 0 0 0;
text-align: center;
clear: both;
vertical-align: middle;
line-height: 24px;
overflow: hidden;
min-height: 300px;
}

#footer h3 {
font: bold 1.2em arial, verdana, helvetica, sans-serif;
color: #dcdada;
line-height: 1.6em;
}

#footer h3 .green {
font: bold 1.2em arial, verdana, helvetica, sans-serif;
color: #a2e44a;
line-height: 1.8em;
}

#footer a {
font: normal 0.85em arial, verdana, helvetica, sans-serif;
color: #cf3;
text-decoration: underline;
}

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

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

* #flash_standards {
background: transparent;
font-size: 10px;
color: #333;
text-align: center;
padding: 20px 0;
}

* #flashcontent {
overflow:hidden;
height:235px;
width:770px;
}


/* SESAME
-----------------------------------------*/
p#sesame {
padding: 1.6em 0 0 0; 

}

#sesame a {
font-size: 0.8em;
color: #dcdada;
text-decoration: underline;
}

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

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.SubHeader {
	font-family: Trebuchet MS, serif;
	font-size: 16px;
	color: #666;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.SubjectHeader {
	font-family: "Palatino Linotype", serif;
	font-size: 17px;
	color: #669900;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.LargeWhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
    text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-style:normal;
	margin-botton:5px;
}

.LargeGrayFooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #DCDADA;
    text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-style:normal;
}

.LargeGreenFooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a2e44a;
    text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-style:normal;
}

.PageTitle {
	font-family: "Palatino Linotype", serif;
	font-size: 37px;
	line-height: 39px;
	color: #333;
    text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-style:normal;
}

* img.greenborder {
	background-color: #d7f3b2;
	padding: 4px;
	border: 1px solid #c0e78c;
}

* img.greenborder-right {
	float: right;
	background-color: #d7f3b2;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #c0e78c;
	}
	
img.right {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
clear: right;}
.img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#sidebarteen {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebarteen a {
color: #036;}
#sidebarteen h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebarteen p {
padding: 0 15px;
margin: 15px 0;}
.clear {clear: both;}


#santa li { 
list-style:none;
width:264px;
height: 150px;
overflow:hidden;}

#santa li ul { 
margin: 0;
padding: 0;
width: 150px;
height:40px;
position: absolute;
left: -999em;
line-height: 25px;
}

#santa li ul a {
padding: 0 0 0 10px;
width: 140px;
height:40px;
color: #360;
text-indent: 0;
text-decoration: none;
line-height: 25px;
height: auto;
}

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

#santa li:hover ul a:hover, #santa li.sfhover ul a:hover { /* lists nested under hovered list items */
color: #fff;
background: #79b12f;

}
/* Global form styles */
strong.red-text {
	color: #e1111E;
	}

div.invisalign-teen-form {
	width: 100%;
	margin-top: 18px;	
}

fieldset {border: 0; padding: 9px 0;color: #002544; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #002544; border-bottom: 1px solid #002544;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #c6dbed;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
	clear:both;/*do not change, forces button to sit below floated elements*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:31px;
	background:#c6dbed;/* customize me! */
	border: 1px solid #002544;
	text-align:center;
	line-height:31px;
	color:#002544;/* customize me! */
	font-size:12px;
	font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
fieldset textarea {height: 144px; overflow: auto; }
label.required {background: url(images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}

/* invisalign teen form */
.invisalign-teen-form-form {
	margin: 18px 0;
	padding: 0;
}
.invisalign-teen-form fieldset {border: 0; }
.invisalign-teen-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	margin-top: 9px;
	line-height: 18px;
	}
.invisalign-teen-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.invisalign-teen-form input, .invisalign-teen-form select, .invisalign-teen-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:35%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.invisalign-teen-form p.radio, .invisalign-teen-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.invisalign-teen-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;
	vertical-align: middle;
	line-height: 18px;}
.invisalign-teen-form span#found-other {width: 100%;}
.invisalign-teen-form span#found-other input {margin-left: 47%; background: #fff0b2}
.invisalign-teen-form p.verification {margin-top: 0;}
.invisalign-teen-form p.radio input, .invisalign-teen-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;}


/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(images/validate_error.jpg) 0 0 no-repeat; color: #a52003; 
		 display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px; clear: both;}
div.success {padding-left: 18px; background: url(images/validate_ok.jpg) 0 0 no-repeat; color: #000000; 
		   display: block;margin:9px 0 0 0;font-size: 11px; font-weight: normal; line-height: 18px; float: right; clear: none;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}