/* GENERAL 
-----------------------------------------*/
* {margin: 0; padding: 0;}/* Sets all padding and margins to 0 - forces all browsers to behave... */
* html #content {height: 720px} /* IE6 */


body {
background: #4e0858 url(../images/bg03.jpg) top center repeat-x;
margin: 0px;
font: 13px georgia, times, serif;
color: #303;
line-height: 20px;
}

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

td, th { 
padding: 0; 
vertical-align: top;
font: 12px georgia, times, serif;
color: #303;
line-height: 20px;
}

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

a:hover {
text-decoration: none;
}

h1 {
background-repeat: no-repeat; 
width: 500px;
margin: 0;
overflow: hidden; 
text-indent: -999em; /* hides rich text so only background image shows */
}

h2 {
font: normal 20px trebuchet ms, sans-serif;
letter-spacing: -.03em;
color: #609;
margin: 10px 0;
}

h3 {
font: bold 16px trebuchet ms, sans-serif;
color: #333;
margin: 16px 0 10px 0;
}

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

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

img {border: none;}

p {margin: 0 0 10px 0;}
* .pink {color: #fa10ca;}
* .teal {color: #26cbcb;}
* .blue {color: #1a00fa;}
* .green {color: #3ccb19;}
* .purple {color: #650397;}
* .lt-purple {color: #c80cc9;}
/* LOGO
----------------------------------------*/
* .logo { 
letter-spacing : -1000em;
text-indent : -999em;
overflow : hidden;
padding: 0;
margin: 30px 0 0 10px;
width: 460px;
height: 100px;
background: transparent;
float: left;
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: 460px;
height: 100px;
display: block;
background: transparent;
float: left;
}


/* TAGLINE
----------------------------------------*/
* #tagline {
letter-spacing : -1000em;
text-indent : -999em;
overflow : hidden;
padding: 0;
margin: 0;
width: 410px;
height: 35px;
line-height: 0;
float: left;
background: transparent;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body #tagline {
letter-spacing : normal;
text-indent : -999em;
}
/* End of hack */


/* UTILTY 
-----------------------------------------*/
* #utility, #utility ul { /* all lists */
width: 371px;
height: 35px;
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}

* #utility {float: right;}

/*  Makes the list items sit next to each other */
#utility li {float: left;}

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

/* Set the image for each nav item */
* #patient-login {background: url(../images/utility-patient-login.gif); width: 112px;}
* #site-map {background: url(../images/utility-site-map.gif); width: 84px;}
* #contact-us {background: url(../images/utility-contact-us.gif); width: 97px;}
* #home {background: url(../images/utility-home.gif); width: 78px;}

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

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


/* UTILITY SUB-NAVIGATION 
-----------------------------------------*/
#utility li {
display: inline;
font: 11px tahoma, arial, sans-serif;
}

#utility li ul { /* second-level lists */
margin: 0 0 0 0;
padding: 0;
width: 100px;
position: absolute;
background: #5f0344;
left: -999em;
line-height: 29px;
height: auto;
}

#utility li ul a {
padding: 0 0 0 10px;
width: 90px;
color: #ca98bb;
text-indent: 0;
text-decoration: none;
line-height: 29px;
height: auto;
border-bottom: 1px solid #8e4c71;
}

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

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


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

* #nav {
margin-top: 10px;
}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {
width: 240px;
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 */
* #about-our-office {background: url(../images/nav-about-our-office.gif);}
* #your-first-visit {background: url(../images/nav-your-first-visit.gif);}
* #all-about-hygiene {background: url(../images/nav-all-about-hygiene.gif);}
* #all-about-orthodontics {background: url(../images/nav-all-about-orthodontics.gif);}
* #all-about-braces {background: url(../images/nav-all-about-braces.gif);}
* #emergencies-and-urgencies {background: url(../images/nav-emergencies-and-urgencies.gif);}
* #contests-and-events {background: url(../images/nav-contests-and-events.gif);}
* #fun-and-games {background: url(../images/nav-fun-and-games.gif);}

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

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


/* SUB-NAVIGATION 
-----------------------------------------*/
#nav li {
display: inline;
font: 11px tahoma, arial, sans-serif;
}

#nav li ul { /* second-level lists */
margin: -30px 0 0 240px;
padding: 0;
width: 200px;
position: absolute;
background: #5f0344;
left: -999em;
line-height: 29px;
height: auto;
}

#nav li ul a {
padding: 0 0 0 10px;
width: 190px;
color: #ca98bb;
text-indent: 0;
text-decoration: none;
line-height: 29px;
height: auto;
border-bottom: 1px solid #8e4c71;
}

#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: #460132;
}


/* PAGE LAYOUT
-----------------------------------------*/
* #container {
background: url(../images/bg-container.gif) repeat-y;
margin: 0 auto;
position: relative;
width: 790px;
}
* #container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #topbar {
background: #470b4f url(../images/bg-topbar.gif) no-repeat;
width: 790px;
height: 35px;
}
* #topbar:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #header {
background: url(../images/bg-header-new.jpg) no-repeat;
position: relative;
width: 790px;
height: 175px;
}
* #header:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #main {
background: url(../images/bg-main.jpg) no-repeat;
width: 790px;
position: relative;
}
* #main:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

* #sidebar {
color: #fff;
width: 200px;
padding: 0 0 20px 0;
position: absolute;
left: 0;
}

* #contact-info {
color: #fff;
font: 11px tahoma, arial, sans-serif;
padding: 20px 0 20px 45px;
clear: both;
vertical-align: middle;
line-height: 20px;
overflow: hidden;
width: 190px;
}

* #content {
width: 500px;
padding: 30px 30px 20px 0;
margin-left: 260px;
line-height: 24px;
min-height: 720px;
}

* .float-right {
float: right;
margin: 0 0 20px 20px;
clear: both;
}

* .img {
float:none;
background: #fff;
padding: 4px;
border: 1px solid #ac69b2;
margin: 0 5px 10px 0;
clear: both;
}
* .map {
float:none;
background: #fff;
padding: 4px;
border: 1px solid #ac69b2;
margin: 0 10px 10px 0;
clear: both;
width: 490px;
height: 400px;
overflow: hidden;
}

* .img-left {
float: left;
background: #fff;
padding: 4px;
border: 1px solid #ac69b2;
margin: 0 20px 20px 0;
clear: both;
}

* .img-right {
float: right;
background: #fff;
padding: 4px;
border: 1px solid #ac69b2;
margin: 0 0 20px 20px;
clear: both;
}

* .img-center {
background: #fff;
padding: 4px;
border: 1px solid #ac69b2;
margin: 10px 125px;
clear: both;
}

* .card-center {
margin: 0 0 0 50px;
}

* #site-map-page {font-weight: bold;}
#site-map-page .sub {font-weight: normal;}
#site-map-page ul ul {margin-bottom: 0;}
#site-map-page li {margin-bottom: 5px;}


/* FOOTER
-----------------------------------------*/
* #footer {
font: 11px tahoma, times, serif;
background-color: #4e0858;
color: #cc9;
padding: 0 0 20px 0;
margin: 0;
text-align: center;
clear: both;
vertical-align: middle;
line-height: 24px;
overflow: hidden;
border: 0;
}

#footer h2 {
font: 18px georgia, times, serif;
color: #eceacd;
}

#footer a {
color: #fcf;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}
#footer ul {margin-left: 75px; margin-right: 75px;}
#footer li {
display: inline;
list-style-type: none;
padding-right: 7px;
}
#footer li a {white-space: nowrap;}
* #flash_standards {
background: transparent;
font-size: 10px;
color: #333;
text-align: center;
padding: 20px 0;
}
* #flashcontent {
	display: block;
	clear: both;
	width: 790px;
	height: 400px;
}
/* Header Dancing Teeth */
* #header-teeth {width: 300px;height: 176px;position: absolute; top: 35px;left: 479px;}
* #header-teeth.january {background: url(../images/teeth_january.jpg) no-repeat;}
* #header-teeth.february {background: url(../images/teeth_february.jpg) no-repeat;}
* #header-teeth.valentines {background: url(../images/teeth_valentines.jpg) no-repeat;}
* #header-teeth.mardigras {background: url(../images/teeth_mardigras.jpg) no-repeat;}
* #header-teeth.presidents {background: url(../images/teeth_presidents.jpg) no-repeat;}
* #header-teeth.stpatricks {background: url(../images/teeth_stpatricks.jpg) no-repeat;}
* #header-teeth.march {background: url(../images/teeth_march.jpg) no-repeat;}
* #header-teeth.stpatricks {background: url(../images/teeth_stpatricks.jpg) no-repeat;}
* #header-teeth.april {background: url(../images/teeth_april.jpg) no-repeat;}
* #header-teeth.easter {background: url(../images/teeth_easter.jpg) no-repeat;}
* #header-teeth.may {background: url(../images/teeth_may.jpg) no-repeat;}
* #header-teeth.june {background: url(../images/teeth_june.jpg) no-repeat;}
* #header-teeth.july {background: url(../images/teeth_july.jpg) no-repeat;}
* #header-teeth.july4 {background: url(../images/teeth_july4.jpg) no-repeat;}
* #header-teeth.august {background: url(../images/teeth_august.jpg) no-repeat;}
* #header-teeth.september {background: url(../images/teeth_september.jpg) no-repeat;}
* #header-teeth.patriots {background: url(../images/teeth_patriots.jpg) no-repeat;}
* #header-teeth.october {background: url(../images/teeth_october.jpg) no-repeat;}
* #header-teeth.columbus {background: url(../images/teeth_columbus.jpg) no-repeat;}
* #header-teeth.november {background: url(../images/teeth_november.jpg) no-repeat;}
* #header-teeth.december {background: url(../images/teeth_december.jpg) no-repeat;}
* #header-teeth.tennis {background: url(../images/teeth_tennis.jpg) no-repeat;}



/* SESAME
-----------------------------------------*/
p#sesame {
padding: 10px 0; 
}

#sesame a {
font-size: 10px;
color: #fcf;
text-decoration: underline;
}

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

* 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;}
* .sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
.sidebar a {
color: #036;}
.sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
* .thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
.sidebar p {
padding: 0 15px;
margin: 15px 0;}
* .clear {clear: both;}

.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}

/* edit.com */

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

.NormalText, body, td {
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 24px;
	color: #330033;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubHeader {
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Trebuchet MS, sans-serif;
	font-size: 20px;
	color: #660099;
	font-weight: normal;
}

* .PageTitle {
	font-family: Comic Sans MS, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #740074;
	font-weight: bold;
	font-style: italic;
}

.BlueText {color: #1a00fa;}
.GreenText {color: #3ccb19;}
.PinkText {color: #fa10ca;}
.Light-PurpleText {color: #c80cc9;}
.PurpleText {color: #650397;}
.TealText {color: #26cbcb;}

/* img styles */

img.Border {
	background-color:#FFFFFF;
	border:1px solid #AC69B2;
	padding:4px;
}