/* RESET */
* html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,img {margin:0;padding:0;}
img, a img {border:0;}
ul {list-style:none;}
.clear {clear:both;}

/* STRUCTURE */
body {font: 11px verdana,sans-serif;color:#000000;background-color:#e8ebef;}
#wrap {width:960px;margin:auto;padding-bottom:40px;}
#page {background-color:#FFFFFF;padding:17px 17px 45px 17px;}

/* TYPOGRAPHY */
p {line-height: 16px;}
a {color:#0086ac; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:18px;}
h2 {color:#00595D;font-size:16px;}
hr {color:#edecec;background-color:#edecec;height:1px;border:none;margin-bottom:20px;}


/* HEADER */

#header {height:140px;border-bottom:1px solid #00595d;margin-bottom:10px;position:relative;}
#header h1 {position:absolute;bottom:31px;}
#header h1 a {display:block;height:102px;width:277px; background:url(../_imgs/logo-hfh.gif) no-repeat;text-indent:-999em;outline:none;} /* logo */
#header ul {height:30px; width:623px; background: url(../_imgs/bg-nav.gif) no-repeat;position:absolute;bottom:25px;right:0px;}
#header ul li {height:30px; display:inline;}
#header ul li a {display:block;text-indent:-999em; height:30px;background:url(../_imgs/bg-nav.gif) no-repeat;outline:none;float:left; clear:none;overflow:hidden;}

	/* up states */
#header ul li#nav-abo a {width:91px;background-position:0 0;}
#header ul li#nav-int a {width:125px;background-position:-91px 0;}
#header ul li#nav-com a {width:133px;background-position:-216px 0;}
#header ul li#nav-des a {width:138px;background-position:-349px 0;}
#header ul li#nav-pat a {width:136px;background-position:-487px 0;}

	/* over/selected states */
#header ul li#nav-abo a:hover, body#about #header ul li#nav-abo a {background-position:0 -30px;}
#header ul li#nav-int a:hover, body#integrated #header ul li#nav-int a {background-position:-91px -30px;}
#header ul li#nav-com a:hover, body#communications #header ul li#nav-com a {background-position:-216px -30px;}
#header ul li#nav-des a:hover, body#design #header ul li#nav-des a {background-position:-349px -30px;}
#header ul li#nav-pat a:hover, body#patient #header ul li#nav-pat a {background-position:-487px -30px;}

/* Secondary Nav */
#sec-nav {float:right;font-size:13px; margin-right:15px; color:#FFF; padding:5px;}
#sec-nav a {font-size:13px; color:#FFF; padding:5px; background-color:#0086ac;}
#sec-nav a:hover {text-decoration:none; background-color:#00595d;}

/* CONTENT */
#feature {height:260px; width:926px; margin-bottom:10px;}
#feature #intro {float:left;height:260px; width:692px; background: #009999 url(../_imgs/img-intro.jpg) no-repeat left;margin-right:10px;}
#feature #intro p {margin:25px 25px 0px 260px;color:#FFFFFF;font-size:16px;line-height:22px;font-weight:bold;}
#feature #intro a {display:block;height:260px;width:468px;background:url(../_imgs/text-intro.gif) no-repeat;margin-left:224px;text-indent:-999em;outline:none;}
#callouts {float:left;height:260px;width:224px;}
#callouts a {display:block; text-indent:-999em;outline:none;}
#callouts a#callout1 {height:164px;background: url(../_imgs/img-public-consultation-closed.gif) no-repeat;margin-bottom:10px;}
#callouts a#callout2 {height:86px;background: url(../_imgs/img-champion.gif) no-repeat;}
#page .box {width:224px;float:left;margin:0px 10px 1px 0px;height:320px;border-bottom:6px solid #00595d;border-top:6px solid #00595d;position:relative;}
#page .box.last {margin-right:0px;}
#page .box  h2 {border-bottom:1px solid #00595d; height:44px;margin-bottom:15px;}
#page .box a {position:absolute;bottom:15px;}
#page #int.box h2 {background:url(../_imgs/title-integrated-care.gif) no-repeat;text-indent:-999em;}
#page #com.box h2 {background:url(../_imgs/title-communications.gif) no-repeat;text-indent:-999em;}
#page #des.box h2 {background:url(../_imgs/title-design-dignity.gif) no-repeat;text-indent:-999em;}
#page #pat.box h2 {background:url(../_imgs/title-patient-autonomy.gif) no-repeat;text-indent:-999em;}
#page #pat.box {margin-right:0px;}

#content {width:458px;float:left;margin:0px 10px 20px 0px;}
#content #img-head {border-top:6px solid #00595d;margin-bottom:20px;}
#content p {margin-bottom:20px;}
#content h2 {font-size:20px;height:75px;text-indent:-999em;}
#content h3 {font-size:18px;font-weight:normal;margin-bottom:20px;}
#content h4 {font-size:14px;margin-bottom:20px;color:#0086ac;line-height:24px;}
#content h5 {font-size:12px;margin-bottom:20px;}
#content ul {list-style:disc;margin:0px 0px 20px 20px;}
#content ul li {padding-bottom:5px;line-height: 16px;}

body#about #content h2 {background:url(../_imgs/title-sub-about-hfh.gif) no-repeat;}
body#integrated #content h2 {background:url(../_imgs/title-sub-integrated-care.gif) no-repeat;}
body#communications #content h2 {background:url(../_imgs/title-sub-communications.gif) no-repeat;}
body#design #content h2 {background:url(../_imgs/title-sub-design.gif) no-repeat;}
body#patient #content h2 {background:url(../_imgs/title-sub-patient.gif) no-repeat;}
body#champions #content h2 {background:url(../_imgs/title-sub-champions.gif) no-repeat;}
body#public #content h2 {background:url(../_imgs/title-sub-public.gif) no-repeat;}
body#resources #content h2 {background:url(../_imgs/title-sub-resources.gif) no-repeat;}

#subnav {width:224px;margin-right:10px;float:left;padding-top:20px;}
#subnav li {margin-bottom:5px;}
#callouts.sub {margin-top:75px;border-top:6px solid #00595d;padding-top:10px;}

/* Resources Styling */
#resource-list li {margin-bottom:5px; height:30px; color:#FFF; background-image:url(../_imgs/resources-list-bg.png); background-repeat:no-repeat; background-position:bottom-left; margin-left:0px; padding-top:6px;}
#resource-list p{line-height:10px; margin-left:20px;padding-bottom:-5px; }
#resource-list a {color:#fff; margin-left:6px;}
.resource-list-pdf{padding-left:20px; background-image:url(../_imgs/pdf-bg.png); background-repeat:no-repeat; overflow:visible; line-height:15px; margin-top:-10px;}
.resource-list-ppt{padding-left:20px; background-image:url(../_imgs/powerpoint.png); background-repeat:no-repeat; overflow:visible; line-height:15px;margin-top:-10px;}
.resource-list-doc{padding-left:20px; background-image:url(../_imgs/microsoft-word-logo.png); background-repeat:no-repeat; overflow:visible; line-height:15px;margin-top:-10px;}
.resource-list-htm{padding-left:20px; background-image:url(../_imgs/internet_explorer_logo.png); background-repeat:no-repeat; overflow:visible; line-height:15px;margin-top:-10px;}

/* Back to top link */
#back-to-top{float:right; width:75px; clear:both; color:#fff; text-align:center; padding:3px;}
#back-to-top a {color:#666; background-color:#edecec; padding:3px;}
#back-to-top a:hover {background-color:#666; padding:3px; color:#fff;}


/* FOOTER */
#footer {background: #00595d url(../_imgs/bg-footer.gif) no-repeat bottom right;clear:both;height:120px;color:#FFFFFF;position:relative;}
#footer a {color:#FFFFFF;}
#footer p {line-height:14px;}
#footer p#address {float:left; background: url(../_imgs/footer-logo-ihf.gif) no-repeat top left;padding:16px 0px 0px 120px;height:90px;}
#footer p#contact {float:left;padding-top:16px;position:absolute;left:470px;}
#copy {color:#8295a8;margin-top:15px;position:absolute;left:0px;bottom:-28px;}
#ihflink {position:absolute;right:0px;bottom:-28px;}
#ihflink a {color:#00595d;}
#partners {color:#666666;border-bottom:1px solid #B9C4CE;padding-bottom:10px;}
#partners ul {height:53px;}
#partners p {margin:30px 0px 10px;}
#partners li {float:left;height:53px;text-indent:-999em;}
#partners li#ihf {background-image:url(../_imgs/partner-ihf.gif); width:119px;border-right:1px solid #B9C4CE;}
#partners li#hsnpf {background-image:url(../_imgs/partner-hsnpf.gif);width:126px;}
#partners li#tap {background-image:url(../_imgs/partner-tap.gif);width: 129px;}
#partners li#hse {background-image:url(../_imgs/partner-hse.gif); width: 125px;}
#partners li#tdab {background-image:url(../_imgs/partner-tdab.gif); width:107px;}
#partners li#hiaqa {background-image:url(../_imgs/partner-hiaqa.gif); width:118px;margin-left:10px;}