/************STYLES*************************************/
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background:#fff url(images/bg-slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0067ac; text-decoration:underline; font-weight:bold}
a:hover, a.current {text-decoration:none;}
p { font-size:11px; padding:0 0 12px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#666666;}
h1{color:#696969; font-size:22px; padding:0 0 2px 20px; font-family:Georgia, "Times New Roman", Times, serif; background:url(images/icon.gif) no-repeat; font-weight:normal}
h2{color:#696969; font-size:18px; padding:0 0 12px 0; font-family:Georgia, "Times New Roman", Times, serif}
h3{color:#81a5bf; font-size:16px; padding:0 0 2px 0;}
h4{color:#81a5bf; font-size:14px; padding:0 0 12px 20px;}
h5{color:#81a5bf; font-size:12px; padding:0 0 12px 0;}
h6{color:#81a5bf; font-size:10px; padding:0 0 12px 0;}

/************CLASSES*************************************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:49%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.padd{ padding:2px 0 0 20px}
.padd2{ padding:2px 0 0 10px}
.picbor{ border:1px solid #0067ac;}
.none{ display:none}
/************WRAPPERS*************************************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#LanguageHolder{ width:919px; text-align:left; margin-top:12px;}
#LanguageHolder p{ padding:0 0 2px 0}
#PageWrapper{ width:919px; border:3px solid #fff; margin-top:2px;}
#Top{ background:#fff url(images/logo-alternacare.gif) no-repeat; width:919px;}

/************TOPNAV*************************************/
#TopNav{ float:right; padding:2px; color:#afbc21; font-size:11px;}
#TopNav ul{ list-style:none; margin:0; padding:0}
#TopNav li{ float:left; padding:0 4px}
#TopNav li a{ color:#666; font-weight:normal; text-decoration:none;}
#TopNav li a:hover{ text-decoration:underline;}
#TopNav li a.current{ text-decoration:underline;}

/************BANNERS*************************************/
#HpBanner{ background:url(images/hp-flash.gif) no-repeat; width:919px; height:364px; clear:both}
#SubBannerBlank{ background:url(images/sub-banner-blank.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerProf{ background:url(images/sub-banner-prof.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerFacilities{ background:url(images/sub-banner-fac.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerHomecare{ background:url(images/sub-banner-home.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerSearch{ background:url(images/sub-banner-search.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerAbout{ background:url(images/sub-banner-about.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerResources{ background:url(images/sub-banner-res.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerContact{ background:url(images/sub-banner-contact.jpg) no-repeat; width:919px; height:179px; clear:both;}

#HpBannerFr{ background:url(images/hp-flash.gif) no-repeat; width:919px; height:364px; clear:both}
#SubBannerProfFr{ background:url(images/sub-banner-prof-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerFacilitiesFr{ background:url(images/sub-banner-fac-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerHomecareFr{ background:url(images/sub-banner-home-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerSearchFr{ background:url(images/sub-banner-search-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerAboutFr{ background:url(images/sub-banner-about-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerResourcesFr{ background:url(images/sub-banner-res-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}
#SubBannerContactFr{ background:url(images/sub-banner-contact-fr.jpg) no-repeat; width:919px; height:179px; clear:both;}

#BannerText{ width:300px; float:right; padding:90px 20px 10px 0;}

/************BIGNAV*************************************/
#BigNav {width: 919px; height: 50px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
#BigNav ul {margin:0; padding:0; list-style:none}
#BigNav li {float: left;}				
#BigNav li a span {display: none; }				
#BigNav li a {height: 50px; display: block; float: left; padding: 0;}				
#BigNav li a.professionals {width:306px; background: url(images/big-nav_01.gif) no-repeat top;}
#BigNav li a.facilities {width:307px; background: url(images/big-nav_02.gif) no-repeat top;}		
#BigNav li a.homecare {width:306px; background: url(images/big-nav_03.gif) no-repeat top;}
#BigNav li a:hover {background-position: bottom; }
#BigNav li a.current {background-position: bottom; }

/************BIGNAV FR*************************************/
#BigNavFr {width: 919px; height: 50px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
#BigNavFr ul {margin:0; padding:0; list-style:none}
#BigNavFr li {float: left;}				
#BigNavFr li a span {display: none; }				
#BigNavFr li a {height: 50px; display: block; float: left; padding: 0;}				
#BigNavFr li a.professionals {width:306px; background: url(images/big-nav-fr_01.gif) no-repeat top;}
#BigNavFr li a.facilities {width:307px; background: url(images/big-nav-fr_02.gif) no-repeat top;}		
#BigNavFr li a.homecare {width:306px; background: url(images/big-nav-fr_03.gif) no-repeat top;}
#BigNavFr li a:hover {background-position: bottom; }
#BigNavFr li a.current {background-position: bottom; }

/************HOMEPAGE-STYLES*************************************/
#HpCopyArea{ width:899px; background:#fff url(images/hp-txt.gif) no-repeat; padding:60px 10px 14px 10px; height:180px}
#HpCopyAreaFr{ width:899px; background:#fff url(images/hp-txt-fr.gif) no-repeat; padding:60px 10px 14px 10px; height:180px}
#HpCopy{ float:left; width:340px; border:dotted #b9b098 1px; border-width:0 1px 0 0; padding:0 20px 0 30px; height:176px}
#HpCopyFr{ float:left; width:376px; border:dotted #b9b098 1px; border-width:0 1px 0 0; padding:0 6px 0 10px; height:176px}
#HpCopy p{ line-height:16px;}
#HpCopyFr p{ line-height:16px;}
#Quicklinks{ font-size:11px; float:left; width:174px; border:dotted #b9b098 1px; border-width:0 1px 0 0; padding:0 20px 0 30px; height:176px; margin-right:20px}
#Quicklinks ul{ margin:0; padding:0 0 10px 16px; list-style:url(images/arrow.gif);}
#Quicklinks li{ padding:0 0 8px 0; margin:0}
#TopJobs{ float:left; background:url(images/gradient-green.jpg) repeat-x; width:230px; border:#afbc21 1px solid; padding:10px}


#SubCopyArea{ width:899px; padding:16px 10px 14px 10px;}
#SubCopyArea ul{ margin:0; padding:0 0 10px 20px}
#SubCopyArea ol{ margin:0; padding:0 0 10px 20px}
#SubCopyArea li{ font-size:11px; line-height:18px; margin:0; padding:0 0 4px 0;}

#SubCopyArea2{ width:909px; padding:16px 0 14px 10px;}
#SubCopyArea2 ul{ margin:0; padding:0 0 10px 20px}
#SubCopyArea2 ol{ margin:0; padding:0 0 10px 20px}
#SubCopyArea2 li{ font-size:11px; line-height:18px; margin:0; padding:0 0 4px 0;}
#SubCopy{ width:600px; float:left; padding:0 10px 10px 0px;}
#SubCopy2{ width:900px; float:left; padding:0 0 10px 0px;}
#SubCopy3{ width:909px; float:left; padding:0 0 10px 0px;}
#SubSide{ float:left; width:280px}
#SubSide h2{color:#696969; font-size:12px; padding:0 0 2px 0; font-family:Georgia, "Times New Roman", Times, serif}
#SubSideBox{ background:url(images/gradient-blue.jpg) repeat-x; width:238px; padding:10px 10px 10px 12px;}

#SubNav{ height:26px; background:#90ae2c; width:919px; font-size:11px;}
#SubNav ul{ margin:0; padding:4px 0 0 10px; list-style:none}
#SubNav li{ float:left; padding:0 12px 0 0; margin:0}
#SubNav li a{ color:#fff; text-decoration:none;}
#SubNav li a:hover{ text-decoration:underline}
#SubNav li a.current{ text-decoration:underline}

#SubNavSm{ height:26px; background:#90ae2c; width:919px; font-size:10px;}
#SubNavSm ul{ margin:0; padding:4px 0 0 10px; list-style:none}
#SubNavSm li{ float:left; padding:0 12px 0 0; margin:0}
#SubNavSm li a{ color:#fff; text-decoration:none;}
#SubNavSm li a:hover{ text-decoration:underline}
#SubNavSm li a.current{ text-decoration:underline}


/************BOTTOM*************************************/
#Bottom{ width:915px; background:url(images/gradient-yellow.jpg) repeat-x; height:64px; clear:both; padding:6px 2px}
#Bottom ul{ list-style:none; color:#9c9c9c; font-size:9px; word-spacing:1px}
#Bottom li{ float:left; padding:0 2px;}
#Bottom li a{ color:#9c9c9c; text-decoration:none; font-weight:normal}
#Bottom li a:hover{ text-decoration:underline; font-weight:normal}
#Bottom li a.current{ text-decoration:underline; font-weight:normal}
#Bottom span.bottom{ font-size:9px; float:right; color:#9c9c9c; padding:0 2px}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#f0f3d6; padding:0; cursor:pointer}
	div.question h4{padding:4px; color:#666; font-size:12px; cursor:pointer}
	div.question:hover {background:#90ae2c; cursor:pointer}
	div.question:hover h4{ color:#fff; cursor:pointer}
	div.question.active{background:#90ae2c; cursor:pointer}
	div.question.active h4{ color:#fff; cursor:pointer}
	
	
	
/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:220px; margin-bottom:10px;}
	.field-widget { float:left; width:250px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}