/* CSS Document */
body {
	margin:0px; 
	padding:0px; 
	background:#FFFFFF url('../img/main-bg2.gif') 0 0 repeat-x; 
	color:#6B6854; 
	font:13px/18px "tahoma", Arial, Trebuchet MS, Helvetica, sans-serif;
	}
div, p, ul, h1, h2, h3, h4, img, form, label{padding:0px; margin:0px;}
img {border:none;}
ul{list-style-type:none;}
h3 {font-size:12pt; font-weight:bold; color:#666;}
a {color:#666; text-decoration:none;}
a:hover {color:#333;}
.link { border-bottom:1px dotted #666;}
.multiline {font:13px/18px "tahoma", Arial;}

/*----MAIN PANEL----*/
#mainPan {
	width:870px; 
	position:relative; 
	margin:0 auto; 
	padding:0px;
	}
/*----Left Panel----*/
#leftPan {
	width:240px; 
	float:left;
	}
#leftTopPan {
	width:240px; 
	height:125px; 
	position:relative; 
	margin:0 auto; 
	padding:0; 
	background:url('../img/left-top.gif') 0 0 no-repeat;
	}
#leftPan ul {
	width:240px; 
	height:160px; 
	display:block; 
	background:url('../img/menu-bg-top.gif') 0 0 no-repeat; 
	padding:28px 0 0;
	}
#leftPan ul li {
	width:118px; 
	height:27px; 
	position:relative; 
	margin:0 auto; 
	background:url('../img/dot.gif') 0 100% repeat-x;
	}
#leftPan ul li a {
	width:96px; 
	height:26px; 
	display:block; 
	background:url('../img/arrow-normal.gif') 0 50% no-repeat #FFFFFF; 
	color:#8F8C73; 
	font:13px/26px "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-weight:bold; 
	padding:0 0 0 22px; 
	text-decoration:none;
	}
#leftPan ul li a:hover {
	background:url('../img/arrow-normal-hover.gif') 0 50% no-repeat #FFFFFF; 
	color:#365E0F; 
	}
#leftPan ul li.contact {
	background:none;
	}
#leftPan #links {
	width:240px;
	}
#leftPan #links h4 {
	font:14pt "Arial", Trebuchet MS, Helvetica, sans-serif; 
	color:#666;
	margin:15px 0 -10px 0;
	position:relative;
	right:10px;
	}
#leftPan #links ul.btnservices {
	width:240px;
	height:100px;
	background:none;
	position:relative;
	}
#leftPan #links ul.btnservices li {
	width:130px;
	height:25px;
	margin:0 auto;
	padding:1px;
	background:none;
	}
#leftPan #links ul.btnservices li a {
	width:130px;
	height:23px;
	padding:0;
	display:block;
	}
#leftPan #links ul.btnservices li a.massage {
	background:url('../img/menu/btn_massage.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.massage:hover {
	background:url('../img/menu/btn_massage_hover.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.chiropractic {
	background:url('../img/menu/btn_chiropractic.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.chiropractic:hover {
	background:url('../img/menu/btn_chiropractic_hover.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.yoga {
	background:url('../img/menu/btn_yoga.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.yoga:hover {
	background:url('../img/menu/btn_yoga_hover.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.events {
	background:url('../img/menu/btn_events.gif') no-repeat;
	}
#leftPan #links ul.btnservices li a.events:hover {
	background:url('../img/menu/btn_events_hover.gif') no-repeat;
	}
#leftPan #links2 {
	width:150px;
	margin:0 0 0 45px;
	}
/*----Right Panel----*/
#rightPan {
	width:605px;
	float:left;
	}
#rightPan h1 {
	width:605px; 
	height:170px; 
	background:url('../img/header.jpg') 0 0 no-repeat; 
	color:#fff; 
	padding:20px 10px 0 0;
	margin:0;
	}
#rightPan h1 span {
	font:16px/30px "Arial", Trebuchet MS, Helvetica, sans-serif;
	font-style:italic;
	color:#fff;
	position:relative;
	left:155px;
	top:97px;
	}
#rightPan h2 {
	width:240px; 
	height:36px; 
	display:block; 
	background:url(images/icon1.jpg) 0 0 no-repeat; 
	color:#8F146E; 
	font-size:24px; 
	line-height:36px; 
	padding:0 0 0 65px; 
	margin:29px 0 0 9px;
	}
#rightPan #content {
	width:100%;
	min-height:420px;
	overflow:visible;
	padding:5px 0 0 20px;
	}
/*---------Footer----------*/
#footermainPan {
	background:url('../img/footerbg.gif') 0 0 repeat-x #6B6854; 
	color:#fff; 
	margin:0 auto; 
	height:220px;
	width:100%;
	float:left;
	}
#footerPan {
	width:900px; 
	position:relative;
	margin:0 auto;
	font:12px/15px "Arial", Trebuchet MS, Helvetica, sans-serif;
	font-weight:normal;
	}
#footerPan ul {
	width:546px; 
	position:absolute; 
	top:85px; 
	left:265px;
	}
#footerPan li {
	float:left; 
	}
#footerPan ul li a {
	padding:0 10px 0; 
	color:#fff; 
	background:#6B6854; 
	text-decoration:none;
	}
#footerPan ul li a:hover {
	text-decoration:underline;
	}
#footerPan p.copyright {
	background:#6B6854; 
	color:#fff; 
	font-size:8pt;
	position:absolute; 
	top:120px; 
	width:100%;
	text-align:center;
	}
#footerPan p.copyright a {
	color:#fff;
	text-decoration:none;
	}
#footerPan p.copyright a:hover {
	text-decoration:underline;
	}
/*---Modal Popup---*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	}
.modalPopup {
	background-color:#fff;
	border:solid 1px #666;
	width:500px;
	min-height:350px;
	overflow:visible;
	}
.modalBtn {
    display:none;
    }
.modalHeader {
	position:relative;
	left:205px;
	top:5px;
	font-size:14px;
	font-weight:bold;
	color:#0A73AC;
	}
.backClose {
	position:absolute;
	left:470px;
	top:5px;
	}
/*---AJAX Accordion---*/
.accordionHeader {
	cursor:pointer;
	color:#333;
	padding-bottom:15px;
	font-style:italic;
	}
.accordionHeader:hover {
	text-decoration:underline;
	}
.accordionHeaderSelected {
	cursor:pointer;
	font-weight:bold;
	color:#333;
	}
.accordionContent {
	padding:5px 0 15px 15px;
	width:590px;
	color:#333;
	}
/* xp theme */
.tabs .ajax__tab_body {
	font-family:arial,tahoma,helvetica;
	font-size:9pt;
	border:1px solid #999;
	border-top:0;
	padding:10px 0 0 0;
	background-color:#fff;
	min-height:350px;
	}
.tabs .ajax__tab_header {
	font-family:Arial,tahoma,helvetica;
	font-size:12px;
	background:url("../img/tabs/tab-line.gif") repeat-x bottom;
	padding-left:5px;
	}
.tabs .ajax__tab_outer {
	padding-right:0px;
	background:url("../img/tabs/tab-right.gif") no-repeat right;
	height:21px;
	}
.tabs .ajax__tab_inner {
	padding-left:3px;
	background:url("../img/tabs/tab-left.gif") no-repeat;
	}
.tabs .ajax__tab_tab {
	height:13px;
	padding:4px 5px;
	margin:0;
	background:url("../img/tabs/tab.gif") repeat-x;
	}
.tabs .ajax__tab_hover .ajax__tab_outer {
	background:url("../img/tabs/tab-hover-right.gif") no-repeat right;
	}
.tabs .ajax__tab_hover .ajax__tab_inner {
	background:url("../img/tabs/tab-hover-left.gif") no-repeat;
	}
.tabs .ajax__tab_hover .ajax__tab_tab {
	background:url("../img/tabs/tab-hover.gif") repeat-x;
	}
.tabs .ajax__tab_active .ajax__tab_outer {
	background:url("../img/tabs/tab-active-right.gif") no-repeat right;
	}
.tabs .ajax__tab_active .ajax__tab_inner {
	background:url("../img/tabs/tab-active-left.gif") no-repeat;
	}
.tabs .ajax__tab_active .ajax__tab_tab {
	background:url("../img/tabs/tab-active.gif") repeat-x;
	}
.tabs p {
	margin:0 25px;
	}
/* yui gridview */
.yuigrid {
	font-family: arial;
	font-size: small;
	border: solid 1px #989898;
	width:100%;
	}
.yuigrid .altrowstyle {
    background-color: #DEFCE5;
	}	
.yuigrid .headerstyle th {
    background: url("../img/sprite.png") repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
	}	 
.yuigrid .headerstyle th a{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
	}    
.yuigrid .rowstyle .sortaltrow, .altrowstyle .sortaltrow {
    background-color: #edf5ff;
	}
.yuigrid .rowstyle .sortrow, .altrowstyle .sortrow {
    background-color: #dbeaff;
	}
.yuigrid .rowstyle td, .altrowstyle td {
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
	}
.yuigrid .headerstyle .sortascheader {
    background: url("../img/sprite.png") repeat-x 0px -100px;
	}
.yuigrid .headerstyle .sortascheader a {
    background: url("../img/dt-arrow-up.png") no-repeat right 50%;
	} 
.yuigrid .headerstyle .sortdescheader {
    background: url("../img/sprite.png") repeat-x 0px -100px;
	}   
.yuigrid .headerstyle .sortdescheader a {
    background: url("../img/dt-arrow-dn.png") no-repeat right 50%;
	}