*			{margin: 0; padding: 0;}/* sets all elements margin and padding to 0 */

body		{margin: 0 0 20px; background: #F0E1C1 url(../images/bkd2.jpg) repeat-x 0 0;}

h1			{height: 36px; margin: 0 0 10px; color: #801818; font-size: 18px; font-family: "Comic Sans MS"; overflow: hidden;}

h1 span		{width: 100%; height: 100%; position: absolute; background-repeat: no-repeat;}

h2			{margin: 0 0 1px; padding: 0 0 0 4px; color: #801818; font-size: 14px;}

h3			{margin: 0 0 1px; padding: 0 0 0 4px; color: #801818; font-size: 12px; line-height: normal;}

h4			{margin: 0 0 6px 8px; color: #3E2F17; font-size: 13px; line-height: normal;}

hr			{color: #801818;}

p			{margin: 2px 0 15px;}

ul			{margin: 1px 10px 15px; list-style: inside disc;}

body, td,

.NormalText	{color: #3E2F17; font-size: 11px; font-family: Verdana, Georgia;}

.RedText	{color: #801818;}



div.clear:after	{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

div.clear		{display: inline-block;}



html[xmlns] div.clear	{display: block;}

* html div.clear		{/* For IE =< 6 */ height: 1%;}

img.clear				{}

img.image-float-left	{float: left; clear: left; display: block;}

img.image-float-right	{float: right; clear: right; display: block;}



/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/



h1.replace					{letter-spacing: -1000em;}

h2.replace					{letter-spacing: -1000em; height: 36px;}

/* Just for Opera, but hide from MacIE */

/*\*/html>body h1.replace,

/*\*/html>body h2.replace	{letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* End of hack */

h1.replace ul,

h2.replace ul,

h1.replace ul li,

h2.replace ul li			{letter-spacing: 0; text-indent: 0; overflow: auto;}



a:link,

a:visited				{color: #3E2F17; text-decoration: none;}

a:hover					{text-decoration: underline;}



div.inner				{margin: 18px 0 0 18px;}

p.address				{padding-left: 5px; font-size: 10px;}

div#address				{float: left; width: 208px;}

div#footer				{width: 760px; margin: 13px auto 0; border: 4px solid #fff; overflow: hidden; background: #F0E1C2;}

div#footernav			{width: 552px; float: left; font-size: 10px;}



div#design				{color: #3E2F17; font-weight: bold; font-size: 11px;}



ul#nav					{width: 173px; list-style-type: none;}

ul#nav a				{width: 173px; display: block;}

ul#nav li				{width: 173px; position: relative; float: left;}

ul#nav ul				{width: 173px; margin: 0 0 0 173px; position: absolute; top: 0; left: -999em; font-weight: bold; list-style-type: none; background: #6db0b0;}



ul#nav ul a				{padding: 3px 4px; color: #3E2F17; background: #6db0b0;}

ul#nav ul a:hover		{background: #fde178; text-decoration: none;}

ul#nav li:hover ul,

ul#nav li.sfhover ul	{left: auto;}



a#office, a#care, a#game, a#ortho, a#braces, a#invisalign {

	width: 173px; height: 35px; overflow: hidden; text-indent: -999em; /* Indents the rich-text so it does not show */}

/* Set the image for each nav item */

a#office		{background-image: url(../images/office.jpg)}

a#care			{background-image: url(../images/care.jpg)}

a#game			{background-image: url(../images/game.jpg)}

a#ortho			{background-image: url(../images/orthodontics.jpg)}

a#braces		{background-image: url(../images/braces.jpg)}

a#invisalign	{background-image: url(../images/invisalign.jpg)}



/* Shift the image position up to show the active state */

ul#nav a:hover	{background-position: -173px 0px;}



/* Set the cursor to default arrow so link does not appear clickable */

ul#nav a.active {background-position: -173px 0px; cursor: default;}



ul#navsub		{height: 50px; margin: 0 0 0 20px; list-style-type: none;}



/*  Makes the list items sit next to each other */

ul#navsub li	{float: left; padding-left: 3px;}



/*  Sets styles for all links that are inside the ul id="nav" */

ul#navsub a		{width: 145px; height: 50px; display: block; overflow: hidden; text-indent: -999em; /* Indents the rich-text so it does not show */}



/* Set the image for each nav item */

a#login			{background-image: url(../images/patient.jpg)}

a#contact		{background-image: url(../images/contact.jpg)}

a#home			{background-image: url(../images/home.jpg)}



/* Shift the image position up to show the active state */

ul#navsub a:hover	{background-position: 0px -50px;}



/* Set the cursor to default arrow so link does not appear clickable */

ul#navsub a.active	{background-position: 0px -50px; cursor: default;}



ul#nav2				{

	width: 173px;

	height: 35px;

	position: relative;

	top: 30px;

	left:16px;

	float: left;

	list-style-type: none;

}

/*  Makes the list items sit next to each other */

ul#nav2 li			{float: none;}



/*  Sets styles for all links that are inside the ul id="nav" */

ul#nav2 a			{width: 173px; height: 35px; display: block; overflow: hidden; text-indent: -999em; /* Indents the rich-text so it does not show */}



/* Image Replacement */



/* headings */

h1#h-ortho			{background-image: url(../images/title_ortho.jpg);}

h1#h-ask			{background-image: url(../images/title_ask.jpg);}

h2#h-office			{background-image: url(../images/title_office.jpg);}

h1#h-braces			{background-image: url(../images/title_braces.jpg);}

h1#h-painter		{background-image: url(../images/title_paint.jpg);}

h1#h-meet-ortho		{background-image: url(../images/title_doc.jpg);}

h1#h-meet-team		{background-image: url(../images/title_team.jpg);}

h1#h-site-map		{background-image: url(../images/title_map.jpg);}

h1#h-policies		{background-image: url(../images/title_policies.jpg);}

h1#h-forms			{background-image: url(../images/title_forms.jpg);}

h1#h-for-children	{background-image: url(../images/title_child.jpg);}

h1#h-two-phase		{background-image: url(../images/title_phase.jpg);}

h1#h-for-adults		{background-image: url(../images/title_adults.jpg);}

h1#h-treatments		{background-image: url(../images/title_treatments.jpg);}

h1#h-dictionary		{background-image: url(../images/title_dic.jpg);}

h1#h-surgical		{background-image: url(../images/title_surg.jpg);}

h1#h-resources		{background-image: url(../images/title_resources.jpg);}

h1#h-life			{background-image: url(../images/title_life.jpg);}

h1#h-appliances		{background-image: url(../images/title_type_app.jpg);}

h1#h-diagram		{background-image: url(../images/title_diagram.jpg);}

h1#h-retainers		{background-image: url(../images/title_retainers.jpg);}

h1#h-emergency		{background-image: url(../images/title_care.jpg);}

h1#h-game			{background-image: url(../images/title_game.jpg);}

h1#h-contact		{background-image: url(../images/title_contact.jpg);}

h1#h-invisalign		{background-image: url(../images/title_invis.jpg);}



a#office		{background-image: url(../images/office.jpg)}

a#care			{background-image: url(../images/care.jpg)}

a#game			{background-image: url(../images/game.jpg)}

a#ortho			{background-image: url(../images/orthodontics.jpg)}

a#braces		{background-image: url(../images/braces.jpg)}

a#invisalign	{background-image: url(../images/invisalign.jpg)}





div#container				{width: 760px; margin: 20px auto 0; padding: 0 0 15px; border: 4px solid #fff; background-color: #F0E1C2;}

div#content					{width: 760px;}

div#nav-column				{width: 208px; margin: 0; float: left;}

div#nav-column div.inner	{margin: 29px 0 0 8px;}

div#main					{width: 552px; padding: 0 0 15px; float: left;}

div#main div.inner			{width: 510px; margin: 30px 18px 30px 24px;}

div#main div.inner table		{border: solid #F0E1C2; border-width: 0 0 0 8px;}

div#main div.inner td		{line-height: 19px;}

div#main div.inner td h2,

div#main div.inner td h3,

div#main div.inner td h4	{margin: 0; padding: 0;}



h1#logo						{width: 259px; height: 81px;}

h1#logo a					{width: 259px; height: 81px; margin: 2px 0 0; display: block; background: url(../images/logo.jpg) no-repeat 0 0;}



div#sub						{width: 465px; height: 81px; margin: 0 0 0 -105px; position: absolute; top: 28px; left: 50%;}

div#sub img					{display: block;}

div#header					{width: 760px; height: 85px; border: solid #fff; border-width: 0 0 4px; overflow: hidden; background-color: #801817;}