/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

@import "reset.css";
@import "base.css";
@import "CMScontent.css";

body, html {color:#000; font-family: "Franklin Gothic Medium", Helvetica, Arial, sans-serif}
body {min-width:59.375em;background:#fff url(/images/bkgHome.jpg) no-repeat }
html {height:101%}


/*  <PAGE BACKGROUNDS>
--------------------------------------------------*/
#home, #homeJ {background:#fff url(/images/bkgHome.jpg) no-repeat }
#clinic, #clinicJ {background:#fff url(/images/bkgClinic.jpg) no-repeat}
#services, #servicesJ  {background:#fff  url(/images/bkgServices.jpg) no-repeat}
#resources, #resourcesJ {background:#fff url(/images/bkgResources.jpg) no-repeat}
#finInfo, #finInfoJ {background:#fff url(/images/bkgFinancial.jpg) no-repeat}
#staff, #staffJ {background:#fff url(/images/bkgStaff.jpg) no-repeat}
#contact, #contactJ {background:#fff url(/images/bkgContact.jpg) no-repeat}
#survey, #surveyJ  {background:#fff  url(/images/bkgFinancial.jpg) no-repeat}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#wrap {width:59.375em; margin:.1em}
#head {width:100%; margin:0 0 0 0;  }
#container { width:100%;}
#slideshow { width:64.8em; background:#d8d8d8; margin-top:1em }
#foot {width:64.8em}

.sidebar {float:left; width:11.1875em; margin-right:1.875em;}
.mainbar {float:left; width:46.3125em}


/*  <MAIN CONTENT>
--------------------------------------------------*/
.logo {float:right; margin-top:.9em}
.byline a {background:url(/images/logo.png) no-repeat; display:block; width:237px; height:100px; text-indent:-5000px; margin-top:1.5em}

#container .mainbar {margin:2.5em 0 0 0}
#container .imageHolder {float:right; height:12em; width:26em}
#home .imageHolder, #homeJ .imageHolder {height:21em;}
#finInfo .imageHolder, #finInfoJ .imageHolder {height:16em;}
#staff .imageHolder, #staffJ .imageHolder {height:25em;}

#content {font-size:.8em; }
#content ul li {list-style:none; list-style-image:url(/images/bullet.gif)}

/*  <ACCORDION>
--------------------------------------------------*/
h3.selected  { color: #000; }
#accordion {margin:20px 0px;}
h3.toggler {cursor: pointer;border:1px dotted #7b2d2d; border-left:none; border-right:none; padding:1px 30px 1px 0; margin:5px 0; display: inline-block;font-weight:bold; font-size:1.125em}
h3.back { }
div.element  {	margin:0px;padding:4px 4px 4px 10px;}
.toggler:hover   { color: #7dbd08;}  

/*  <SLIDESHOW>
--------------------------------------------------*/
#slideshow .inner {padding:0 0 0 .6875em;}
.imgShadow {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 16px 5px 0 !important;}
.imgShadow img {display: block; position:relative;margin: -3px 6px 6px -6px;padding: 0px;} 
.highslide-caption .small {font-size:.75em}
.ss1 .imgShadow {margin-right: 17px !important;}

/*  <FOOT>
--------------------------------------------------*/
#foot .inner {color:#787676; font-size:.625em;padding:0 0 0 .625em;}

/*  <TOP NAVIGATION>
--------------------------------------------------*/
#topNav {color:#000;}
#topNav a {text-decoration:none; color:#000; font-size:.7em;} 
#topNav a:hover {color:#7b2d2d;}
#contact #topNav .contact a,
#contactJ #topNav .contact a
    {cursor:default; color:#7b2d2d}
.privacy {  }

/*  <NAVIGATION>
--------------------------------------------------*/
#nav { padding:1.3em 0 0 0; width:11.1875em}
#nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-5000px;position:relative;z-index:1;top:0} 
#nav .navImage {float:right}
#nav .navImage a, #nav .navImage a:hover {text-decoration:none; position: inherit; text-indent:inherit}


#nav .home a {background: url(/images/navHome.png) no-repeat 0 0; width:68px; height:43px;left:6.9375em;   }
#nav .home a:hover {background: url(/images/navHome.png) no-repeat -68px 0; }
#home #nav .home a {background: url(/images/navHome.png) no-repeat -136px 0; cursor:default}

#nav .clinic a {background: url(/images/navClinicLocHrsInfo.png) no-repeat 0 0; width:179px; height:43px; margin-top:.4em; left:0em;}
#nav .clinic a:hover {background: url(/images/navClinicLocHrsInfo.png) no-repeat -179px 0; }
#clinic #nav .clinic a {background: url(/images/navClinicLocHrsInfo.png) no-repeat -358px 0; cursor:default}

#nav .services a {background: url(/images/navServices.png) no-repeat 0 0; width:92px; height:43px; margin-top:0em;left:5.4375em;}
#nav .services a:hover {background: url(/images/navServices.png) no-repeat -92px 0; }
#services #nav .services a {background: url(/images/navServices.png) no-repeat -184px 0; cursor:default}

#nav .resources a {background: url(/images/navPatientResources.png) no-repeat 0 0; width:162px; height:43px; margin-top:0em;left:1.0625em;}
#nav .resources a:hover {background: url(/images/navPatientResources.png) no-repeat -162px 0; }
#resources #nav .resources a {background: url(/images/navPatientResources.png) no-repeat -324px 0; cursor:default}

#nav .finInfo a {background: url(/images/navFinancialInfo.png) no-repeat 0 0; width:165px; height:43px; margin-top:0em;left:.875em;}
#nav .finInfo a:hover {background: url(/images/navFinancialInfo.png) no-repeat -165px 0; }
#finInfo #nav .finInfo a {background: url(/images/navFinancialInfo.png) no-repeat -330px 0; cursor:default}

#nav .staff a {background: url(/images/navProviderStaff.png) no-repeat 0 0; width:133px; height:43px; margin-top:0em;left:2.875em}
#nav .staff a:hover {background: url(/images/navProviderStaff.png) no-repeat -133px 0; }
#staff #nav .staff a {background: url(/images/navProviderStaff.png) no-repeat -266px 0; cursor:default}

#nav .survey a {background: url(/images/navPatientSurvey.png) no-repeat 0 0; width:140px; height:43px; margin-top:0em;left:2.6em}
#nav .survey a:hover {background: url(/images/navPatientSurvey.png) no-repeat -140px 0; }
#survey #nav .survey a {background: url(/images/navPatientSurvey.png) no-repeat -280px 0; cursor:default}

#nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:84px; height:43px; margin-top:.7em;left:5.9375em;}
#nav .contact a:hover {background: url(/images/navContact.png) no-repeat -84px 0; }
#contact #nav .contact a {background: url(/images/navContact.png) no-repeat -168px 0; cursor:default}



/*  <ANIMATED LEAF>
--------------------------------------------------*/
#leafOuter {position:absolute}
#leafInner {background:url(/images/leaf.png) no-repeat; width:118px; height:43px; position:relative; z-index:0; visibility:hidden}

#homeJ #leafOuter {left:3.4em; top:9.85em;}
#homeJ #nav .home a {background: url(/images/navHome.png) no-repeat -68px 0; cursor:default}

#clinicJ #leafOuter {left:-3.45em; top:12.9em;}
#clinicJ #nav .clinic a {background: url(/images/navClinicLocHrsInfo.png) no-repeat -179px 0; cursor:default}

#servicesJ #leafOuter {left:2em; top:15.7em;}
#servicesJ #nav .services a {background: url(/images/navServices.png) no-repeat -92px 0; cursor:default}

#resourcesJ #leafOuter {left:-2.5em; top:18.5em;}
#resourcesJ #nav .resources a {background: url(/images/navPatientResources.png) no-repeat -162px 0; cursor:default}

#finInfoJ #leafOuter {left:-2.7em; top:21em;}
#finInfoJ #nav .finInfo a {background: url(/images/navFinancialInfo.png) no-repeat -165px 0; cursor:default}

#staffJ #leafOuter {left:-.7em; top:23.9em;}
#staffJ #nav .staff a {background: url(/images/navProviderStaff.png) no-repeat -133px 0; cursor:default}

#surveyJ #leafOuter {left:-.9em; top:26.5em;}
#surveyJ #nav .survey a {background: url(/images/navPatientSurvey.png) no-repeat -140px 0; cursor:default}

#contactJ #leafOuter {left:2.5em; top:29.8em;}
#contactJ #nav .contact a {background: url(/images/navContact.png) no-repeat -84px 0; cursor:default}

#careersJ #leafInner
 {background: none; visibility:hidden}


/*  <SURVEY FORM>
--------------------------------------------------*/
.required {background:url(/images/imagesCMS/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;}
#formSurvey {padding-top:10px; font-size:.85em}
#formSurvey table {padding:0; margin:0 0 20px 0}
#formSurvey table.topform {width:55%;}
#formSurvey .topform td {padding:5px; margin:0; width:20%; text-align:right; border:none; vertical-align:top}
#formSurvey .topform td.tdl {text-align:left; width:80%; vertical-align:top }

#formSurvey input { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;  padding:1px; letter-spacing:.04em; font-size:.95em; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formSurvey input:focus, #formSurvey textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;}

#formSurvey .button { margin-top:5px;background-color:#82a3b4; border:1px solid #000; cursor:pointer; color:#fff; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formSurvey .button:hover {background-color:#e4eef7;color:#82a3b4}

#formSurvey textarea { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;width:430px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.95em}

#formSurvey table.grid  { width:90%}
#formSurvey .grid td, #formSurvey .grid th {width:8%;}
#formSurvey .grid td { padding:3px; text-align:center}
#formSurvey .grid th {
	background-color:#82a3b4;
	color:#fff; border-right:2px solid #fff;
	padding:5px 3px; text-transform:uppercase;
	font-weight:normal
}
.color1 {background-color:#e4eef7; border-bottom:2px solid #fff;}
.color1Last {background-color:#e4eef7;}
#formSurvey .grid th.c1 {width:60%;text-align:center;}
#formSurvey .grid td.c1 {width:60%;text-align:left; color:#666; font-weight:bold;}
#formSurvey .grid td.c2 {width:60%;text-align:left; padding-left:25px}

#formSurvey table.topform {width:55%;}
#formSurvey .topform td {padding:5px; margin:0; width:20%; text-align:right; border:none; vertical-align:top}
#formSurvey .topform td.tdl {text-align:left; width:80%; vertical-align:top }

#formSurvey table.botform {width:90%;}
#formSurvey .botform td {padding:5px; margin:0; width:30%; text-align:right; border:none; vertical-align:top}
#formSurvey .botform td.tdl {text-align:left; width:70%; vertical-align:top }

.formCredit {color:#787676; font-size:.8em;padding:10px 0; text-align:left; font-style:italic}


/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#7a2a0b; color:#ffffff;}
.inpOK {background-color:#e4eef7; color:#666}
.radOK {background-color:#e4eef7; color:#000}
.textOK {background-color:#fff; color:#666}

.errorDiv {background-color:#7a2a0b; color:#FF0; margin:20px 0; border:1px solid #000; text-align:left; padding:10px 5px; font-size:1.3em }
.noerror {color: #fff;text-align:left; border:1px solid #333; margin:20px 0; padding:10px 5px;background-color:#063;font-size:1.3em }
.radErr {background-color:#7a2a0b; color:#fff}

/*  <MISC>
--------------------------------------------------*/
.small {font-size:.625em}
.left {float:left; text-align:left}
.right {float:right; text-align:right}
.clear {clear:both}
.firstPara {margin-top:1em}
.none {display:none}
.show {display:block}
.visible {visibility:visible}
.hidden {visibility:hidden}
.returnMsg {visibility:hidden; position:absolute; left:0; top:0}


/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*  <PAGINATION>
--------------------------------------------------*/
.pagination {font-size:85%;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none}
.pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
.pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#c26612; text-decoration:none}
.pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default	}
.pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}

/* image shadow */
.imgShadowLeft {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;}
.imgShadowLeft img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

.imgShadowRight {float:right;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;}
.imgShadowRight img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

/*  <SPECIAL LINK TYPES>
--------------------------------------------------*/
a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; }
a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;}


