/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px;}
body 								{position: relative; width: 100%; height:100%; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; background: url(../images/bkg_gradient.gif) repeat-x #300f4c;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none;}/* sets declarations for all tables throughout the site */
table th							{speak-header: always; padding-left: 8px}
th									{text-align:left; speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #FFF; text-decoration:underline; font-weight:bold; cursor: pointer;}
a:hover, a:active					{color: #9a6da8; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px}

/* BRANDING
---------------------------------------------------*/
#branding 							{position: relative; width: 860px; clear: both;}
#branding h2						{position:absolute; left:-9998px;}
#branding cite						{position: absolute; left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px}

/* NAVIGATION
---------------------------------------------------*/
#nav								{background:url(../images/bkg_nav.gif) no-repeat; width:860px; height:80px;}
#nav ol								{padding:10px 30px 0px 30px;}
#nav ol li							{display: block; float: left; padding:0px 10px; background:url(../images/line_nav_sm.gif) right bottom no-repeat;  width:101px;}
#nav ol li h4						{position:relative; top:50px; right:10px; text-align:right;}
#nav li a:link,
#nav li a:visited,
#nav li a:active					{color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:13px; font-weight:bold; height:36px;}
#nav li a:hover						{display:block; background:url(../images/rollover.gif) left top no-repeat;}

#nav #home							{height:70px;}
#nav #contact						{height:70px;  margin:0px 0px 0px 10px;}
#nav #location,
#nav #specials,
#nav #tanning						{height:70px; background:url(../images/line_nav.gif) right bottom no-repeat;}
#nav #spaservices					{height:70px; background:url(../images/line_nav.gif) right bottom no-repeat; margin:0px 0px 0px 30px;}

/* Dropdown Menu container 
--------------------------------------------------*/
table.menu							{position: absolute; z-index: 5000; border:solid 1px #161416; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td						{z-index: 1000;
									color: #FFFFFF;/* Must be the same as tdColor in the menu_script.js */
									background-color: #161416; /* Must be the same as tdBgColor in the menu_script.js */
									border:none;
									padding: 5px;
									font-family:Arial, Helvetica, sans-serif;
									font-size: 11px;
									font-weight:normal;
									white-space: nowrap;}
									
/* SIDE COLUMN
---------------------------------------------------*/
#sidecol							{float:right; width:auto; height:auto; padding:5px 5px; margin:0px 5px 10px 20px; background:#9a6da8; font-size:11px;}
#sidecol img						{float:left; margin:0px; border:none;} 
#sidecol a							{color:#FFF;}
#sidecol h5							{font-size:11px;}
#sidecol h3							{font-size:12px; margin:5px 0px 0px 0px;}
#sidecol .clear						{background:#161416; height:5px; margin:5px 0px 0px -5px; width:428px;}

/* BOXES
--------------------------------------------------*/
#container							{position:relative; width: 760px; margin:0px auto;}
#content							{position: relative; z-index:2; width: 860px; min-height: 300px; padding:5px 0px; margin: 0px auto; float:left; background:#161416;}
.box								{padding:10px 20px;}							
.colLeft, .colMid, .colRt			{width: 173px; margin: 10px 5px 20px; float:left; display:block; padding: 8px}
.colRt								{clear: right}
.col								{width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col2								{width: 380px; margin: 0px 20px 0px 0px; float:left; display:block; padding:0px; text-align:left}

/* CONTENT FORMATTING
---------------------------------------------------*/
#content ul, #content ol			{margin: 10px 5px 10px 20px}
#content li							{margin-bottom: 8px; margin-left: 20px}
#content ul li						{list-style: square;}
#content ol li						{list-style: square;}
#content ol li ol li				{list-style: square; margin-bottom: 5px}
#content p							{margin: 0px 0px 10px; line-height: 16px}
#content h1							{font-size: 26px; margin: 15px 0px 10px 0px; color: #FFF; font-weight: normal;}
#content h2							{font-size: 18px; margin: 15px 0px 5px 0px; color: #9a6da8; font-weight: normal}
#content h3							{font-size: 16px; margin: 15px 0px 5px 0px; color: #FFF; font-weight: bold}
#content h4							{font-size: 14px; color: #FFF; margin: 10px 0px 0px 0px; font-weight: bold}
#content h5							{font-size: 12px; color: #FFF; margin: 10px 0px 8px 0px; font-weight: normal}
#content h6							{font-size: 12px; color: #FFF; margin: 10px 0px 8px 0px; font-weight: normal}
#content cite						{margin-left: 10px}
#content .small						{font-size:10px;}
#content .quote						{font-style:italic; color:#00467f; font-weight:bold;}
.photo 								{border: 3px solid #00467f; margin: 10px 0px}
.photoLeft, .photoRight				{border: 3px solid #00467f; float: left; margin: 0px 10px 10px 0px}
.photoRight							{float: right; margin: 0px 0px 10px 10px}
.photoRight_nobdr					{float: right; margin: 0px 0px 10px 10px; border:none;}
.photoLeft_nobdr					{border: none; float: left; margin: 0px 10px 10px 0px}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.leftFloat							{float: left; margin: 0px 10px 10px 0px}
.rightFloat							{float: right; margin: 0px 0px 10px 10px}
input, select, textarea				{font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.clear								{clear:both;}

#content table th					{font-size:12px; font-weight:bold; color:#00467f; padding:10px;}
#content table td					{color:#00467f; padding:10px;}
#content table td p					{margin:0px;}
#content table td a					{font-weight:bold;}
#content table .row1				{background:#E5ECF2;}
#content table .row2				{background:#F3F6F9;}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{width:860px; height: 70px; clear: both; font-size:10px; padding: 10px 0px; margin:0px auto; text-align:center;}
#siteinfo cite						{font-style:normal;}
#siteinfo a:link,
#siteinfo a:visited					{color:#FFF;}
#siteinfo a:hover,
#siteinfo a:active					{color:#9a6da8}

/* FORM
---------------------------------------------------*/
.form_row							{position: relative; margin:10px 0px; clear:right; height: 20px}
.form_row table td					{padding:5px;}
.form_row table select,
.form_row table input				{width:60px;}
.form_req							{width:10px; float:left}
.form_label							{width:200px; height:25px; margin-top:3px; float:left}
label								{clear: right; display: block}
label input							{width: 40px}

/* PAGE SPECIFIC
---------------------------------------------------*/

/* HOME PAGE
---------------------------------------------------*/
#pghome #sidecol					{float:left; width:408px; padding:5px 15px 5px 5px; margin:0px 20px 10px 5px; background:#9a6da8; font-size:11px;}
#pghome #sidecol img				{float:left; margin:5px 15px 5px 0px;} 
#pghome #sidecol a					{color:#FFF;}
#pghome #sidecol h5					{font-size:11px;}
#pghome #sidecol h3					{font-size:12px; margin:5px 0px 0px 0px;}
#pghome #sidecol .clear				{background:#161416; height:5px; margin:5px 0px 0px -5px; width:428px;}