body		{margin: 0; padding: 0; background-color:#77559b;}
h1			{color: #532d80; font-size: 24px; margin:0;}
h2			{color: #325c4d; font-size: 16px; margin:0;}
h3			{color: #77559a; font-size: 12px; margin:0; }
h4			{color: #325c4d; font-size: 12px; margin:0;}
h5			{color: #77559a; font-size: 12px; margin:0;}
h6			{color: #77559a; font-size: 10px; margin:0;}

* #h4top { position:relative; top:0px;}
* #h4bottom { position:relative; top: -10px;}

img { behavior: url(iepngfix.htc); }
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/

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

li			{margin: 0 0 10px; line-height: normal;}
li li		{margin: 10px 0;}

img			{border: 0; display: block;}

/* edit.com visible styles */

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #77559a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

.Header		{ color: #77559a; font-size: 20px; font-weight: bold; font-style: italic; font-family: Arial; }
.Subheader	{ color: #77559a; font-size: 14px; font-weight: bold; font-family: Arial; }

.Purple		{ color: #77559A; }
.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; }
 
/* ----- begin web page styles ----- */

img.clear	{}
img.center	{display:block;margin:0 auto}
img.left	{float:left;margin:0 10px 10px 0}
img.right	{float:right;margin:0 0 10px 10px}
* img.title	{clear:left}

a		{color: #266CB1;}
a:hover	{text-decoration: none;}

* img.border-popup-images		{border: 1px solid #000;}
div#middle						{height:49px;  background:url(images/middle.jpg)}
div#outer						{width: 1000px;display:inline;float:left; height:auto;background:url(images/content-bg.jpg) repeat-y}
div#left-bg						{width: 86px;height:440px; display:inline;float:left; background:url(images/left-bg.gif)}
div#right-bg					{width: 76px; height:390px; display:inline;float:right; background:url(images/right-bg.gif) }
div#leftNav						{width: 179px;display: inline;float:left; padding:30px 0 0 0;}
div#content						{width: 639px;display:inline;float:right; }
div#content p					{padding-right:20px;}
div#content td					{line-height: 1.5em;}
div#content TABLE.copy			{width: 620px; margin: 20px 0 0 0;}
div#content TABLE.copy TD		{line-height: 16px;}
div#footer						{width: 1000px; color: #FFFFFF; font-size: 11px; text-align: center; margin-top:-12px; margin-left:auto; margin-right:auto; background:url(images/footer-bg.jpg) no-repeat;}
div#footer a					{color: #FFFFFF; text-decoration: none;}
div#footer a:hover				{text-decoration: underline;}
div#site						{width: 1000px;  background: url(images/main-bg.jpg) no-repeat; margin-right: auto; margin-left: auto;}
div#top-bar 					{width:870px; height:128px; padding-left:86px;}
div#welcome-column				{width: 350px; float: left; text-align: center; display:inline;}
div#social a img                {display:inline;}

/* -- begin vertical navigation wrapper -- */

div#vertical-navigation-wrapper	{float: left; width: 179px; }

/* -- end vertical navigation wrapper -- */

* html div.clearfix				{height: 1%}
div.clearfix					{display:inline-block}
div.clearfix:after				{clear:both; content:" "; display: block; height: 0; line-height: 0; visibility: hidden;}
div.flash a						{color: #FFF;}
div.flash p						{margin: 10px; padding: 5px; color: #FFF; background: #F00;}
html[xmlns] div.clearfix		{display: block;}

/* ----- end web page styles ----- */

/* ----- begin vertical navigation (dropdown) ----- */

/* vertical navigation */

ul#vertical-navigation-dropdown			{list-style-type:none;  overflow:hidden;  width: 179px; padding:0; margin:0;}
ul#vertical-navigation-dropdown li		{padding:0; margin:0;}
ul#vertical-navigation-dropdown a		{display: block; height: 33px; overflow: hidden; text-indent: -999em; width: 179px; }

/* vertical subnavigation */

ul#vertical-navigation-dropdown ul {display:none;}
ul#vertical-navigation-dropdown li:hover ul,
ul#vertical-navigation-dropdown li.sfhover ul {display:block;} /* .sfhover is added on rollover with javascript to fix IE6 behavior */
ul#vertical-navigation-dropdown ul		{list-style-position:inside; list-style:none; list-style-type:none; text-indent: 0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#522c7f;background-color:#FFFFFF; width:179px;   }
ul#vertical-navigation-dropdown ul li	{ margin-bottom:5px;text-indent: 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#522c7f; margin-left:-20px;   }
ul#vertical-navigation-dropdown ul a	{height:15px;  text-indent: 15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#522c7f; background-color:#FFFFFF;   } 
ul#vertical-navigation-dropdown ul a:hover	{text-decoration:none; display: block;  text-indent: 15px; font-family:Arial, Helvetica, sans-serif; color:#522c7f; background:url(images/bullet.gif)  } 

/* vertical navigation images */
ul#vertical-navigation-dropdown a#patient-login				{background-image: url(images/nav/patient-login.gif);}
ul#vertical-navigation-dropdown a#home						{background-image: url(images/nav/home.gif);}
ul#vertical-navigation-dropdown a#blog						{background-image: url(images/nav/blog.gif);}
ul#vertical-navigation-dropdown a#all-about-us				{background-image: url(images/nav/about-us.gif);}
ul#vertical-navigation-dropdown a#patient-info				{background-image: url(images/nav/patient-info.gif);}
ul#vertical-navigation-dropdown a#treatment-info			{background-image: url(images/nav/treatment-info.gif);}
ul#vertical-navigation-dropdown a#fun						{background-image: url(images/nav/fun.gif);}
ul#vertical-navigation-dropdown a#contact					{background-image: url(images/nav/contact.gif);}

/* rollover effects */

ul#vertical-navigation-dropdown a:hover,
ul#vertical-navigation-dropdown a.active					{background-position:0 -33px;display:block;}

ul#vertical-navigation-dropdown ul a:hover,
ul#vertical-navigation-dropdown ul a.active					{background-position:0 -33px; background:url(images/bullet.gif); }

/* ----- end vertical navigation (dropdown) ----- */
* #logo {width:180px; height:128px; float:left; padding:60px 0 0 20px;}
* #slogan { width:270px; height:128px; float:left; padding:80px 0 0 20px;}
* #fayetteville { width:175px; height:128px; float:left; padding-top:80px;}
* #springdale { width:205px; height:128px; float:left; padding-top:80px;}


* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#c1b2d1;
color:#704c95;
margin:0;
padding:5px;}
div.media-center {
background:#e0d8e8;
color:#704c95;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#704c95;}
div.media-center img {
border:1px solid #FFF;}


div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}