﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.8em/1.6 Arial, Verdana,sans-serif;
	background:#e0d4c9 url(../images/bgtile.gif) repeat-x 0 0;
	color:#010101;
}

.willows_body {background:#e0d4c9 url(../images/bgtile_green.gif) repeat-x 0 0}

/* ---- Universal Properties ---- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}
abbr, acronym {cursor:help}
.clear {clear:both}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {
	font-size:1.4em;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#692820;
	font-weight:normal;
}

h2 {font-size:1.1em; color:#2b5a74; text-transform:uppercase; margin-top:20px; margin-bottom:5px}
h3 {font-size:1.2em}

/* ---- linkPreview ---- */
.doc, .pdf, .ppt, .txt, .xls {
	padding:0 20px 0 0;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* ---- containers ---- */
#container {
	margin:0 auto;
	width:910px;
}

#left {
	width:900px;
	float:left;
	display:inline; /* fixes IE6 bug for #right */
	background:url(../images/left_bg.gif) repeat-y 0 0;
}

#right, #right_willows {
	width:10px;
	height:147px;
	float:right;
}

#right {background:url(../images/right_bg.gif) no-repeat 0 0;}
#right_willows {background:url(../images/right_willows_bg.gif) no-repeat 0 0;}

/* ---- sidebar ---- */
#sidebar {
	width:262px;
	float:left;
}

#logo, #logo_gracebarker, #logo_willows, #logo_willows_al {width:262px; height:147px}
#logo, #logo_gracebarker {background:url(../images/logo_bg.gif) no-repeat 0 0}
#logo_willows, #logo_willows_al {background-image:url(../images/logo_willows_bg.gif)}

#logo a, #logo_gracebarker a, #logo_willows a, #logo_willows_al a {
	display:block;
	width:242px;
	height:121px;
	position:relative;
	top:14px;
}

#logo a {background:url(../images/logo_main2.gif) no-repeat 0 0}
#logo_gracebarker a {background:url(../images/logo_main_gracebarker.gif) no-repeat 0 0}
#logo_willows a {background:url(../images/logo_willows_main.gif) no-repeat 0 0}
#logo_willows_al a {background:url(../images/logo_willows_main_AL.gif) no-repeat 0 0}

#logo img, #logo_gracebarker img, #logo_willows img, #logo_willows_al img {display:none} /* hides print logo from screen */

#nav {
	width:246px;
	padding-left:16px;
	padding-top:12px;
	border-top:5px solid #fff;
}

/* ---- Menu ---- */
.menu, menu ul, .menu li {margin:0; padding:0; border:0; list-style:none none}

.menu {width:234px}

.menu li {
	position:relative;
	z-index:5;
	float:left;
	width:100%;
	font-size:10px}

.menu li:hover {
	z-index:10000;
	white-space:normal}

.menu ul {
	width:100%;
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	background-image:url(../images/empty.gif); /* required for sticky to work in IE6 and IE7 */
	/*background:#F00; /* uncomment this if you want to see the "safe" area. */
	margin:-20px 0 0 0;
	padding:20px 20px 20px 1px}
	
.menu li li {
	float:none;
	margin-left:-1px;
	margin-top:-1px;
	width:280px; /* border area */
	border:1px solid #ab7c56;
	border-width:1px 0;
}

.menu li:hover>ul {visibility:visible; left:100%}

.menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} 

.menu:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* force containment of floated LIs inside of UL */
.menu ul {min-height:0} 
.menu {min-height:0} /* IE7 float clear: */
	
.menu a {
	display:block;
	margin:0;
	padding:6px 0 6px 10px;
	width:224px;
	text-decoration:none;
	color:#350804;
	border-bottom:1px solid #ab7c56;
	font-size:1.5em;
}
	
.menu li li a {
	padding:6px 0 6px 20px;
	width:260px; /*text area */
	border:none;
}

.menu li.selected ul li.selected a {background-color:#d6b774; font-weight:bold}

.menu a:visited {text-decoration:none}

.menu li li a, .menu li.selected ul li a {background-color:#f7eaca; font-weight:normal}

.menu li:hover>a:hover, .menu li.selected:hover>a {background:#d6b774; font-weight:bold}
.menu li.selected a {background:#d6b774; font-weight:bold}
.menu li li:hover>a:hover {background-color:#d6b774}
.menu li:hover>a, .menu li.selected:hover>a {background:#d6b774; font-weight:bold}
.menu li ul {padding-left:1px}

/* ---- text sizer ---- */
#textsize {
	width:236px;
	padding-left:26px;
	margin-top:20px;
	color:#350804;
	font-weight:bold;
}

p#text-size {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#text-size-options {
	list-style:none;
	padding:0;
}

ul#text-size-options li {
	margin:0;
	padding:0;
	float:left;
}

ul#text-size-options a {
	display:block;
	width:20px;
	height:20px;
	background:url(../images/textsize_buttons.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

li#text-m a {background-position:0 -20px}
li#text-l a {background-position:-20px 0}
li#text-xl a {background-position:-40px 0}

.invisible{display:none} /* ---- if css is disabled, all .invisible will now display ---- */

/* ---- main area ---- */
#main {
	width:638px;
	float:right;
}

#top, #top_willows {
	width:638px;
	height:26px;
	color:#fff;
	text-align:right;
	font-size:.9em;
	padding-top:47px;
}

#top {background:url(../images/top_bg.gif) repeat-x 0 0}
#top_willows {background:url(../images/top_willows_bg.gif) repeat-x 0 0}

#top p, #top_willows p {margin:0; padding:0}
.toppad {padding:0 10px}

#top a, #top_willows a {color:#fff; text-decoration:none}
#top a:hover, #top_willows a:hover {text-decoration:underline}

#pic {
	width:638px;
	height:238px;
}

/* ---- testimonials ---- */
#testimonial, #testimonial_willows {
	width:626px;
	min-height:121px;
	height:auto !important;
	height:121px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	color:#fff;
	font-size:1.4em;
	line-height:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#testimonial {background:#5f98ab url(../images/testimonial_bg.gif) repeat-x 0 0;}
#testimonial_willows {background:#ac6d1c url(../images/testimonial_willows_bg.gif) repeat-x 0 0;}

p.quote {text-align:center; padding:14px 10px 0; margin-bottom:10px}
p.quotesig {text-align:center; font-size:.7em; font-style:italic; margin-bottom:0}
h3.quote_large {text-align:center; padding-top:46px}

#testimonial_left {
	width:317px;
	min-height:121px;
	height:auto !important;
	height:121px;
	float:left;
	padding:14px 14px 0;
}

#testimonial_right {
	width:265px;
	padding-left:15px;
	float:right;
	border-left:1px solid #97b3bd;
	font-family:Arial, Helvetica, sans-serif;
}

#testimonial_right p.header {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:10px}
#testimonial_right ul {margin-bottom:0; margin-left:25px}
#testimonial_right li {font-size:.7em; margin-bottom:5px; margin-top:0; line-height:1.3em}
#testimonial_right p.more {font-size:.65em; text-align:right; text-transform:uppercase; margin-bottom:0}
#testimonial_right a {color:#fff; text-decoration:none}
#testimonial_right a:hover {text-decoration:underline}

#b_testimonial, #b_testimonial_willows {
	width:638px;
	height:22px;
	clear:both;
}

#b_testimonial {background:url(../images/b_testimonial_bg.gif) no-repeat 0 0}
#b_testimonial_willows {background:url(../images/b_testimonial_willows_bg.gif) no-repeat 0 0}

/* ---- content ---- */
#content {
	width:602px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:25px 18px;
}

#content a {color:#692820; text-decoration:underline}
#content a:hover {color:#692820; text-decoration:none}
#content li {margin-bottom:5px}
.sig {font-style:italic; margin-left:240px}

.img_right {
	float:right;
	margin:4px 0 4px 10px;
	background:#fff;
	padding:3px;
}

.img_right_noborder {
	float:right;
	margin:4px 0 10px 10px;}


.subcontent {
	min-height:100px;
	height:auto !important;
	height:100px;
	margin:10px;
	padding:5px 40px;
	border:1px solid #692820;
	text-align:center;
	font-style:italic;
	background:#faf1de;
}

.Day Health Services_small {padding:10px}

#content iframe {border:1px solid #692820}
#flash {margin-left:20px}

.notice {
	font-style:italic;
	font-size:1.2em;
	padding-left:10px;
	margin-left:-10px;
	background:#eed08c;
}

.calmenus {width:90%; text-align:center; margin:0 auto}
.calmenus td {width:50%; padding:0 5px 10px}
.calmenus img {border:1px solid #692820}
.calmenus a:hover img {border:1px solid #fff}

.blockpics {
	width:250px;
	height:200px;
	float:left;
	display:inline;
	text-align:center;
	margin-left:30px;
}

.blockpics a img {border:1px solid #692820}
.blockpics a:hover img {border:1px solid #fff}

.sig {text-align:right; font-style:italic; margin-right:100px}
.contentquote {text-align:center; font-size:1.3em; font-weight:bold; color:#255d6c; font-family:Georgia, "Times New Roman", Times, serif}

.aside {float:right; width:250px; margin:4px 10px 0px 20px}
.aside p {margin-bottom:5px}

.callout {
	float:right;
	width:200px;
	margin:4px 10px 0px 20px;
	padding-top:10px;
	font-weight:bold;
	background:#90463b;
	color:#fff;
	border:2px solid #56221a
}

.callout h3 {margin-bottom:10px}
.callout ul {margin-left:20px}
.callout li {line-height:1.3em}
.callout a {color:#fff !important; text-decoration:none !important}
.callout a:hover {text-decoration:underline !important}

/* ---- footer ---- */
#bottomcap {
	width:900px;
	height:28px;
	background:url(../images/bottomcap_bg.gif) no-repeat 0 0;
	clear:both;
}

#footer {
	width:900px;
	min-height:40px;
	height:auto !important;
	height:40px;
	clear:both;
	text-align:center;
	font-size:.9em;
	color:#350804;
	background:#e0d4c9;
}

#footer p {margin-bottom:0}
#footer a {color:#350804; text-decoration:underline}
#footer a:hover {color:#350804; text-decoration:none}
.bottompad {padding:0 6px; color:#ab7c56}

/* ---- forms ---- */
fieldset {border:0; margin:0; padding:10px; width:90%}
legend {
	margin:0;
	padding:0;
	color:#440000;
	font:bold 1.2em/1.5em verdana,sans-serif;
}

html>body legend {margin:0}

fieldset span {color:#FF0000; font-weight:bold}
fieldsetdl {margin:0; padding:0}
fieldset dt {margin:17px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}

label {font-weight:bold; cursor:pointer}
label.unbold {font:normal .95em verdana,sans-serif; color:#000}
input, textarea {
	width:350px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #E8E6E0;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background:#F6F5F3;
	color:#333;
}

textarea {
	overflow:auto;
	margin:0 0 -2px;
}

input:hover, textarea:hover {
	border:1px solid #004080;
	border-top:1px solid #002850;
	border-left:1px solid #002850;
	background:#E8E7E0;
}

input:focus, textarea:focus {
	border:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
}

input.radio, input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

input.submit {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#fff;
	font-weight:bold;
	background:#692820;
	display:inline;
}

input.reset {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#000;
	font-weight:bold;
	background:#ddd;
	display:inline;
}

input.submit:hover {
	border:1px solid #000;
	background:#eed08c;
	color:#010101;
}

input.reset:hover {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input.submit:focus {
	border:1px solid #000;
	background:#692820;
	color:#fff;
}

input.reset:focus {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input#city {width:230px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed {
	border:1px solid #f00;
	color:#f00;
}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#FF0000;
	color:#fff;
	width:352px;
}

.message {visibility:visible; display:none}

/* === survey link === */

#survey {
	background:#f5e5c1;
	width:200px;
	padding-left:0px;
	padding-top:10px;
	margin-top:60px;
	margin-left:25px;
	color:#350804;
	border:2px #fff solid;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
}

#survey a {
	color:#350804;
}


