/* Include reset stylesheet first */
@import url("grid.css");


  body { margin:0; padding:0; background: #44311c; }
  #wrap { background: #edd6b4 url(/css/img/headerbg.jpg) repeat-x 50% 0; overflow:hidden; border-bottom: 10px solid #f5eedc; }
  #page { background: #f5eedc url(/css/img/headerbgshort.jpg) repeat-x 0 0; position: relative;}
  .fixwidth {width: 960px; margin: 0 auto; }
  ul.haznav {margin: 0; padding: 0;}
  ul.haznav li {display: inline; margin: 0; padding: 0 .5em 0 0; }
  #logo { position: absolute; top:0; left:0;}
  #logo a, #logo a img { border: 0; }
  #header { background: transparent ; text-align: right; padding: 1em 0 2em;}
  #footer { padding:1.5em 0; background: transparent url(/css/img/millcreek-home-health-hospice.gif) no-repeat 100% .5em; }
#phone { font-size: 20px; color: #fff; margin: 0; }
#nav {width: 245px;  float:left; margin: 140px 0 0 12px;}
#nav img {padding-top: 2em;}
#content {width: 650px; float:right; margin: 90px 15px 0 0; padding-bottom: 3em; overflow: hidden; position: relative;}
#content .main {width: 480px; float: left;}
#content .main.singlecolumn { width: 620px; float: none; }
#content .side {width: 140px; float: right;}
#artcontent { text-align: right; margin-bottom: -80px;} /*neg to compensate with content margin-top Adds to 170*/


#homephotos {position: absolute; top:60px; right:-20px; width:465px; height: 500px; text-align: right; background: transparent url(/css/img/ornament.png) no-repeat 0 0;  }

#homecontent {width: 280px; float:right; margin: 90px 385px 0 0; padding-bottom: .5em; overflow: hidden; position: relative; }
#homecontent h1 {text-indent: -9999px; overflow: hidden; outline: none; width: 255px; height: 90px; background: transparent url(/css/img/txt-ourfocus.png) no-repeat 0 0; }
#homebox { background: #f3e5cc url(/css/img/homebg.png) repeat-x 0 0; clear: both; padding: 1.5em; margin-top: 2em; overflow: hidden; z-index: 1000;}



#header, #footer {font: normal .8em/1.2em Verdana, Arial, Sans-serif; color:#ceb893;}

/* Typography and basic tags */
body { font: normal 13px/20px Arial, Sans-serif; color:#41281c; }

h1,h2,h3,h4,h5,h6 { font-family: Cambria, Georgia, Times New Roman, Serif; line-height:1.2; color:#664332; margin-bottom: .5em; }


h1 {font-size: 200%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 100%;}
h6 {font-size: 95%;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


dl.testimonials dt { font: normal 130%/140% Cambria, Georgia, Times New Roman, Serif; margin-top: 2em;}
dl.testimonials dd { text-align: right;}
.quote { font-family: Cambria, Georgia, Times New Roman, Serif; line-height:1.2; color: #664332; font-size: 1.6em;  text-align: center; padding:0 0 48px 0; background: transparent url(img/qbottom.png) no-repeat 50% 100%; }
.ornament { display: block; padding-top: 48px; background: transparent url(img/qtop.png) no-repeat 50% 0;}




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a, a:link, a:visited { color: #c34f30; text-decoration: underline; }
a:focus, a:hover, a:active { text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


a.blockbutton { padding: 5px 18px; background: #41281c; color: #ffffff; float: right;}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

form { width: 96%; margin: 0 auto 1.4em;  }
legend { font-size: 1.2em; font-weight: bold; padding: 0 .5em; margin: 0 -2em; display: block; }
fieldset {  padding: 1em 2em; margin-bottom: 1.4em;  border:1px solid #d9c6a2; border-left: none; border-right: none; background: transparent url(img/bggrade.png) repeat-x 0 0; }
input, textarea, select { font: normal 1.2em Arial, Sans-serif; }
select { font-size: 1em; }
input.txt, textarea, select { padding: .2em; }

label { margin-right: 3px; display: block; float: left; width: 100px; text-align: right; }
label span.reqd { color: #900; padding-right: 2px; }

form ol {margin: 0; padding: 0; list-style: none outside none;}
form ol li { margin: 2px 0; padding:4px 0; font-size: .9em; }

.req, .reqd { font-weight: bold; }
label.error, label.invalid { font-weight: bold; color: #900; }
form ol li.error, form ol li.invalid { padding-left: 1em; margin:2px -1em; border: 1px solid #dcc; background: #fff699; }
span.errmsg { display: block; margin-left: 115px; }

#askexpert #message_lbl,
#contact #message_lbl { float: none; width: auto; text-align: left; }

#askexpert #message,
#referral #patientneeds,
#contact #message { /*margin-left: 103px;*/width: 400px; margin: auto; height: 6em; }

#referral #patientneeds {
  clear: both;
}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }





#header a, #footer a { color:#f5eedc; text-decoration: none; }
#header a:link, #header a:visited, #footer a:link, #footer a:visited { text-decoration: none; background-color: none; }
#header a:hover, #header a:active, #footer a:hover, #footer a:active { text-decoration: underline;  }
#header li , #footer li  {border-right: 1px solid #8e643f;}
#header li.last , #footer li.last  {border: none;}

ul.listnav a {font:normal .9em/1.5em Verdana, Sans-serif; text-decoration: none;color:#5e1b37;}
ul.listnav { margin: 0; padding: 0; border-top: 1px solid #d9c6a2; list-style: none outside none;}
ul.listnav li { border-bottom: 1px solid #d9c6a2; padding: 0;}

ul.listnav a {background-image: url(/css/img/navbg.gif);  background-repeat: no-repeat; padding: .2em 2em; display: block;}
ul.listnav a:link, ul.listnav a:visited {background-position: 0 0;}
ul.listnav a:hover, ul.listnav a:active {background-position: 0 -100px; padding-left: 3em;}

ul.listnav li.static a, ul.listnav .static a:hover, ul.listnav .static a:active {background-position: 0 -200px; color:#f5eedc;}

dl.faq dt.link, dl.aboutus dt.link { cursor: pointer; padding-top:6px; margin-top: 6px; border-top: 1px dotted #888; }
.aboutus img {float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 5px; display: block; border: 4px solid #e0d0b6}

dl.aboutus dt.link span.linkname { text-decoration: underline; color: #c34f30;  }
dl.aboutus dt.link span.name { display: block; text-decoration: none; color: #444;}
dl.aboutus dt.link span.name em { font-weight: normal;}

#employment fieldset.resume {
  width: 475px;
  margin: auto;
  padding: 2em 0;
}
#employment label, #employment span.resumelbl {
  font-weight: bold;
}
#employment span.resumelbl {
  display: block;
  margin: 0 0 2px;
  padding: 0 0 4px;
}
#employment span.resumelbl label {
  display: inline;
  float: none;
}
#employment fieldset.resume textarea {
  width: 100%;
  height: 250px;
}
#employment p.error {
  display: block;
  padding: 2em;
  border: 2px solid #D9C6A2;
  background: #f2e6ce;
}
#employment input.err,
#employment div.err {
  border: 1px solid #f66;
  background: #fdf5ad;
  padding: 2px;
}

.entry {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #D9C6A2;
}