/* RESET ----------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
img { margin: 0;padding: 0;border: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}

/* GLOBAL --------------------------------------------------------- */
body { text-align: center; background: #ffffff url(img/top.jpg) repeat-x top center; font-family: Verdana, Arial, sans-serif; }
#container { width: 990px; margin: 0 auto; }
b, strong { font-weight: bold; }
em, i { font-style: italic; }
.clear { display: block; clear: both; height: 0; margin-bottom: -6px; }
span.spacer { display: block; height: 195px;}

/* HEADER --------------------------------------------------------- */
/*#header h1 { width: 495px; height: 60px; } */
#header h1 { display: block; width: 495px; height: 60px; background: #ffffff url(img/ehc_logo.jpg) no-repeat center center;  float: left; }
#header h1 a { display: block; width: 495px; height: 60px; text-indent: -9999em; width: 495px; height: 60px; }
#header ul { width: 495px; float: left; text-align: right; margin-top: 25px; }
#header ul li { display: inline; }
#header ul li a { color: #ffffff; font: 500 12px 'Myriad Pro', Tahoma, Arial, sans-serif; text-decoration: none; text-transform: uppercase; padding: 0 0 0 12px; }
#header ul li a:hover { color: #ffcc33; }

#header_flash { clear: both; padding: 15px 0;}


/* INTRO ---------------------------------------------------------- */
#intro { clear: both; display: block; height: 255px; background: url(img/family_home.gif) no-repeat top right; text-align: left; padding: 30px 0 0 0; color: #2b649d; margin: 0 0 -20px 0; }
#intro h2 { font: 24px Arial, sans-serif; margin: 15px 450px 15px 15px;}
#intro p { margin: 0 450px 0 15px; font-size: 12px; line-height: 1.4;}

/* FRONT PAGE ----------------------------------------------------- */
/* ------------------------------------------------------ Life Span */
#frontpage dl#lifespan { clear: both; display: block; width: 100%; background-color: #fd9623; margin-bottom: 20px;}
#frontpage dl#lifespan dd a { display: block; width: 167px; height: 180px; float: left; padding: 30px 15px 15px 15px; color: #ffffff; border-left: 1px solid #ffffff; text-decoration: none;}
#frontpage dl#lifespan dd a h3 { font-size: 28px; font-weight: normal; font-style: italic; }
#frontpage dl#lifespan dd a p { text-align: left; font-size: 11px; margin: 15px 0; line-height: 1.4; }
#frontpage dl#lifespan dd a span { display: block; text-align: right; text-transform: uppercase; font-size: 10px; color: #ffffff; text-decoration: underline; }
#frontpage dl#lifespan dd.box1 a{ background: url(img/box_01.jpg) no-repeat top left; }
#frontpage dl#lifespan dd.box2 a{ background: url(img/box_02.jpg) no-repeat top left; }
#frontpage dl#lifespan dd.box3 a{ background: url(img/box_03.jpg) no-repeat top left; }
#frontpage dl#lifespan dd.box4 a{ background: url(img/box_04.jpg) no-repeat top left; }
#frontpage dl#lifespan dd.box5 a{ background: url(img/box_05.jpg) no-repeat top left; }

#frontpage dl#lifespan dd a:hover { background: url(img/box.jpg) no-repeat top left; }


#frontpage ol#lifespan { display: block; width: 100%; background-color: #fd9623; margin-bottom: 20px;}
#frontpage ol#lifespan li { display: block; width: 167px; height: 180px; float: left; padding: 30px 15px 15px 15px; color: #ffffff; border-left: 1px solid #ffffff; }
#frontpage ol#lifespan li h3 { font-size: 28px; font-weight: normal; font-style: italic; text-align: center;}
#frontpage ol#lifespan li p { text-align: justify; font-size: 20px; margin: 15px 0; line-height: 1.4; }
#frontpage ol#lifespan li a { display: block; }
#frontpage ol#lifespan li a span {text-align: right; text-transform: uppercase; font-size: 10px; color: #ffffff; text-decoration: underline; }
#frontpage ol#lifespan li.box1 { background: url(img/box_01.jpg) no-repeat top left; }
#frontpage ol#lifespan li.box2 { background: url(img/box_02.jpg) no-repeat top left; }
#frontpage ol#lifespan li.box3 { background: url(img/box_03.jpg) no-repeat top left; }
#frontpage ol#lifespan li.box4 { background: url(img/box_04.jpg) no-repeat top left; }
#frontpage ol#lifespan li.box5 { background: url(img/box_05.jpg) no-repeat top left; }

#frontpage ol#lifespan li:hover { background: url(img/box.jpg) no-repeat top left; }
/* -------------------------------------------------------- Teasers */
#frontpage #features { clear: both; padding: 15px 0; overflow: hidden; display: block; height: 220px; width: 100%; } 
#frontpage #features .teaser { width: 320px; height: 195px; display: block; text-align: left; float: left; margin: 0 5px 0 0}
#frontpage #features .autoscroll { height: 195px; background-color: #C6DEFF; color: black; overflow: hidden; } 

#frontpage #features  .teaser p { line-height: 1.4; margin-bottom: 15px; font-size: 12px; color: #333333; }
#frontpage #features .autoscroll p { margin: 0 10px 15px 10px; }
#frontpage #features  .teaser a { color: #336699; }

/* CONTENT -------------------------------------------------------- */
#content { text-align: left; }
#content h2 { font-size: 24px; color: #cc6633; margin-bottom: 15px; }
#content h3 { font-size: 18px; color: #2b649d; margin-bottom: 15px;  }
#content h4 { font-size: 16px; color: #cc6633; margin-bottom: 15px;  }
#content h5 { font-size: 14px; color: #336699; margin-bottom: 15px;  }
#content #entry { padding: 15px; font-size: 12px; line-height: 1.4; float: left; width: 640px;}
#content #entry_wide { padding: 15px; font-size: 12px; line-height: 1.4; width: 970px;}
#content #entry p, #content #entry_wide p { margin-bottom: 15px; }
#content #teaser { display: block; width: 297px; float: right; margin: 15px 0 0 15px; font-size: 12px; color: #666666; line-height: 1.3; }
#content .autoscroll { height: 100px; background-color: #C6DEFF; color: black; overflow: hidden; } 
#content .autoscroll p {margin: 0 10px 15px 10px; }

#content #teasers p, #content .teaser p { margin-bottom: 10px; }
#content a { color: #336699; text-decoration: none;  }
#content a:hover { text-decoration: underline; }
#content a:visited { color: #336699; }
/*#content a:visited { color: #ffcc33; }*/
#content #entry ul, #content #entry ol, #content #entry_wide ul, #content #entry_wide ol { margin: 0 0 15px 15px; }
#content #entry ul li, #content #entry_wide ul li { list-style-type: square; padding-left: 10px;}
#content #entry ol li, #content #entry_wide ol li { list-style-type: decimal; padding-left: 10px;}

#content img { margin: 10px; }
/* ----------------------------------------------------- Navigation */
#section_nav {  }
#section_nav ul#nav_parent { background-color: #ffcc33; padding: 5px 15px;}
#section_nav ul#nav_subpage { background-color: #d5ebf8; padding: 5px 15px;}
#section_nav ul#nav_parent li,  #section_nav ul#nav_subpage li { display: inline; padding-right: 15px; font-size: 14px; }
#section_nav ul#nav_parent li a, #section_nav ul#nav_subpage li a { color: #000000; text-decoration: none; padding: 5px;}
#section_nav ul#nav_parent li a.current { background-color: #d5ebf8; }

ul#breadcrumbs { font: bold 11px Verdana, Arial, sans-serif; color: #333333; margin: 15px 0;}
ul#breadcrumbs li { display: inline; }
ul#breadcrumbs a { color: #336699; padding: 0 20px 0 0; background: url(img/bullet.png) no-repeat right 50%; font-weight: normal !important; }
/* ----------------------------------------------------------- FORM */
#content fieldset { width: 640px; padding: 5px 0; margin: 0 15px; }
#content fieldset legend { color: #7aa321; font-weight: bold; font-size: 14px; }
#content fieldset ul { margin: 0; padding: 0; list-style-type: none; }
#content fieldset ul li { background-image: none; padding-left: 0; clear: both; margin: 0 0 5px 0; list-style-type: none !important;}
#content fieldset ul li label { display: block; width: 205px; float: left; }
#content fieldset ul li span { width: 405px; float: right; padding-bottom: 10px; }
#content fieldset input, #content fieldset textarea, #content fieldset select {  border: 1px solid #7a8754; background-color: #e6efc2 ! important; }
#content fieldset input.text { width: 415px; }
#content fieldset input.text_short { width: 225px; }
#content fieldset textarea { width: 415px; }
#content cite { font-size: 10px; color: #666666; }
#content p.form-bottom { clear: both; text-align: right; width: 640px; }
p.form-button span.legend { font-style: italic; }
p.form-button button { background: #5e6e27;  padding: 3px; color: #ffffff; font: 11px Verdana, Arial, sans-serif; text-transform: uppercase; }
#content .legend { float: left; color: #cc0000; }

/* FOOTER --------------------------------------------------------- */
#links { clear: both; display: block; text-align: right; margin: 15px 0; }

#footer { clear: both; border-top: 3px solid #d5ebf8; padding: 15px 0; text-align: right; }
#footer ul { width: 792px; float: left; text-align: left; text-transform: uppercase; font-size: 12px; }
#footer ul li { display: inline; padding: 0 10px 0 0; }
#footer a { color: #2c6b94; text-transform: uppercase; text-decoration: none; }
#footer a:hover { color: #333333; }