/* Start of CMSMS style sheet 'Reset' */
@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline
}

:focus {
outline:0
}

ol,ul {
list-style:none
}

table {
border-collapse:separate;
border-spacing:0
}

caption,th,td {
font-weight:400;
text-align:left
}

blockquote:before,blockquote:after,q:before,q:after {
content:""
}

blockquote,q {
quotes:"" ""
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden
}

.clearfix {
display:inline-block
}

html[xmlns] .clearfix {
display:block
}

* html .clearfix {
height:1%
}

strong {
font-weight:700
}

em {
color:#005787;
font-style:italic;
font-weight:700
}

.left {
float:left;
padding:5px 10px 0 0
}

.right {
float:right;
padding:5px 0 0 10px
}

.center {
text-align:center
}
/* End of 'Reset' */

/* Start of CMSMS style sheet 'Active Care Therapy' */
@charset "utf-8";
body {
background:#0093B2 url(../images/body-background.png) top fixed repeat-x;
color:#111;
font:100%/1.45 Arial, Georgia, serif
}

a {
color:#DC1C0F;
text-decoration:none
}

a:hover {
color:#2CA1D6;
text-decoration:none
}

h1,h2,h3,h4 {
color:#111;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-weight:700;
padding-bottom:5px;
text-transform:uppercase
}

h1 {
font-size: 1.1em;
}

h2 {
font-size: 1em;
}

h3 {
font-size: 1em;
}


p {
padding-bottom:10px;
font-size: 0.9em
}

#sitewrap {
margin:5px auto;
width:980px
}

#masthead h1 {
color:#fafafa
}

#masthead h1 span {
color:#CCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:20px
}

#branding {
background-color:#fff;
height:150px;
padding:10px;
position:relative;
width:960px;
z-index:2
}

#menu {
background-color:#005787;
height:34px;
margin-bottom:10px;
position:relative;
padding-left: 8px;
overflow:hidden;
}

#menu ul li {
float:left;
padding-right:20px;
padding-top:5px;
}

#menu a {
font-family:Helvetica;
font-weight:700;
padding:7px 10px;
text-transform:uppercase;
color: #2CA1D6;
font-size:0.77em
}

#menu a:hover {
background-color:#2CA1D6;
color:#fff;
text-decoration:none
}

#menu a#active {
color:#fff
}

/*#menu a#active:hover {
background-color:#005787;
}*/

#search {
position:absolute;
right:10px;
top:3px
}

#blurb {
background:transparent url(../images/blurb-text-125.png) no-repeat;
display:none;
height:150px;
position:absolute;
right:0;
top:20px;
width:400px
}

#blurb h1 {
padding:5px 10px;
text-align:justify;
text-indent:-9999px
}

#blurb h1 span {
color:#F90
}

#highlights {
color:#111;
font-size:15px;
margin-top:10px;
position:relative
}

.callout {
background:#00455A url(../images/rightcorner2.gif) bottom right no-repeat;
float:left;
margin-right:10px;
position:relative;
width:319px;
z-index:2
}

.last {
margin-right:0;
width:322px
}

.callout img {
padding:10px 10px 0
}

.callout a {
font-weight:700
}

.callout h2 {
color:#111;
font-family:georgia, serif;
font-size: 1em;
padding:0 10px
}

.callout h2 a:hover {
color:#CCC
}

.callout p {
color:#fafafa;
font-family:arial, verdana, helvetica, verdana, san-serif;
font-size:12px;
padding:0 10px 10px
}

#recent {
margin:10px 0
}

#maincontent{
float:left;
width:648px
}

#news a:hover {
color:#F30
}

.story {
background:#fff url(../images/news-background.jpg) bottom right no-repeat;
padding:10px
}

.story td {
font-size: 0.9em
}

.postinfo {
color:#999;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:12px
}

.article {
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:13px;
padding-top:5px
}

a.readon {
background-color:#FF8144;
color:#fafafa;
padding:5px
}

#testimonials {
background:#005787 url(../images/rightcorner.gif) bottom right no-repeat;
color:#fafafa;
float:right;
padding:10px;
width:302px
}

#testimonials h2 {
font-size: 1em;
}

#testimonials dl {
border-bottom:1px dotted #ddd;
margin-bottom:10px;
padding-bottom:5px
}

#testimonials dt {
float:left;
width:110px
}

#testimonials dt img {
border:2px solid #ccc
}

#testimonials dd {
float:left;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:12px;
margin-top:-2px;
width:190px
}

#testimonials p {
padding-bottom:5px
}

#testimonials div.client {
font-size: 12px;
margin-bottom:10px
}

#testimonials div.client a{
color:#2CA1D6
}

p.pagination {
font-size: 12px;
}

table#table-services {
font-size:1.25em;
width:100%
}

table#table-services th {
background-color:#FF8144;
font-weight:700;
padding:5px;
text-transform:uppercase
}

table#table-services td {
padding:2px
}

table#table-services td.table-subtitle {
font-style:italic;
font-weight:700;
text-transform:uppercase
}

#contactinfo {
width:960px
}

address {
color:#fafafa;
font-size:0.8em;
font-weight:700;
padding-bottom:3px
}

address.directions {
float:left;
width:50%
}

address.telephone {
float:right;
text-align:right;
width:49%
}

#footer {
color:#fafafa;
font-size:0.9em;
margin:0;
padding:0
}

.callout h2 a,#testimonials h2 {
color:#FF8144
}

/*SECTION SPECIFIC*/

#sectionbody {
background: #fff url(../images/section-background.png) repeat-y;
padding: 10px 0;
margin-bottom: 10px
}

#news {
float: left;
width: 180px;
}

#sectioncontent {
float: right;
width: 730px;
padding: 0 20px 0 10px;
background:#fff url(../images/news-background.jpg) top right no-repeat;
}

#sectioncontent p, #sectioncontent li {
font-size: 80%
}

#sectioncontent h2{
color: #0490DF
}

#sectioncontent h3 {
color:#000;
font-size:0.8em
}


#sectioncontent ul.picturelist, #sectioncontent ul.picturelist li.thumb,#sectioncontent ul.albumlist, #sectioncontent ul.albumlist li.thumb {
list-style: none;
}

table#packages {
margin-bottom: 25px
border: 3px solid #eee
}

table#packages tr.odd {
background-color: #eee
}

table#packages tr.even{
background-color: #ddd
}

table#packages td {
padding: 5px;
text-align: center;
}

table#packages td.pleft {
text-align: left;
}

table#packages th{
background-color:#005787;
padding: 5px;
font-weight: bold
}

table#packages th.pcenter{
text-align: center;
}

table#treatments th {
background-color: #3399FF;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 0.8em;
}

table#treatments th.top {
padding: 10px 0;
background-color: #3366FF
}

table#treatments th.first {
padding-left: 10px
}

table#treatments th.side
{
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	
}

table#treatments td { 
padding: 10px; 
vertical-align: top;

}

table#treatments tr.odd {
background-color: #DDEEFF
}

table#treatments tr.odd th.side{
background-color: #3399FF;
}

table#treatments tr.even th.side{
background-color: #3366ff
}


table#treatments tr.even {
background-color: #ddd
}




#sectioncontent ul, #sectioncontent ol, div.story ul {
padding-bottom: 10px
}

#sectioncontent ul li, div.story ul li  {
list-style: square;
margin-left: 25px;
padding: 5px 0
}

#sectioncontent ol li {
list-style: decimal;
margin-left: 25px;
padding: 5px 0
}

#sectioncontent table.table {
font-size: 12px;
padding-bottom: 10px
}

#sectioncontent table.table th{
font-weight: bold;
padding-left: 7px;
}

#sectioncontent table.table td{
padding: 7px;
}


#testimonials div.NewsSummary {
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #fff
}


.ticker {
background:#fff;
}

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
background: #fff; 
width: 960px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 960px;
overflow: hidden;
}


ul.newsticker { /* that's your list */
position: relative;
left: 960px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* End of 'Active Care Therapy' */

/* Start of CMSMS style sheet 'Active Care submenu' */
/********************
MENU
*********************/
#news {
   padding-left: 0;
   margin-left: 0.9em;
}


/* third level has some padding to have it stand out */
#news ul ul ul {
   /*padding-bottom: 0.1em;*/
}

/* menu li block */
#news li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #c0c0c0;
   display: block;
font-size: 90%;
}

#news ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #news li a { height: 1%; } 
* html #news li hr { height: 1%; }
/** end fix **/

/* first level links */
#news a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.4em 0.5em 0.4em 0.5em; /* some air for it */
   color: #18507C; /* this will be link color for all levels */
   /*background: url(images/cms/arrow-right.gif) no-repeat 0.5em center;*/ 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
#news ul ul a {
   /*font-size: 90%;*/
background-color: #C3D4DF;
   padding: 0.5em 0.5em 0.5em 1.8em;
   /*background: url(images/cms/dash.gif) no-repeat 1.2em center;*/ 
   /*background-position: 1.5em center;*/
border-bottom: 1px solid #eee
}

/* third level links, more padding */
#news ul ul ul a {
   padding: 0.5em 0.5em 0.5em 3.3em;
   background-color: #C3D4DF;
}

/* hover state for all links */
#news a:hover {
   background-color: #fff;
}
#news a.activeparent:hover {
   background-color: #C3D4DF;
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
#news li a.activeparent {
   /*background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; */
   background-color: #385C72;
   color: #fff;
}

#news ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C; 
background-color: #C3D4DF;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
#news ul h3 {
   /*background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;*/
   background-color: #385C72;
   display: block; 
   padding: 0.5em 0.5em 0.5em 0.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
#news ul ul h3 {
   font-weight: bold;
   padding: 0.5em 0.5em 0.5em 1.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
#news ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 3.3em;
   /*background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;*/ 
}

/* section header */
#news li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

#news li.currentpage h3 {
font:100%/1.45 Arial, Georgia, serif;
text-transform: none;
font-weight: bold;
background-color: #fff;
color: #068FD3
}

#news li.header a.parent {
background-color: #385C72;
color: #fff
}

#news li.header a.parent:hover {
background-color: #291375;
color: #fff
}

#news a.activeparent:hover {
background-color: #291375;
color: #fff
}


/* separator */
#news li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

#news li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Active Care submenu' */

