/**********************************************
*  Main Stylesheet                            *
*  (contains base styles for the whole site)  *
*  include on every page.                     *
**********************************************/

html, body {
	margin: 0px;
	height: 100%; 
	text-align: center;
	background: #eae5dd;
}


/* text styles */ 

body {
	font-size: 12px; /* set the base font size (starting with small) */
}
a, input, select, textarea {
	font-size: 1em;
}

body, a, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}
a { color: #900; }
a:hover { color: #c00; }



/* other tag based styles */

a img { border: none; }

form { margin: 0px; }

input, select, textarea { 
	background: #efefef!important; /* google toolbar kill */
	color: #666!important;
	border: 1px solid #ccc;
	padding: 2px;
}

td { 
	vertical-align: top; 
	text-align: left; /* (counter the inherited body alignment in IE) */
}



/* reused classes (everywhere) */

.spacer { /* spacer divs */
	font-size: 0px; 	
	width: 0px;
	height: 0px;
	line-height: 0px;
}

.error { /* error text */
	color: #bb0000;
	font-style: italic;
	font-weight: bold;
}
.successmsg { /* divs containing success messages */
	text-align: center;
	font-weight: bold;
}

.star { /* spans containing required-field astrexes */
	color: #cc0000;
	font-size: 1.2em;
	vertical-align: middle;
}

.smalltext { /* smaller lighter text spans */
	color: #999;
	font-size: 0.9em;
}

.arrowlist { /* uls with arrows beside each list item */
	margin: 0px;
	list-style: none;
	padding: 0px;
}
.arrowlist li {
	margin: 2px;
	padding-left: 24px;
	background: url('grafix/arrow.png') 0px 4px no-repeat;
}



/* individual classes & ids for the main index page & templates */

/* banner */

#bannerouter { /* outer banner table (creates stripe bg) */
	width: 100%;
	background: #000 url('grafix/bannerbg.png') top right repeat;
	border-top: 1px solid #a98b61;
	border-bottom: 1px solid #63502d;
}
#bannerouter td {
	height: 86px;
	text-align: left;
	border-top: 1px solid #63502d;
	border-bottom: 1px solid #a98b61;
}
#bannerright { /* righthand td of bannerouter (creates righthand fade bg) */
	padding: 0px 20px 0px 0px;
	background: url('grafix/bannerbgright.png') top right no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.75em;
	font-style: italic;
	color: #f7f5f3;
}
#bannerouter #bannerright {
	text-align: right;
}

#banner { /* logo and site title img */
	margin: 10px 0px 0px 25px;	
}

#resizebuts { /* div containing the resize text buttons (bottom right of banner) */
	padding: 20px 5px 0px 0px;
}

#underbanner { /* black rounded div below the banner on the left */
	width: 238px;
	height: 36px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	margin-left: 18px;
	background: url('grafix/underbannerbg.png') 0px 0px no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	color: #fff;
	text-align: center;	
}



/* navs */

#nav { /* red table containing top navigation buttons */
	width: 100%;
	background: #880404 url('grafix/navbg.png') 0px 0px repeat-x;
	border-top: 1px solid #a01717;
	border-bottom: 1px solid #6b0b0b;
}
#nav a { 
	display: block;
	height: 23px;
	padding: 8px 10px 0px 10px;
	color: #fff;
	text-decoration: none;
}
#nav a:hover { color: #caa46b; /* #f00 */ }

.subnav { /* cream tables within #nav containing subnav links (appear on hover) */
	display: none;
	position: absolute;
	background: url('grafix/subnavbg.png') bottom left repeat-x;
}
.subnav td {
	padding-top: 1px; /* drop the background below the #nav border without using a margin (which causes flicker) */
}
#nav .subnav a {
	height: 21px;
	padding: 9px 16px 0px 16px;
	color: #333;
	font-size: 0.9em;
}
#nav .subnav a:hover { color: #c00; }


/* specific nav link widths (to stop multi-word links from dropping onto 2 lines when changing the font size) */

#hotelslink { width: 88px; }
#subacutelink { width: 60px; }
#postacutelink { width: 63px; }
#worklifelink { width: 56px; }
#applylink { width: 62px; }
#contactlink { width: 75px; }




/* content boxes */

/* stuff that appears on all templates & admin pages */

#main { /* main content table on all templates (contains all white boxes etc) */
	width: 100%; 
	margin-top: 34px;
}

/* all white rounded boxes with cream bgs */

.whitebox1top { 
	width: 100%;
	background: url('grafix/whitebox1/top.gif') bottom left repeat-x;
}
.whitebox1bot { 
	background: url('grafix/whitebox1/bot.gif') top left repeat-x;
}
.whitebox1left {
	height: 100%; 
	background: url('grafix/whitebox1/left.gif') top right repeat-y;
}
.whitebox1right { 
	background: url('grafix/whitebox1/right.gif') top left repeat-y;
}
.whitebox1mid {
	/* nb, don't use padding here (class is used on the righthand column of template 1) */
	background: #f8f8f8;
	line-height: 1.8em;	
}

.whitebox1title { /* divs containing titles in whitebox1s */
	margin: 8px 0px 8px 4px;
	color: #444;
	font-size: 1.1em;
}

.whitebox1content { /* ps & divs containing text within center & right whitebox1s (used to create padding effect) */
	margin: 0px 10px;
}


#loadbar { /* div containing "loading..." bar that appears in template pages initially */
	margin-top: 60px;
	text-align: center;
}

#toplink { /* div containing "top" link below center box content */
	text-align: right;
	padding: 5px 15px 5px 5px;
}



/* stuff used only on template 1 */

#pageleft { /* lefthand td of #main on template 1 */
	padding: 0px 8px 0px 12px;
}
#pageright { /* righthand td of #main on template 1 */
	width: 100%;
	padding: 0px 10px 0px 0px;
}

#rightcontent { /* righthand sub-table containing center and right columns on template 1 */
	width: 100%;
	height: 528px;
}


.leftwhitebox1 { /* all 3 lefthand whitebox1 tables on template 1 */
	width: 100%;
}

.closex, .downarr { /* xs and down arrows that appear in top right of lefthand whitebox1s when grown / shrunk */
	display: none;
	float: right;
	position: relative; 
	margin: 2px 7px 0px 4px;
}

.morelink { /* divs containing "view more" links in bottom right of left & righthand whitebox1s */
	margin: 5px 6px 0px 0px;
	text-align: right;
}


#morefeatures { /* second ul in top left whitebox1 (template 1) */
	margin-bottom: 8px;
}


.infoformtable { /* both tables within the info form (middle left whitebox1 on template 1) */
	width: 100%;
}
.infoformtable td {
	padding: 4px 0px;
}

.infoformshorttext { /* tds containing text in infoformtables */
	width: 50px;
}
.infoformtable .infoformfieldtd { /* righthand tds in infoformtables (contain form fields) */
	text-align: right;
	padding-right: 8px;
}

#moreinfobutdiv { /* div containing submit button at the bottom of the get info table (template 1) */
	padding: 4px 16px 4px 0px;
	text-align: right;
}


#brochurediv { /* div in get info box containing the brochure (template 1) (also has class brochurediv) */
	margin: 38px 0px 12px 0px;
}


#slideshow { /* div containing image / swf slideshow on the right of template 1 */
	position: absolute; 
	margin-left: -17px; 
	margin-top: -321px;
	width: 230px;
	height: 300px;
	background: #eae5dd;	
}

#rightboxtop { /* table containing the top of the whitebox1 on the right of template 1 */
	position: absolute; /* (nb, do it like this so that the center and right tables expand together) */
	width: 230px; 
	height: 26px; 
	margin-top: -24px; 
	margin-left: -17px;
}
#rightboxpadding { /* top td of #rightboxtop (creates space between box and slideshow) */
	background: #eae5dd;
	padding: 4px;
	line-height: 0px;
}


/* stuff used only on template 2 */

#leftnav { /* div containing the lefthand subnavs inside the left rounded box */
	margin-left: 15px;
	line-height: 2.9em;
}



/* copyright box (on main index page) */

#copyrightbox { /* white rounded box at the bottom (contains copyright and valid buts) */
	width: 100%;
}
#copyrightbox .whitebox1mid {
	line-height: normal;
}

#copyrightinner { /* inner copyright table (positions the copyright and valid buts) */
	width: 100%;
}
#copyrighttd { /* center td containing the copyright note */
	width: 100%; 
	text-align: center;
	vertical-align: middle;
	font-size: 0.9em;
	color: #333;
}




/* classes & ids used on individual content pages / admin pages / small boxes */


/* reused classes */

#centerboxtitle { /* whitebox1title in all center whiteboxes */
	margin: 16px 0px 28px 4px;
}
#centerboxcontent { /* whitebox1content in all center whiteboxes */
	margin-bottom: 20px;
}

.subtitle { /* divs containing heavily indented italic subtitles on various pages */
	margin: 25px 0px 16px 18px;
	font-style: italic;
}
.subtitle2 { /* divs containing bold italic subtitles on various pages */
	margin: 25px 0px 16px 0px;
	font-style: italic;
	font-weight: bold;
}

.heavytext { /* spans containing bold italic text (no margin) (e.g. addresses at bottom of programs pages) */
	font-style: italic;
	font-weight: bold;
}

.sideboxtitle { /* divs containing titles at the top of some left / right hand boxes */
	margin: 20px 15px 18px 0px;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #444;
	border-bottom: 1px solid #ccc;
}

.brochurediv, .hotelsdiv { /* a.) divs containing the brochure and download link, b.) div containing pdf on hotels page */
	text-align: center;
}
.brochurediv a, .hotelsdiv a {
	font-size: 0.9em;
	color: #444;
	text-decoration: none;
}

.formouter { /* outer form tables (create the borders) on various */
	border: 1px solid #ddd;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
.formouter2 { /* (as above except left aligned) */
	border: 1px solid #ddd;
	padding: 20px;
}

.forminner td { /* inner form tables on various pages */
	padding: 4px;
	vertical-align: bottom;
}
.forminner .formtitle { /* td containing form title (just app form page for now) */
	padding-top: 0px;
	vertical-align: top;
	color: #444;
	font-size: 1.3em;
	font-weight: bold;
}
.forminner .requiredtitle { /* td containing red "required info" bit on various pages */
	padding-top: 0px;
	padding-bottom: 15px;
	text-align: right;
	color: #cc0000;
}
.forminner .forminnertext { /* tds in forminner tables containing form item label text */
	vertical-align: top;
}



/* features page */

#featureslist { /* ul on the features page */
	margin-left: 30px;
}
#featureslist li {
	margin-bottom: 6px;
}


/* get info page */

#getinfocentertable { /* table containing the form fields in the middle of the get info page */
	margin-left: auto;
	margin-right: auto;
}
#getinfocenterbutton { /* bottom td of getinfocentertable (contains send button) */
	text-align: right; 
	padding-top: 10px;	
}


/* about / mission statement page */

.biggoldtext { /* the big gold "eldorado" letters and the "live it well" bit at the bottom */
	color: #cc9900; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em; 
	font-style: italic;
	text-align: center;
}

#abouttable { /* table containing the letters and text beside them */
	width: 95%; 
	margin-left: auto; 
	margin-right: auto;
}
#abouttable .biggoldtext { /* tds containing gold letters */
	width: 25px;
	padding-top: 14px;
}

#aboutfoot { /* "live it well" gold text at the bottom */
	margin-top: 30px;
	font-size: 1.7em;
	letter-spacing: 1px;
}


/* services overview page */

.serviceslist { /* both uls on the services page */
	margin-left: 35px; 
}


/* sub-accute / post-accute programs pages */

.programsarrlist { /* arrowed lists on these pages (create a bit of extra space above) */
	margin-top: 10px;

}


/* testimonials page */

.testimonial { /* divs containing each testimonial */
	margin: 10px 15px 15px 15px;
	padding: 15px 15px 20px 15px;
	border-bottom: 1px solid #ccc;
	font-size: 1.1em;
	font-style: italic;
}

.testiname { /* divs containing names of people quoted */
	padding-top: 15px;
	text-align: right;
	font-size: 0.9em;
	font-style: normal;
}


/* contact page */

#map_canvas { /* div containing the google map */
	border: 1px solid #777;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


/* hotels page */

#hotelstable { /* main content table on the hotels page */
	margin-left: auto;
	margin-right: auto;
}
#hotelstable td, #hotelstable th {
	padding: 8px;
	border: 1px solid #ddd;
}
#hotelstable .hotelssno {
	text-align: center;
}


/* inquire page */

.calendar { /* small calendar (clickable to pop up main JS calendar) */
	vertical-align: middle;
}

#caldiv1 { /* div used to create JS calendars */
	position: absolute; 
	visibility: hidden; 
	background-color: white;
}


/* jobs page */

.job { /* divs containing each job */
	margin: 10px;
	padding: 5px 10px 20px 10px;
	border: 1px solid #ddd;
}

.jobdateadded { /* divs containing date each job uploaded */
	font-size: 0.9em;
	text-align: right;
}

.jobtitle { /* divs containing each job title */
	height: 21px;
	padding-left: 23px;
	font-weight: bold;
	background: url('grafix/arrow.png') 0px 3px no-repeat;
}
.viewjobinfo { /* divs within jobtitle divs containing the view details link */
	display: none;
	width: 200px;
	float: right;
	text-align: right;
	font-weight: normal;	
}	

.jobcontent { /* divs containing jobsubcontent divs, description and certificates info */
	margin: 20px 15px 10px 15px;
}
.jobsubcontent { /* divs containing shift, shift length and salary info */
	line-height: 2.5em;
	margin-bottom: 25px;
}

.jobapplybut { /* divs containing the apply button below each job */
	display: none;
	text-align: right;
}

.jobappform { /* divs containing the small app form below each job */
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.jobappforminner { /* tables containing the job app form fields */
	margin-top: 10px;
}


/* apply now page */

#eapppdf { /* a: contains pdf icon and download application text */
	display: block;
	width: 80px;
	float: right;
	text-align: center;
	font-size: 0.9em;
	color: #444;
	text-decoration: none;
	line-height: 1.5em;
}
#eapppdf img {
	margin-bottom: 5px;
}


/* what's new page */

#whatsnewarrlist li { /* the lis in the arrowlist on the what's new page */
	margin-bottom: 35px;
}


/* tour photos page */

#tourphotostable td { /* table containing the thumbs on the tour photos page */
	text-align: center;
	vertical-align: middle;
}
#tourphotostable img {
	border: 2px solid #ddd;
}



/* admin pages */

/* admin header */

#adminreturnlink { /* return to main site link in the navs */
	width: 180px;
	text-align: center;
}

#adminleftnav { /* div containing the lefthand subnavs inside the left rounded box */
	margin-left: 15px;
	line-height: 2.9em;
}


/* admin login page */

#logintable { /* table containing login form fields */
	margin-left: auto; 
	margin-right: auto;
	border: 1px solid #ddd;
}

#loginblockdiv { /* div containing the "blocked from logging in for xx mins" message */
	width: 340px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #ddd;
}


/* admin change password page */

#changepasstable { /* table containing change password form fields */
	margin-left: auto; 
	margin-right: auto;
	border: 1px solid #ddd;
}


/* admin lost password page */

#lostpasstable { /* table containing lost password form fields */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
}


/* admin select job page */

.selectjobtitle { /* divs containing each job title / links */
	margin: 2px;
	padding: 4px 6px 4px 10px;
	font-weight: bold;
	border: 1px solid #ddd;
}
.selectjoblinks { /* divs containing edit / delete links beside each job title */
	width: 295px;	
	float: right;
	text-align: right;
	font-weight: normal;
}


/* admin select news entry page */

.selectnewstitle { /* divs containing each entry title / links */
	margin: 2px;
	padding: 4px 6px 4px 10px;
	font-weight: bold;
	border: 1px solid #ddd;
}
.selectnewslinks { /* divs containing edit / delete links beside each entry title */
	width: 150px;
	float: right;
	text-align: right;
	font-weight: normal;
}