@font-face{
   font-family: 'futura_ltcn_btlight';
   src: url('futura-ltcn-bt-light-webfont.eot');
   src: url('futura-ltcn-bt-light-webfont.eot?#iefix') format('embedded-opentype'), url('futura-ltcn-bt-light-webfont.woff') format('woff'), url('futura-ltcn-bt-light-webfont.ttf') format('truetype'), url('futura-ltcn-bt-light-webfont.svg#futura_ltcn_btlight') format('svg');
   font-weight: normal;
   font-style: normal;
}
/*=======================     Default Rules Reset     =======================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr{ margin: 0; padding: 0; }
table{ border-spacing: 0; }
fieldset, img{ border: 0; }
caption, th{ text-align: left; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; }
q:before, q:after{ content: ''; }
abbr, acronym{ border: 0; font-variant: normal; }
sup{ vertical-align: text-top; }
sub{ vertical-align: text-bottom; }
input, textarea, select{ font-size: 12px; }
legend{ color: #000; }
:focus{ outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ display: block; }
audio, canvas, video{ display: inline-block; }
hr{ border: none; background: #000; height: 1px; margin: 5px; }
audio:not([controls]){ display: none; }
/*=======================     Font Embedding Rules     =======================*/

/*=======================     General Rules     =======================*/
body, .body{ background: url('../images/bg_body.png') repeat-x; font: 13px/1.5 Arial, Helvetica, sans-serif; color: #333; }
.clear{ clear: both; height: 0; font-size: 0; }
p{ padding: 10px 0; }
ul, ol{ padding: 10px 0 10px 25px; }
ul:before, ul:after, ol:before, ol:after{ display: block; content: ""; clear: both; }

/*=======================     Floating Rules     =======================*/
.f_left{ float: left !important; }
.f_right{ float: right !important; }
.f_none{ float: none !important; }

/*=======================     Text Rules     =======================*/
.t_right{ text-align: right !important; }
.t_center{ text-align: center !important; }
.t_left{ text-align: left !important; }

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1{ font-size: 24px; }
h2{ font-size: 22px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }

.uppercase{ text-transform: uppercase; }
.text_red{ color: #c90000; }

/*=======================     Vertical Aligining Rules     =======================*/
.v_top{ vertical-align: top }
.v_middle{ vertical-align: middle }
.v_bottom{ vertical-align: bottom }

/*=======================     Anchor Rules     =======================*/
a{ color: #1769ae; text-decoration: underline; }

/*=======================     Page Rules     =======================*/

#page_wrapper{ width: 1000px; margin: auto; }
#header{ height: 105px; padding: 16px 0 0 5px; }
#header .dac_logo{ background: url('../images/logo_dac.png'); width: 243px; height: 85px; display: inline-block; float: left; }
#header .dac_logo span{ display: none; }
#header .dac_phone_logo{ background: url('../images/phone.png'); width: 245px; height: 72px; display: inline-block; float: left; margin-top:10px; margin-left:60px; }
#header .dac_phone_logo span{ display: none; }
#header .tag_cntnr{ float: right; margin-top: 10px; font-family: futura_ltcn_btlight, arial, sans-serif; color: #c7252c; font-size: 30px; }
#header .tag_line{ background: url('../images/bg_tag_line.png') 0 5px no-repeat; line-height: 1; padding: 0 0 0 41px; margin: 5px 0 0; text-shadow: 0 0 1px #C7252C; }
#header .tag_line:last-child{color: #000; text-shadow: 0 0 1px #000}

#navigation{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 auto; }
#navigation ul{ display: inline-block; list-style: none; padding: 0; margin: 0 auto }
#navigation li{ display: inline-block; background: url('../images/bg_nav_seperator.png') left center no-repeat; padding: 0 18px; float: left; }
#navigation .first{ background: none; }
#navigation a{ color: #fff; padding: 0 15px; display: block; text-decoration: none; }
#navigation a:hover, #navigation a.current_page, #navigation .current, #navigation first.current{ background: #c60000; }
#banner_wrapper{ background: url('../images/bg_shadow_banner.png') bottom center no-repeat; padding-bottom: 22px; margin-top: 8px; position: relative; }
#banner_wrapper #banner_slideshow{ background: url('../images/bg_banner.png'); height: 281px; position: relative; }
#banner_wrapper #banner_slideshow img{ display: block; }
#banner_wrapper #banner_slideshow .banner_text{ position: absolute; right: 20px; width: 270px; top: 75px; }
#banner_wrapper #banner_slideshow h2.quote{ font-size: 30px; color: #202020; text-align: center; font-family: futura_ltcn_btlight, arial, sans-serif }
#banner_wrapper #banner_slideshow .quote_by{ color: #fff; text-align: right; font-size: 18px; margin-top: 10px; }
#banner_wrapper #slideshow_navigation{ position: absolute; bottom: 42px; right: 15px; z-index: 99; }
#banner_wrapper #slideshow_navigation a{ background: url('../images/bg_nav_slider.png'); width: 15px; height: 14px; display: inline-block; font-size: 0; text-decoration: none; margin: 0 5px; }
#banner_wrapper #slideshow_navigation a:hover, #banner_wrapper #slideshow_navigation a.activeSlide{ background-position: -15px 0; }

#content_wrapper{ padding: 10px 0 40px 0; }

#content_wrapper #left_contents{ width: 630px; float: left; }
#content_wrapper #left_contents .page_title{ font-size: 24px; }
.list_wheel, .list_check{ padding-left: 0; list-style: none; }
.list_wheel li, .list_check li{ background: url('../images/list_style_wheel.png') 0 4px no-repeat; padding: 4px 0 4px 22px; }
.list_check li{ background: url('../images/list_style_check.png') 0 4px no-repeat; }

.horizontal_bar{ background: url('../images/bg_horiz_bar.png') no-repeat center; height: 3px; margin: 5px 0 25px; }
.red_heading{ background: url('../images/bg_heading.png') no-repeat; height: 31px; line-height: 31px; font-size: 20px; color: #fff; padding-left: 7px; }
.red_heading > span{ display: inline-block; background: url('../images/bg_heading_arrows.png') no-repeat right; padding-right: 60px; min-width: 310px; }

#content_wrapper #sidebar{ width: 320px; float: right; }
#content_wrapper #sidebar .widget_wrapper, .moduletablecharityticker{ background: url('../images/bg_shadow_sidebar.png') no-repeat bottom center; padding-bottom: 18px; margin-top: 25px; }
#content_wrapper #sidebar .widget_wrapper:first-child{ margin-top: 0; }
#content_wrapper #sidebar .widget_wrapper .widget_box, .moduletablecharityticker h3, .moduletablecharityticker .cntnr_o{ border: 1px solid #c7c7c7; font-size: 12px; }
#content_wrapper #sidebar .widget_wrapper .widget_box h2, .moduletablecharityticker h3{ color: #1769ae; padding: 0; font-size: 18px; line-height: 32px; }
.widget_box h2 a:link, .widget_box h2 a:visited, .widget_box h2 a:active{ display: block; text-decoration: none; padding: 10px 0 10px 15px }
.widget_box h2 a:hover{ background: #e6e9e9; /*color: #C60000;*/ text-shadow: 0 0 3px #969BA1 }

#content_wrapper #sidebar .widget_wrapper .widget_box h2 img{ margin: 0 5px 0 0; float: left; }
#content_wrapper #sidebar .widget_wrapper .widget_box .widget_contents{ padding: 0 15px 15px 15px; }
#content_wrapper #sidebar .widget_wrapper .widget_box .view_all{ text-align: right; }
#content_wrapper #sidebar .widget_wrapper .widget_box .view_all a{ color: #c60000; text-decoration: underline; }
#content_wrapper #sidebar .widget_wrapper .why_they_love_us, .moduletablecharityticker h3{ background: #eff2f3; }
/*#content_wrapper #sidebar .widget_wrapper .why_they_love_us .widget_contents{height: 385px;}
#content_wrapper #sidebar .widget_wrapper .why_they_love_us p{margin-bottom: 15px;}*/
#content_wrapper #sidebar .widget_wrapper .why_they_love_us h2, .moduletablecharityticker h3{ padding-bottom: 0; }
#content_wrapper #sidebar .widget_wrapper .charities_by{ background: #fff; }
#content_wrapper #sidebar .widget_wrapper .charities_by h2{ background: #eff2f3; border-bottom: 1px solid #c7c7c7; margin-bottom: 5px; }
#content_wrapper #sidebar .widget_wrapper .blog{ background: #eff2f3; }
#content_wrapper #sidebar .widget_wrapper .blog p{ padding-bottom: 20px; }

.moduletablecharityticker h3{ text-indent: 35px; line-height: 37px; background-image: url('../images/icon_mapple.png'); background-repeat: no-repeat; background-position: 14px 15px; height: 43px }
.moduletablecharityticker .cntnr_o{ border-top: 0; overflow: hidden }
.moduletablecharityticker .cntnr_o, .moduletablecharityticker .slideshow{ background: #fff; }
.moduletablecharitylogos li img{ vertical-align: middle; max-width: 284px; max-height: 135px; }

.gratitude_contents{ background: #c60000; color: #fff; font-size: 14px;; font-weight: bold; margin-top: 10px; height: 45px; line-height: 45px; }
.gratitude_contents > div{ padding: 0 12px; }

#footer_wrapper{ background: url('../images/bg_footer.png'); height: 117px; line-height: 117px; }
#footer_wrapper .footer_contents{ width: 1000px; margin: auto; }
#footer_wrapper .footer_contents .copyright{ font-size: 11px; color: #a7a7a7; float: left; }
#footer_wrapper .footer_contents .find_us{ font-size: 14px; color: #fff; float: right; }
#footer_wrapper .footer_contents .find_us a{ background: url('../images/icon_social.png') no-repeat; width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin: 0 4px; }
#footer_wrapper .footer_contents .find_us a span{ display: none; }
#footer_wrapper .footer_contents .find_us a.google_plus{ }
#footer_wrapper .footer_contents .find_us a.linkedin{ background-position: -46px 0; }
#footer_wrapper .footer_contents .find_us a.facebook{ background-position: -94px 0; }
#footer_wrapper .footer_contents .find_us a.twitter{ background-position: -141px 0; }

#logos p{ width: 100%; text-align: center; }

/***** inner page *****/
.banner_text{ position: absolute; right: 20px; width: 270px; top: 40px; }
h2.quote{ font-size: 30px; color: #202020; text-align: center; font-family: futura_ltcn_btlight, arial, sans-serif }
.quote_by{ color: #fff; text-align: right; font-size: 18px; margin-top: 10px; }
.page_title{ font-size: 24px; }
.page_title span{ color: #c60000; }

ul.charity_list{ list-style-type: none; margin: 0; padding: 20px 0 50px 0; }
ul.charity_list li{ list-style-type: none; padding: 0 0 12px 20px; margin: 0; background: url('../images/img-tick.png') no-repeat 0 5px; font-size: 16px; }
h3{ font-size: 20px; }
h4{ font-size: 16px; }
//.province_list{ margin: 0; padding: 15px 0 30px 0; list-style-type: none; }
.province_list{ margin: 0; padding: 5px 0 10px 0; list-style-type: none; }
.province_list li{ margin: 0; padding: 0 5px; list-style-type: none; font-size: 12px; font-weight: bold; color: #000; line-height: 10px; border-left: solid 1px #000; float: left; }
.province_list li:first-child{ border: none; }
.province_list .charity_filter{ display: block; text-decoration: none; color: #000; }
.province_list .charity_filter{ display: block; text-decoration: none; color: #000; }
.province_list .charity_filter:hover{ color: #c60000; }
.province_list .charity_filter.current{ color: #c60000; font-size: 13px; font-weight: bold; }

.charity_box{ margin-top: 25px; border: solid 1px #c0c0c0; height: 155px; background: #fff; }
.charity_left{ float: left; width: 400px; border-right: dotted 1px #c0c0c0; min-height: 155px; text-align: center; }
.charity_left a{ font-size: 14px; color: #c60000; text-decoration: none; }
.charity_left a:hover{ text-decoration: underline; }
.charity_right{ padding: 5px 10px 0 10px; float: left; color: #333333; width: 556px; }
.charity_right h2{ font-size: 14px; font-weight: bold; margin-top:5px; }
.charity_right p{ font-size: 13px; line-height: 20px; padding-top: 0px; text-align: justify; overflow-y:auto; height:95px; margin-top:5px; }

p.donate_now{ font-size: 16px; padding: 20px 0 40px 0; }
.donate_now_box{ width: 694px; margin: 0 auto; }
.donate_now_box .red_box{ font-size: 16px; background: url('../images/img-donate-now-red-box.png') no-repeat; height: 38px; line-height: 38px; color: #fff; text-align: center; }
.donate_now_box .red_box a{ padding: 0 20px; display: inline; color: #000000; text-decoration: none; }
.donate_now_box .red_box a:hover, .donate_now_box .red_box a.active{ color: #fff; }
.donate_middle{ padding: 30px 20px 0; background: #fff; }
.donate_middle .box-t{ margin: 0 auto; padding: 7px; }
.donate_middle .box-t{ background: #d8dcdf; border-radius: 5px; box-shadow: 0 0 2px #aaa; }
.donate_middle th strong{ color: #C60000; display: inline-block; font-size: 17px; padding: 5px 0; }
#donate_body .donate_middle input.btn{ background: #212121; border-radius: 4px; border-width: 0; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; }
#donate_body .donate_middle input.btn:hover{ color: #FFD58B }

.start_again{ width: 330px; margin: 0 auto; font-size: 14px; color: #444; }

.contact{ padding-top: 30px; }
.contact .address{ padding: 35px 0; }
.contact .address p{ padding: 5px 0; }
.contact .address span{ display: inline-block; width: 100px; text-align: right; font-weight: bold; padding-right: 5px; vertical-align: top; }
.contact .address span.text{ font-weight: normal; text-align: left; width: auto; }

.contact .contact_form{ padding: 10px 0; width: 685px; border: solid 1px #ccc; margin: 0 auto; background: #fff; }
.contact .contact_form p{ #ccc; padding: 5px; }
.contact .contact_form label{ display: inline-block; width: 150px; text-align: right; font-weight: bold; padding-right: 5px; vertical-align: top; padding-top: 5px; }
.contact .contact_form input, .contact .contact_form textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; height: 24px; line-height: 24px; border: solid 1px #ccc; padding: 0 5px; width: 250px; }
.contact .contact_form textarea{ width: 400px; height: 100px; resize: none; overflow: hidden; }
.contact .contact_form input.btn_submit, .contact .contact_form input.btn_cancel{ background: url('../images/btn-submit.png') no-repeat; border: none; width: 86px; height: 30px; cursor: pointer; margin-right: 10px; }
.contact .contact_form input.btn_cancel{ background: url('../images/btn-reset.png') no-repeat; }

.quesion_box{ padding-top: 20px; position: relative; }
.quesion_box h2{ text-transform: uppercase; font-size: 16px; color: #333; padding-bottom: 10px; }
.quesion_box p{ padding: 0 0 7px 10px; color: #222; }
.quesion_box p a{ color: #222; text-decoration: none; }
.quesion_box p a:hover{ text-decoration: underline; }
.quesion_box p span{ color: #c60000; padding-right: 5px; }

.answer_box{ padding-top: 30px; font-size: 13px; position: relative; }
.answer_box span.question{ font-weight: bold; display: block; }
.answer_box .answer span{ color: #1769ae; font-weight: bold; }
.answer_box ul{ margin: 0; padding: 25px 0 0 0; list-style-type: none; }
.answer_box li{ margin: 0; padding: 0 0 5px 17px; list-style-type: none; background: url('../images/img-tick.png') no-repeat 0 4px; }

.back_to_top{ position: absolute; right: 0; bottom: -20px; background: url('../images/icon-back_to_top.png') no-repeat 0 5px; padding: 0 0 0 12px; font-size: 11px; text-transform: uppercase; }
.back_to_top a{ text-decoration: none; }
.back_to_top a:hover{ text-decoration: underline; }

.btn_ask_question{ position: absolute; top: -20px; right: 0; }
.btn_ask_question_bottom{ padding-top: 40px; }

.round_5{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; position: relative; zoom: 1; }
#canvas0, #canvas1{ background: none !important; }

#donate_body .formBorderTbl, #donate_body .formBorderTbl td{ line-height: 20px }
#donate_body .formBorderTbl td{ padding: 3px 0 }
#donate_body .formBorderTbl input, #donate_body .formBorderTbl select, #donate_body .formBorderTbl textarea{ border: 1px solid #ccc; padding: 3px; }

.vamhlpr{ display: none; vertical-align: middle; }
.clogo{ max-width: 385px; max-height: 90px; vertical-align: middle }
.logo_cntnr, .vamhlpr{ height: 130px }

.moduletablecharitylogos .vamhlpr, .charity_box .vamhlpr{ display: inline-block; }
.moduletablecharitylogos .vamhlpr{ height: 140px }

.ch_ticker{ background: none; width: 300px; margin: auto; }
.ch_ticker .slideshow{ width: 288px; height: 140px; }
.ch_ticker .clogo{ max-width: 283px; max-height: 140px }
.ch_ticker .vamhlpr{ height: 140px; width: 1px }
.mza{ margin: 0 auto; }
.sharethis{ text-align: right;margin-bottom: 25px; overflow: hidden}
.sharethis #bookmark{font-weight: normal; float: left;  color: #c90000; padding-left: 20px; background: url(../images/bookmark.png) no-repeat 0 0;}
.sharethis #bookmark, .sharethis .label{ text-transform: uppercase; text-decoration: none; height: 16px; line-height: 16px; font-size: 11px;}