@import url('reset.css');

/* HEADER
---------------------------------------------- */

#header { position: relative; width: 100%; }
#header h1, #header h1 img { display: block; width: 265px; height: 115px; }
#siteNav { position: relative; width: 100%; background: url(sitenav.gif) repeat-x 0 0; height: 45px; overflow: hidden; }
#siteNav a:link,
#siteNav a:visited,
#siteNav a:hover,
#siteNav a:active { color: #FFF; font-size: 16px; font-weight: bold; text-align: center; display: block; height: 45px; border-right: #FFF dotted 1px; padding: 0 14px; }
* html #siteNav a { float: left; }

#siteNav ul.spanish a:link,
#siteNav ul.spanish a:visited,
#siteNav ul.spanish a:hover,
#siteNav ul.spanish a:active { font-size: 14px; }

#siteNav li { float: left; }
#siteNav span { line-height: 43px; }
#siteNav ul.spanish span { line-height: 48px; }

p#regSign { position: absolute; bottom: 60px; right: 0; padding-right: 82px; }
p#regSign a:link,
p#regSign a:visited,
p#regSign a:hover,
p#regSign a:active { text-transform: uppercase; color: #0D4B7D; font-size: 12px; }

a#signIn { position: absolute; top: -11px; right: 0; background: url(span-signin.gif) no-repeat 0 0; width: 69px; height: 30px; display: block; text-indent: -9999px; }

#siteSearch legend { display: none; }
#siteSearch div.input { position: absolute; bottom: 11px; right: 40px; background: url(sitesearch-input.gif) no-repeat 0 0; width: 80px; height: 19px; }
#siteSearch div.input input { font-size: 11px; }
#siteSearch input.submit { position: absolute; bottom: 9px; right: 13px; background: url(sitesearch-input-submit.gif) no-repeat 0 0; width: 20px; height: 21px; }


/* HOME CONTENT
---------------------------------------------- */

#hc { width: 710px; float: left; margin-top: 13px; margin-bottom: 1in; }
#slideShow { border: #000 solid 1px; width: 708px; height: 275px; overflow: hidden; margin-bottom: 23px; }
#slideShow h2 { display: block; width: 100%; height: 100%; text-indent: -9999px; }
h2.s1 { background: url(h2-slide1.jpg) no-repeat 0 0; }
h2.s2 { background: url(h2-slide2.jpg) no-repeat 0 0; }
h2.s3 { background: url(h2-slide3.jpg) no-repeat 0 0; }
h2.s4 { background: url(h2-slide4.jpg) no-repeat 0 0; }
h2.s5 { background: url(h2-slide5.jpg) no-repeat 0 0; }

#hcn { position: relative; width: 712px; background: url(hcn.gif) repeat-y 0 0; margin-bottom: 36px; }
#hcn div.t { background: url(hcn-t.gif) no-repeat 0 0; }
#hcn div.b { background: url(hcb.gif) no-repeat bottom left; min-height: 118px; }

#hcn li { margin-top: -23px; float: left; width: 230px; margin-right: 11px; background: url(hcn-li.png) no-repeat 0 0; text-align: right; }
#hcn li.two { background-position: -241px 0; }
#hcn li.three { width: 230px; background-position: -482px 0; margin-right: 0; }
#hcn h4, #hcn p { padding-right: 13px; }
#hcn h4 { color: #FFF; font-size: 18px; font-weight: normal; padding-top: 40px; padding-bottom: 3px; }
#hcn li.two h4, #hcn li.three h4 { padding-top: 58px; }
#hcn p { color: #BEE2FF; font-size: 12px; line-height: 1.2; }
#hcn li.one p { padding-left: 72px; }
#hcn li.two p { padding-left: 38px; }
#hcn li.three p { padding-left: 86px; }

#hcn a:link, #hcn a:visited, #hcn a:hover, #hcn a:active { display: block; padding: 10px 19px 10px 0; color: #FFDF6B; text-transform: uppercase; font-size: 11px; background: url(hcn-a.gif) no-repeat center right; }

#intro { padding-bottom: 24px; }
#intro h2, #intro p { padding: 0 10px; }
#intro h2 { font-size: 22px; color: #11558B; font-weight: normal; margin-bottom: 12px; }
#intro p { line-height: 1.7; padding-bottom: 20px; }

#newsTools { position: relative; background: url(newstools.gif) no-repeat 0 0; width: 100%; height: 70px; }
#newsTools h2 { position: absolute; top: 26px; left: 78px; color: #FFF; font-size: 19px; font-weight: normal; }

#see a { position: absolute; bottom: 3px; display: block; padding: 3px 19px 3px 0; }
#see li.seeNews a { left: 100px; background: url(li-seenews-a.gif) no-repeat right center; }
#see li.seeNews a:link,
#see li.seeNews a:visited,
#see li.seeNews a:hover,
#see li.seeNews a:active { color: #FFF; font-weight: bold; }

#see li.seeRecall a { right: 10px; background: url(li-seerecall-a.gif) no-repeat right center; }
#see li.seeRecall a:link,
#see li.seeRecall a:visited,
#see li.seeRecall a:hover,
#see li.seeRecall a:active { color: #B40004; font-weight: bold; }

#hn div.nCol { position: relative; width: 310px; line-height: 1.2; }
#hn div.nCol.a { left: 20px; float: left; }
#hn div.nCol.b { float: right; left: -10px; }

#hn h4 a:link,
#hn h4 a:visited,
#hn h4 a:hover,
#hn h4 a:active { display: block; padding-top: 10px; color: #2A6BA0; font-size: 15px; }

#hn h4.recall a:link,
#hn h4.recall a:visited,
#hn h4.recall a:hover,	
#hn h4.recall a:active { color: #C00206; }

#hn p.date { text-transform: uppercase; color: #B0B0B0; font-size: 11px; border-bottom: #000 dotted 1px; padding: 2px 0 11px; }

/* SUB CONTENT
---------------------------------------------- */

#sc { float: right; width: 240px; margin-top: 13px; }

#sc li.contact { text-align: center; color: #333; padding: 20px 0; line-height: 1.2; }
#sc li.contact h4 { text-transform: uppercase; font-weight: normal; }
#sc li.contact span.tel { display: block; color: #2F79B4; text-shadow: #FFF 1px 1px 1px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 26px; font-weight: bold; }
#sc li.contact span.grief { font-size: 10px; font-weight: normal; }

#sc li.donateNow { text-align: center; margin-bottom: 15px; }
#sc li.donateNow h4 a { background: url(li-donatenow-a.gif) no-repeat top right; width: 100%; height: 81px; display: block; text-indent: -9999px; margin: 0 auto; }

#sc li.ratings { background: url(li-ratings.gif) no-repeat 0 0; text-align: right; margin-bottom: 16px; }
#sc li.ratings p { padding: 6px 16px 0 80px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11px; line-height: 1.2; }
#sc li.ratings p a { padding: 3px 20px 3px 0; display: block; background: url(li-ratings-a.gif) no-repeat right center; }

#signUpdate { background: url(signupdate.gif) repeat-y top right; margin-bottom: 12px; }
#signUpdate div.t { background: url(signupdate-t.gif) no-repeat top right; }
#signUpdate div.b { background: url(signupdate-b.gif) no-repeat bottom right; padding: 25px 0 15px; }
* html #signUpdate { height: 1%; }

#signUpdate fieldset, #signUpdate h3 { margin: 0 15px 0 22px; }
#signUpdate fieldset { position: relative; padding-bottom: 16px; border-bottom: #AAB8C3 solid 1px; margin-bottom: 13px; }
#signUpdate h3.signUp { text-transform: uppercase; font-weight: bold; color: #2A6DA2; margin-bottom: 10px; }
#signUpdate div.input { background: url(signupdate-input-text.gif) no-repeat 0 0; width: 149px; height: 19px; }
#signUpdate div.input input { font-size: 11px; }
#signUpdate input.submit { position: absolute; top: 0; right: 0; background: url(signupdate-input-submit.gif) no-repeat 0 0; width: 48px; height: 21px; }

#signUpdate h3.join { color: #29689B; font-size: 14px; margin-bottom: 9px; }
#signUpdate ul { position: relative; left: 22px; }
#signUpdate li { float: left; padding-right: 9px; }
#signUpdate li a { display: block; padding: 3px 0 3px 20px; font-size: 11px; }
#signUpdate li.facebook a { background: url(li-facebook-a.gif) no-repeat 0 0; }
#signUpdate li.twitter a { background: url(li-twitter-a.gif) no-repeat 0 0; }
#signUpdate li.myspace a { background: url(li-myspace-a.gif) no-repeat 0 0; }
#signUpdate #alert1 { font-size: 11px; }
#signUpdate #alert1 p { padding-top: 10px; line-height: 1.2; }

#ccs li { background: url(ccs-li.gif) no-repeat bottom right; }
#ccs li div { padding: 19px 13px 21px 0; }
#ccs div.item1 { background: url(item1.jpg) no-repeat -2px 0; }
#ccs div.item1 h4 { margin-bottom: 12px; }
#ccs div.item1 p, #ccs div.item2 p { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11px; text-align: right; margin-bottom: 3px; color: #898989; line-height: 1.2;  }
#ccs div.item2 { background: url(item2.jpg) no-repeat 0 0; }
#ccs div.item3 { background: url(item3.jpg) no-repeat 0 0; }
#ccs div.item4 { background: url(item4.jpg) no-repeat 0 0; }
#ccs div.item5 { background: url(item5.jpg) no-repeat 0 0; }
#ccs li.last { background: none; }

#ccs h4 { font-size: 18px; font-weight: normal; text-align: right; margin-bottom: 6px; }
#ccs div a.click:link,
#ccs div a.click:visited,
#ccs div a.click:hover,
#ccs div a.click:active { padding: 3px 20px 3px 0; display: block; background: url(li-ratings-a.gif) no-repeat right center; text-align: right; text-transform: uppercase; font-size: 11px; }

#ccs div.item5 a.click:link,
#ccs div.item5 a.click:visited,
#ccs div.item5 a.click:hover,
#ccs div.item5 a.click:active { padding: 3px 20px 3px 90px; display: block; background: url(li-ratings-a.gif) no-repeat right center; text-align: right; text-transform: none; font-size: 11px; color: #898989; }

/* INSIDE CONTENT
---------------------------------------------- */

#ic { float: right; width: 760px; margin: 12px 0; padding-bottom: 1in; }

#ic div#pHead { margin-bottom: 30px; }
#ic div#pHead.noimg { margin-bottom: 0; }
#ic div#pHead h2 { padding: 16px 0 14px 16px; margin-bottom: 0; }
#ic div#pHead h2.hItem { padding-left: 42px; }
#ic div#pHead h2.grieve { background: url(hitem-grieve.png) no-repeat 0 0; }
#ic div#pHead h2.parents { background: url(hitem-parents.png) no-repeat 0 0; }
#ic div#pHead h2.professionals { background: url(hitem-professionals.png) no-repeat -3px 0; }
#ic div#pHead img { display: block; border: #5E5E5E solid 1px; max-width: 750px; }

#ic h1, #ic h2, #ic h3, #ic h4, #ic h5, #ic h6 { font-weight: normal; margin-bottom: 10px; }
#ic h1, #ic h2, #ic h3, #ic h4, #ic h5, #ic h6, #ic p, #ic li { padding: 0 16px; }
#ic strong { font-weight: bold; color: #11558B; }
#ic li { line-height: 1.7; }
#ic ul, #ic ol { padding: 0 20px; padding-bottom: 20px; }
#ic ol { margin: 0 0 0 16px; list-style: decimal; }
#ic ol li { padding: 0; }
#ic ul li { background: url(ic-li.png) no-repeat 0 6px; }

#ic h1, #ic h2 { color: #11558B; font-size: 26px; }
#ic h3 { color: #11558B; font-size: 20px; }
#ic h4,#ic h5, #ic h6 { color: #414141; font-size: 17px; }

#ic p { margin-bottom: 20px; line-height: 1.7; }

#ic .alignleft { float: left; }
#ic .alignright { float: right; }
#ic div.wp-caption p { padding: 10px !important; border: #898989 solid 1px; margin-top: 3px; margin-bottom: 10px !important; font-size: 11px; color: #767676; font-family: "Trebuchet MS", Helvetica, sans-serif; }

#excerpt { margin: 20px 0 0 16px; border-top: #73A8D1 solid 3px; border-bottom: #73A8D1 solid 3px; padding: 22px 0 24px; clear: both; }
#excerpt p { padding: 0; font-size: 16px; font-weight: bold; line-height: 1.4; margin-bottom: 0; }
#excerpt p strong { color: #11558B; }

ul#pageControl { position: relative; width: 100%; height: 38px; padding: 0; margin: 21px 0 0 0; clear: both; }
#pageControl li { line-height: 1; padding: 0; margin: 0; background: none !important; }
#pageControl li a { position: absolute; top: 0; background: url(ul-pageControl.gif) no-repeat 0 0; display: block; text-indent: -9999px; height: 38px; }
#pageControl li.print a { width: 147px; left: 246px; }
#pageControl li.email a { background: url(ul-pageControl.gif) no-repeat -147px 0 !important; width: 134px; left: 393px; padding: 0 !important; }

#paginav { margin: 0 16px; }
#paginav div.old { float: left; }
#paginav div.new { float: right; }

#ic p.lastUpdated { clear: both; color: #898989; font-size: 11px; }

#psa { float: right; overflow: hidden; width: 200px; height: 259px; border: #000 solid 1px; margin-left: 20px; }

/* CONTACT US
---------------------------------------------- */

#cWrap { background: url(cwrap.png) no-repeat 338px 27px; padding: 19px 0; }

#cInfo, #callUs { float: left; }
#cInfo { background: url(cinfo.png) no-repeat 72px 0; margin-right: 93px; padding-bottom: 32px; }
#cInfo h4 a { background: url(cinfo-h4.png) no-repeat 0 0; width: 123px; height: 50px; display: block; text-indent: -9999px; }
#cInfo p { line-height: 1.4; }
#cInfo h4, #cInfo p { padding: 0 0 0 167px; margin: 0; }

#callUs { background: url(callus.gif) repeat-y 0 0; width: 217px; margin-top: 25px; margin-bottom: 8px; text-align: center; color: #333; line-height: 1.2; }
* html #callUs div.t,
* html #callUs div.b,
* html #callUs { background: none; }
#callUs div.t, #callUs div.b { position: relative; height: 7px; }
#callUs div.t { background: url(callus-t.png) no-repeat 0 0; top: -7px; }
#callUs div.b { background: url(callus-b.png) no-repeat bottom left; bottom: -7px; }

#callUs h4 { text-transform: uppercase; font-size: 13px; font-weight: normal; padding: 0; margin: 0; }
#callUs span.tel { display: block; color: #2F79B4; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 26px; font-weight: bold; }
#callUs span.grief { font-size: 10px; font-weight: normal; }

#cForm { margin-bottom: 20px; padding-top: 33px; }
#cForm h3 { margin-bottom: 0; }
#cForm p.req { margin: 0; }
#cForm ol { list-style: none; margin: 0; padding: 0 16px; }
#ic #cForm li { position: relative; line-height: 1; padding-bottom: 8px; }
#cForm label { display: block; font-weight: bold; padding-bottom: 4px; }

#cForm p.req em, #cForm li em { color: #689DC6; }
#cForm p.req { font-size: 11px; color: #9A9A9A; margin-bottom: 7px; }
#cForm li em { position: absolute; top: 2px; left: 40px; }

#cForm li.name.spanish em { left: 55px; }
#cForm li.email.spanish em { left: 124px; }

#cForm li#whoAreyou { padding-bottom: 0; }
#cForm li#whoAreyou p { padding: 0 0 6px; margin: 0; font-weight: bold; }
#cForm li#whoAreyou label { padding-left: 22px; font-weight: normal; }
#cForm div.radio { position: relative; padding-bottom: 8px; }
#cForm div.radio input { position: absolute; top: 0; left: 0; }
* html #cForm div.radio input { left: -22px; }

#cForm div.input { background: url(cform-input.gif) no-repeat 0 0; width: 191px; height: 23px; }
#cForm div.phone1 { background: url(cform-phone1.gif) no-repeat 0 0; width: 40px; height: 23px; }
#cForm div.phone2 { background: url(cform-phone2.gif) no-repeat 0 0; width: 40px; height: 23px; }
#cForm div.phone3 { background: url(cform-phone3.gif) no-repeat 0 0; width: 63px; height: 23px; }

#cForm div.phone1, #cForm div.phone2, #cForm div.phone3 { float: left; margin-right: 7px; }

#ic #cForm li.comments { padding-bottom: 20px; }
#cForm div.textarea { background: url(cform-textarea.gif) no-repeat 0 0; width: 424px; height: 84px; }
#cForm div.textarea textarea { height: 75px; }
#cForm input.submit { background: url(cform-input-submit.gif) no-repeat 0 0; width: 69px; height: 30px;  }

/* NEWS AND EVENTS
---------------------------------------------- */

#ic div#nHead { margin-bottom: 20px; }
#ic div.single { margin-bottom: 0 !important; }
#ic div#nHead h2 { padding: 16px 0 14px 16px; margin-bottom: 0; }

#ic div.post { margin: 0 16px 20px; border-bottom: #D5DDE4 solid 1px; }
#ic div.post h1, #ic div.post h2, #ic div.post h3, #ic div.post h4, #ic div.post h5, #ic div.post h6, #ic div.post p { padding-left: 0; padding-right: 0; }
#ic div.post p { padding-bottom: 20px; margin-bottom: 0; }
#ic span.date { font-size: 11px; color: #919191; }

#ic div.post.recall h3 a:link,
#ic div.post.recall h3 a:visited,
#ic div.post.recall h3 a:hover,
#ic div.post.recall h3 a:active { color: #C00206; }

#ic h2.recall { color: #C00206;  }

/* SIDEBAR
---------------------------------------------- */

#sidebar { float: left; width: 183px; font-size: 12px; margin: 23px 0; }

#pageNav, #joinUs { background: url(sidebar.gif) repeat-y 0 0; margin-top: 8px; margin-bottom: 8px; }

#sidebar div.t, #sidebar div.b { position: relative; width: 100%; height: 8px; }
#sidebar div.t { background: url(sidebar-t.png) no-repeat 0 0; top: -8px; }
#sidebar div.b { background: url(sidebar-b.png) no-repeat 0 0; bottom: -8px; }
* html #sidebar div.b { bottom: -15px; }

#pageNav { margin-bottom: 19px; }
#pageNav ul { margin: -3px 16px; line-height: 1.2; }

ul#pn ul { display: none; }
ul#pn ul { margin: 0; font-size: 11px; padding-bottom: 6px; }
ul#pn ul li { border-top: none; }
ul#pn strong { font-size: 13px; }
ul#pn ul a { padding: 4px 0 4px 12px; background: url(ul-pn-li-li.gif) no-repeat left center; }
ul#pn ul a:link, ul#pn ul a:visited, ul#pn ul a:active { font-family: Arial, Helvetica, sans-serif; }
ul#pn ul strong { font-size: 11px; }
ul#pn ul ul { padding-bottom: 0; }
ul#pn ul ul a { padding-left: 24px; background-position: 10px center; }

#pageNav ul#archives { margin-bottom: 12px; }
* html #pageNav ul { margin: -11px 0; }
#pageNav li.first { border-top: none; }
#pageNav li { border-top: #D5DDE4 solid 1px; }
* html #pageNav li { height: 1%; }
* html #pageNav a { height: 1%; }
#pageNav li a { display: block; padding: 8px 0; }

#pageNav a:link,
#pageNav a:visited,
#pageNav a:hover,
#pageNav a:active { color: #606060; }

#pageNav h3 { display: block; padding: 8px 16px; color: #2B6EA3; }
#pageNav li.current_page_item a:link,
#pageNav li.current_page_item a:visited,
#pageNav li.current_page_item a:hover,
#pageNav li.current_page_item a:active { color: #2B6EA3; font-weight: bold; }

#pageNav li.current_page_item li a:link,
#pageNav li.current_page_item li a:visited,
#pageNav li.current_page_item li a:hover,
#pageNav li.current_page_item li a:active { color: #606060; font-weight: normal; }

#sidebar h3.donateNow a { background: url(sidebar-h3-donatenow-a.png) no-repeat 0 0; width: 183px; height: 60px; margin-bottom: 19px; display: block; text-indent: -9999px; }

#sidebar div.static { width: 100%; height: 8px; }

#joinUs h3 { color: #29689B; font-size: 15px; margin-bottom: 9px; padding-left: 16px; }
#joinUs ul { position: relative; left: 16px; }
#joinUs li { float: left; padding-right: 9px; }
#joinUs li a { display: block; padding: 3px 0 9px 20px; font-size: 11px; }
#joinUs li.facebook a { background: url(li-facebook-a.gif) no-repeat 0 0; }
#joinUs li.twitter a { background: url(li-twitter-a.gif) no-repeat 0 0; }
#joinUs li.myspace a { background: url(li-myspace-a.gif) no-repeat 0 0; padding-bottom: 3px; }

/* FOOTER
---------------------------------------------- */

#footer, #copy { border-top: #B5B5B5 solid 1px; background: #FFF; }
#footer { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; clear: both; position: relative; padding: 18px 0 21px; width: 100%; color: #767676; }
#footer div.wrap { background: url(footer-wrap.gif) repeat-y 0 0; margin: 0; }


#bCard { float: left; width: 250px; padding-right: 40px; }
#bCard h3 { padding: 0 0 0 24px; }
#bCard p { line-height: 1.5; padding-left: 32px; margin-bottom: 8px; }
#bCard strong { color: #494949; }
#bCard h3 a { display: block; text-indent: -9999px; }
#bCard h3.brand a { background: url(bcard-brand.gif) no-repeat 0 0; width: 164px; height: 63px; margin-bottom: 15px; }
#bCard h3.donate a { background: url(bcard-h3-a.gif) no-repeat 0 0; width: 177px; height: 45px; }

#footNav { float: left; width: 190px; }
#footNav li { border-bottom: #979797 dotted 1px; }
#footNav li a { display: block; padding: 6px 0 8px; }
#footNav li.last { border-bottom: none; }

#fContact { float: right; width: 410px; padding-top: 10px; }
#fContact h3 { color: #28689B; font-size: 13px; margin-bottom: 6px; }
#fContact strong { color: #2A6BA0; }
#fContact p { line-height: 1.5; padding-right: 10px; }

#fContact h4 { text-align: center; color: #333; padding: 20px 0; line-height: 1.2; text-transform: uppercase; font-weight: normal; }
#fContact h4 span.tel { color: #2F79B4; display: block; font-size: 26px; font-weight: bold; }
#fContact h4 span.grief { font-size: 10px; font-weight: normal; }

#copy { text-align: center; color: #A3A3A3; font-family: "Trebuchet MS", Helvetica, sans-serif; padding-bottom: 12px; }
#copy p { padding: 12px 0 6px; }
#copy li a { border-right: #A3A3A3 solid 1px; padding: 0 8px 0 6px; }
#copy a:link, #copy a:visited, #copy a:hover, #copy a:active { color: #A3A3A3; }
#copy li { display: inline; }
#copy li.espanol a:link, #copy li.espanol a:visited, #copy li.espanol a:hover, #copy li.espanol a:active { color: #0F6CB6; font-weight: bold; border-right: none; }
#copy li.translate a:link, #copy li.translate a:visited, #copy li.translate a:hover, #copy li.translate a:active { color: #0F6CB6; font-weight: bold; border-right: none; }