@charset "UTF-8";

/* GLOBAL OVERRIDES */

a { outline: none; }

body {
margin:0 0 100px;
background:#fff;
text-align:center;
font:normal 12px Arial, Helvetica, sans-serif;
color:#574319;
}

/* LOGO */

#ha-logo {
display:block;
width:293px;
height:99px;
margin:0 auto 18px;
background:url(../img/logo-ha-horz.png) no-repeat center bottom;
text-indent:-9999px;
}

/* TOP NAVIGATION */

#frame-nav-top { background:#b3dedf;height:28px; }
#nav-top {
width:955px;
margin:0 auto;
padding:0;
list-style:none;
}
#nav-top li { display:block;float: left;padding:0 8px; }

/* Default State */
.nav-top-btn {
display:block;
float: left;
height:28px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:0% 100%;
}
.nav-top-btn.n1 { width:183px;background-image:url(../img/nav-btn-what.png) }
.nav-top-btn.n2 { width:55px;background-image:url(../img/nav-btn-impact.png); }
.nav-top-btn.n3 { width:126px;background-image:url(../img/nav-btn-involved.png); }
.nav-top-btn.n4 { width:91px;background-image:url(../img/nav-btn-supporters.png); }
.nav-top-btn.n5 { width:109px;background-image:url(../img/nav-btn-news.png); }
.nav-top-btn.n6 { width:208px;background-image:url(../img/nav-btn-understand.png); }
.nav-top-btn.n7 { width:71px;background-image:url(../img/nav-btn-about.png); }

/* Default Hover State */
.nav-top-btn:hover { background-position:0% 0%; }

/* Selected State */
#s1 .nav-top-btn.n1, #s1 .nav-top-btn:hover.n1,
#s2 .nav-top-btn.n2, #s2 .nav-top-btn:hover.n2,
#s3 .nav-top-btn.n3, #s3 .nav-top-btn:hover.n3,
#s4 .nav-top-btn.n4, #s4 .nav-top-btn:hover.n4,
#s5 .nav-top-btn.n5, #s5 .nav-top-btn:hover.n5,
#s6 .nav-top-btn.n6, #s6 .nav-top-btn:hover.n6,
#s7 .nav-top-btn.n7, #s7 .nav-top-btn:hover.n7 { background-position:0% 0%; }

/* WINDOW BACKGROUND */

#bg-win-grad {
background:#fff url(../img/bg-win-grad-home.png) repeat-x center bottom;
border-bottom: solid 10px #574319;
}
#home #bg-win-grad { background:url(../img/bg-win-grad-home.png) repeat-x center 50px; }
#bg-win-pat {
padding-bottom:65px;
background: url(../img/bg-win-pat.png) no-repeat center bottom;
}

/* CONTENT AREA */

#frame-content {
width:955px;
margin:0 auto;
text-align: left;
background:#fff;
}

/* TOP CALLOUTS */

#call-top { width:955px;overflow: auto; }

/* Flash Objects */

#stats-ticker {
display:block;
float:left;
width:304px;
height:43px;
margin:9px 0;
}
#home-banner {
display:block;
margin:0;
padding:0;
border:none;
}

/* Alternate Content for Statistics SWF */

#alt-cont-stats {
float:left;
width:304px;
height:43px;
margin:9px 0;
background:url(../img/alt-cont-stats.png) no-repeat center center;
text-indent:-9999px;
}

/* Call to Action Button */

#call-top-btn { float:right;margin:13px 3px; }

/* SIDE CALLOUTS */

#call-side {
position:absolute;
z-index:1000;
width:139px;
margin:162px 0 0 831px;
padding-top:11px;
background:url(../img/bg-call-side-top.png) no-repeat center top;
}
#call-side-btm { width:139px;padding-bottom:11px;background:url(../img/bg-call-side-btm.png) no-repeat center bottom; }
#call-side-mid { padding:0 7px; background:#0e5d5f; }
.call-side-thumb {
display:block;
width:125px;
height:85px;
border:none;
}
.call-side-banner {
display:block;
width:125px;
height:40px;
background-repeat: no-repeat;
background-position:0% 100%;
text-indent:-9999px;
}
.call-side-banner:hover { background-position:0% 0%; }
.call-side-banner.b1 { background-image:url(../img/call-side-banner-1.png); }
.call-side-banner.b2 { background-image:url(../img/call-side-banner-2.png); }
.call-side-head-2 {
margin:11px 0 8px;
width:125px;
height:40px;
background-repeat:no-repeat;
text-indent:-9999px;
}
.call-side-head-2.h1 { background-image:url(../img/call-side-head-1.png); }
#call-side-copy {
border:dashed #fff;
border-width:1px 0;
font-size:10.5px;
color:#fff;
}
.call-side-txt { margin:8px 0; }
.call-side-btn { margin:0;padding:13px 3px 3px; }

/* MAIN HEADINGS */
/* Alternate Content for Heading SWF */

.page-head-1 {
display:block;
width:955px;
height:242px;
margin:0;
background-color:#b9e0e1;
background-repeat: no-repeat;
text-indent:-9999px;
}
.page-head-1.aboutshf { background-image:url(../img/alt-cont-head-about-shf.jpg); }
.page-head-1.aboutus { background-image:url(../img/alt-cont-head-about-us.jpg); }
.page-head-1.contactus { background-image:url(../img/alt-cont-head-contactus.jpg); }
.page-head-1.donatenow { background-image:url(../img/alt-cont-head-donate-now.jpg); }
.page-head-1.donatenow-2 { background-image:url(../img/alt-cont-head-donate-now-2.jpg); }
.page-head-1.faqs { background-image:url(../img/alt-cont-head-faq.jpg); }
.page-head-1.hearing-angel-garth { background-image:url(../img/alt-cont-head-hearing-angel-garth.jpg); }
.page-head-1.hearing-angel-marlee { background-image:url(../img/alt-cont-head-hearing-angel-marlee.jpg); }
.page-head-1.hearing-angel-trisha { background-image:url(../img/alt-cont-head-hearing-angel-trisha.jpg); }
.page-head-1.home { height:334px;background-image:url(../img/alt-cont-head-home.jpg); }
.page-head-1.impact { background-image:url(../img/alt-cont-head-impact.jpg); }
.page-head-1.involved { background-image:url(../img/alt-cont-head-getting-involved.jpg); }
.page-head-1.media { background-image:url(../img/alt-cont-head-media.jpg); }
.page-head-1.newsandevents { background-image:url(../img/alt-cont-head-news-and-events.jpg); }
.page-head-1.privacy { background-image:url(../img/alt-cont-head-privacy.jpg); }
.page-head-1.sharestory { background-image:url(../img/alt-cont-head-shareyourstory.jpg); } 
.page-head-1.stories { background-image:url(../img/alt-cont-head-stories.jpg); }
.page-head-1.supporters { background-image:url(../img/alt-cont-head-supporters.jpg); }
.page-head-1.understanding { background-image:url(../img/alt-cont-head-understanding-hearing-loss.jpg); }
.page-head-1.whatis { background-image:url(../img/alt-cont-head-what-is-a-hearing-angel.jpg); }
.page-head-1.press { background-image:url(../img/alt-cont-head-pressreleases.jpg); }


/* PAGE BODY */

#frame-body {
min-height:500px;
overflow:auto;
padding:0 0 14px 30px;
border:solid #534018;
border-width:6px 1px 0;
}
#frame-body.index { min-height:370px;padding:38px 50px 20px 62px;border-top:none; }
#frame-body-2 {
min-height:460px;
overflow:auto;
padding:0 0 14px 0;
border:solid #534018;
border-width:0 1px 0;
}

/* HOME PAGE */

/* Highlights */

#index-col-left { float:left;width:300px; }
.index-head-2 {
float:left;
margin:0;
padding:0;
width:28px;
background-repeat:no-repeat;
text-indent:-9999px;
}
.index-head-2.highlights { height:213px;background-image:url(../img/vert-head-highlights.png); }
#index-copy { float:left; width:257px; margin-left:15px; }
.index-item {
width:257px;
padding-bottom:18px;
overflow:auto;
}
.index-head-3 {
height:18px;
margin:0;
padding:0;
border-bottom:dashed 1px #534018;
background-repeat: no-repeat;
background-position:left top;
text-indent:-9999px;
}
.index-head-3.child { background-image:url(../img/index-head-child.png); }
.index-head-3.share { background-image:url(../img/index-head-share.png); }
.index-head-3.support { background-image:url(../img/index-head-support.png); }
.index-head-3.video { border-bottom:none;background-image:url(../img/index-head-video.png); }
.index-thumb {
display:block;
float:left;
width:64px;
height:64px;
margin:9px 17px 0 0;
border:none;
}
.index-item p {
float:left;
width:176px;
margin:16px 0 0;
color:#636466;
}
.index-link {
display:block;
float:right;
margin-top: 5px;
padding:0 0 0 11px;
background:url(../img/index-link-bull.png) no-repeat left .3em;
font-weight:bold;
text-decoration:none;
color:#df802c;
}
.index-link.alt1 { margin-top:10px; }
.index-link:hover { text-decoration:underline; }

/* Video Player */

#index-col-right {
float:left;
width:480px;
margin-left:60px;
}

/* SIDE NAVIGATION */

#nav-side {
float:left;
width:178px;
margin:18px 0 0;
padding:0;
list-style:none;
}
#nav-side li {
padding:0 0 0 13px;
background:url(../img/nav-side-bull.png) no-repeat left 1.2em;
}
.nav-side-link {
display:block;
padding:10px 0 9px;
border-bottom:dashed 1px #534018;
font-weight:bold;
font-size:13px;
text-decoration:none;
color:#df802c;
}
.nav-side-link.last { border-bottom:none; }
.nav-side-link:hover { text-decoration:underline; }

/* COPY */

#copy { float:left;width:550px;margin:28px 0 0 42px; }
#copy.wide { float:left;width:770px;margin-left:0; }
#copy.center { float:none;margin-top:0;margin-right:auto;margin-left:auto;padding-top:28px; }
#copy p { margin:0 0 14px; }
#copy p.center { text-align:center; }
#copy .shf-logo {
display:block;
float:right;
width:215px;
height:88px;
margin:0;
background:#fff url(../img/logo-shf.png) no-repeat 46px 0;
text-indent:-9999px;
}
#copy .intro { margin:0 0 13px;font-size:15px;color:#574319;line-height: 20px; }
#copy .intro-btn { margin:0 0 17px;padding-top: 4px; }
.copy-head-2 {
margin:0 0 18px;
padding:10px 0 4px;
font-weight:bold;
font-size:19px;
border-bottom: dashed 1px #534018;
text-transform:uppercase;
color:#0e5d5f;
}
.copy-head-2.first { padding-top:0; }
.copy-head-2.reveal-link { cursor:pointer; }
.copy-head-3 {
margin:0 0 6px;
font-weight:bold;
font-size:15px;
color:#0e5d5f;
}
.copy-head-3.reveal-link-b { cursor:pointer;text-decoration:underline; }
#copy .copy-indent { margin-left:14px; }
#copy .copy-photo { text-align:center; }
#copy .copy-photo img { border:solid 3px #0e5d5f; }

/* Left Copy Column */

#copy-left {
float:left;
width:178px;
margin:29px 0 0;
}
#copy-left p { margin:0 0 14px; }

/* News and Story Items */

.copy-item {
display:block;
width:770px;
padding: 12px 0 15px;
border-top: dashed 1px #534018;
overflow:auto;
}
.copy-item-photo {
float:right;
margin:3px 0 0 0;
width:326px;
}
.copy-item-photo img {
display:block;
width:320px;
height:240px;
border:solid 3px #0e5d5f;
}
.copy-item-photo em {
display:block;
margin-top:3px;
font-size:10px;
line-height:11px;
text-align:center;
color:#0e5d5f;
}
.copy-item-thumb {
float:left;
margin:3px 0 0 0;
width:114px;
height:75px;
border:solid 3px #0e5d5f;
}
.copy-item-txt { float:left;width:426px; }
.copy-item-txt-2 { float:left;width:630px;margin-left:18px; }

/* Photo Links */

.img-menu {
width:550px;
margin:0;
padding:0 0 14px;
overflow:auto;
list-style:none;
}
.img-menu li { float:left; }
.img-link {
display:inline-block;
float:left;
border: solid 3px;
border-color:transparent;
}
.img-link:hover { border-color:#0e5d5f; }
.img-link img { display:block;border:none; }

/* Blockquote */

.copy-quote { margin:0;padding:5px 0 20px; }
#copy .copy-quote p {
display:block;
width:550px;
margin:0;
padding:20px 0 19px;
border:dashed #534018;
border-width:1px 0;
font-weight:bold;
font-style:italic;
color:#0e5d5f;
overflow:auto;
}
.copy-quote img {
display:block;
float:left;
width:114px;
height:75px;
margin: 0 14px 0 14px;
border:solid 3px #0e5d5f;
}
.copy-quote-txt {
display:block;
float:right;
width:386px;
margin-right:14px;
line-height: 16px;
}
.copy-quote cite { font-weight:normal;font-style:normal;white-space:nowrap; }

/* Top Copy Navigation */

#nav-copy {
clear:both;
width:550px;
margin:0 0 21px;
padding:0;
list-style:none;
font-size:13px;
text-transform: uppercase;
overflow:auto;
}
#nav-copy li {
float:left;
padding:0 5px 0;
border-left:solid 1px #534018;
}
#nav-copy li.first { clear:left;padding-left:0;border-left:none; }
.top-link { float: right; }
.top-link a,.top-link span { font-size:9px;text-decoration:none;color:#0e5d5f; }
.top-link a:hover,.top-link span:hover { text-decoration:underline; }
.copy-link { font-weight:bold;text-decoration:none;color:#e3802c; }
.copy-link:hover { text-decoration:underline; }

/* Bottom Copy Navigation */

#copy .copy-btm-nav { clear:both;padding-top:9px;border-top: dashed 1px #534018; }

/* DONATE FORM */
.form-std { display:block;margin:0; padding:5px 0 0; border: none; }
.form-std-group {
display:block;
width:770px;
margin:0;
padding:17px 0 9px;
border:dashed #534018;
border-width:1px 0 0;
overflow:auto;
}
.form-std-head {
float:left;
width:175px;
margin:0;
padding:0;
font-weight:bold;
font-size:19px;
text-transform:uppercase;
color:#0e5d5f;
}
.form-std-layout {
border:none;
border-collapse:collapse;
}
.form-std-layout th { width:122px;font-weight: normal; }
.form-std-layout th.top { vertical-align: top; }
.form-std-layout td { padding:0 16px 4px 0; }
.form-std-layout td.group { padding-bottom:13px; }
.form-std-layout td.group-last { padding-bottom:0; }
.form-std-layout td.select-last { padding-bottom:6px; }
.form-std-layout td.dependent { padding-right:8px; }
.form-std-layout td.space { padding-left:33px; }
.form-std-layout td.center { text-align:center; }
.form-std-layout abbr { color:#ef870c; }
.form-std-inline { margin:0;border:none; }
.form-std-txt-1 { width:220px; }
.form-std-txt-2 { width:100px; }
.form-std-txt-3 { width:400px; }
.form-std-payment {
display:block;
width:35px;
height:22px;
border:solid 1px #534018;
background:url(../img/logo-credit.png) no-repeat;
text-indent:-9999px;
}
.form-std-payment.discover { background-position:0 center; }
.form-std-payment.mastercard { background-position:-35px center; }
.form-std-payment.visa { background-position:-70px center; }
.form-std-payment.amex { background-position:-105px center; }
.form-std-msg {
clear:both;
padding-bottom:25px;
}
.form-std-msg fieldset {
display:block;
padding:10px 20px;
background:#ffc;
border:none;
}
.form-std-msg h3 { font-weight:normal;margin:0;padding:0;font-size:14px;line-height:24px; }
.form-std-msg h3.error { color:#dd4444; }
.form-std-msg h3.confirm { color:#0e5d5f; }
#copy .form-std-btn { margin-left:297px; }

/* BUTTONS */

/* Big */

.btn-big {
display:block;
height:33px;
border:none;
background-color: transparent;
background-position: 0% 100%;
background-repeat: no-repeat;
text-indent:-9999px;
}
.btn-big:hover { background-position:0% 0%; }
.btn-big.become { width:237px;background-image:url(../img/btn-big-become.png); }
.btn-big.donate { width:142px;background-image:url(../img/btn-big-donate.png); }
.btn-big.submit-donation { width:178px;background-image:url(../img/btn-big-submit-donation.png); }
.btn-big.submit-story { width:162px;background-image:url(../img/btn-big-submit-story.png); }

/* Small */
.btn-sm {
display:block;
height:18px;
background-position: 0% 100%;
background-repeat: no-repeat;
text-indent:-9999px;
}
.btn-sm:hover { background-position:0% 0%; }
.btn-sm.donate2 { width:119px;background-image:url(../img/btn-sm-donate.png); }

/* VIDEO LIGHTBOX */

#overlay {
position:absolute;
top:0;
left:0;
z-index:2000;
width:100%;
background:#000;
opacity:0.9;
}
.v-frame {
position:fixed;
left:0;
top:25px;
z-index:6000;
width:100%;
text-align:center;
}
.v-player {
margin:0 auto;
background:#2d2d2d;
text-align:center;
}
.v-content { clear:both;margin:auto; }
.v-player h4 {
margin:0;
padding:13px 0 15px;
font-weight:bold;
font-size:15px;
text-align:center;
text-transform:uppercase;
line-height:17px;
color:#fff;
}
.v-close {
display:block;
float:right;
width:27px;
height:27px;
margin:12px 12px 10px;
background:url(../img/icon-close.png) no-repeat 0% 100%;
text-indent:-9999px;
}
.v-close:hover { background-position:0% 0%; }

/* BOTTOM NAVIGATION */

#nav-btm {
margin:0;
padding:15px 0 14px;
border:solid #534018;
border-width:0 1px 1px;
background: #574319 url(../img/bg-nav-btm.png) repeat-x center bottom;
list-style:none;
text-align:center;
}
#nav-btm li { display:inline; margin:0 8px; }
.nav-btm-link {
font-weight:bold;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
color:#fff;
}
.nav-btm-link:hover { text-decoration:underline; }

/* FOOTER */

#footer { margin:16px 0 0;font-size:11px;color:#564319; }

/* SPLASH SCREEN */

#splash #bg-win-grad { background-position: center -50px; }
#splash #bg-win-pat { background-image: url(../img/bg-win-pat-splash.png); }
#splash #frame-content { background:none; }
#splash #call-top { display:none; }
#splash #nav-btm { display:none; }
.splash-header {
width:810px;
margin:0 auto;
padding:23px 0 5px;
text-transform:uppercase;
color:#019b9d;
}
.splash-skip {
float:right;
text-decoration:none;
color:#019b9d;
}
.splash-donate {
font-weight:bolder;
text-decoration:none;
color:#574319;
}
.splash-skip:hover,.splash-donate:hover { text-decoration:underline; }
#splash-movie,#alt-splash-movie {
display:block;
margin:0 auto;
width:800px;
height:450px;
border:solid 5px #2b1901;
background:#fff;
}