body {
    background: url(../_images/body-bg.png) repeat #f2f2f2;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif, "Lucida Sans Unicode";
/*    font-family: sans-serif, Arial; *//* JP is good, EN is good, standard, best */
/*    font-family: "Lucida Sans Unicode"; *//* JP is good, EN is good */
/*    font-family: "MS PGothic"; *//* JP is good, EN is OK */
/*    font-family: "Arial Unicode MS"; *//* nice and smooth but a little too wide, funky at large size */
/*    font-family: "MS UI Gothic"; *//* JP is good, EN is so-so, narrow */
/*    font-family: "MS PMincho"; *//* ugly */
/*    font-family: "MS Gothic"; *//* ugly and too wide */
/*    font-family: "MS Mincho";*//* ugly and too wide */
    font-size:84%;
    line-height:1.125em; /* 16px base × 1.125 = 18px */
    /* font-size:0.875em; */ /* 16px base x 0.875 = 14px */
    /* font-size:0.75em; */ /* 16px base x 0.75 = 12px */
    color: #666666;
}

/* --- Defaults --- */
img { display:block; padding:0px; margin:0px; border:0px; }
ul, ol, li { list-style: none; display: block; padding: 0; margin: 0; }
dl, dt, dd { padding: 0; margin: 0; display: block; }
h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; font-weight: normal; }
table, table th { border: none; padding: 0; margin: 0; font-weight: normal; text-align: left; vertical-align: middle; }

/* ---------- Page Wrapper and Container ---------- */
.wrapper {
    background-image: url(../_images/body-bg-green_stripe.png);
    background-position: 0px 100px;
    background-repeat: repeat-x;
    width: 100%;
    padding: 0;
    margin: 0;
}

.container {
    background-image: url(../_images/container-bg.png);
    background-repeat: repeat-y;
    width: 920px;
    margin: 0px auto 0px auto;
}

.container_inner {
    background-image: url(../_images/header-bg.png);
    background-repeat: repeat-x;
    width: 100%;
    padding-bottom: 25px;
    min-height: 500px;
}


/* ---------- Global ---------- */

/* --- Columns --- */
.main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
.left_column { float: left; width: 460px; margin-right: 40px; }
.right_column { float: left; width: 330px; padding-right: 10px; }
/* --- Content Blocks --- */
/* Left Column */
.left_column h1 { margin-top: 2px; }
.left_column .content_body { width: 100%; padding-top: 13px; }
.left_column h2 { margin: 0px 0px 15px 5px; }
.left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 30px; }
.left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
.left_column .subtitle { padding-bottom: 20px; }
/* Right Column */
.right_column img.content_heading { padding-bottom: 16px; padding-left: 8px; }
.right_column .content_body { width: 100%; }
.right_column .content_block { width: 330px; margin-left: auto; margin-right: auto; padding-top: 10px; }
.right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
.right_column .side_nav div,
.right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
/* --- Links --- */
a, a:visited { color: #29ABE2; text-decoration: underline; }
a:hover { color: #F15A24; text-decoration: none; }
.hover-opacity6 img:hover { opacity:0.6; filter:alpha(opacity=60); }
.hover-opacity7 img:hover { opacity:0.7; filter:alpha(opacity=70); }
.hover-opacity8 img:hover { opacity:0.8; filter:alpha(opacity=80); }
/* --- Misc --- */
.hidden, div.hidden { display: none; }
span.loading { color: #F15A24; font-family: 'trebuchet ms', verdana, arial, helvetica; font-size: 20px; line-height: 50px; }
span.loading img { display: inline; }
.gray_bg { background-color: #F2F2F2; padding: 7px 10px 7px 10px; }
.overlay { background: url(../_images/bg-overlay.png) no-repeat; width: 829px; height: 629px; display: none; }
.overlay div.close {
    background-image:url(../_images/overlay/apple-close.png);
    position:absolute; right:1px; top:3px;
    cursor:pointer;
    height:28px;
    width:28px;
    z-index: 99;
}
/* --- Display Options --- */
.block { display: block; }
.inline { display: inline; }
/* --- Floats and Alignment --- */
.left { float: left; }
.right { float: right; }
.center { margin-left: auto; margin-right: auto; }
.img-inline,
.img-inline img { display: inline; }
/* --- Text Styles and Colors --- */
.blue { color: #29ABE2; }
.green { color: #008D60; }
.bright_green { color: #009245; }
.footnote { font-size: 0.85em; }
/* --- H1, H2, h2, etc. --- */
h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; padding-bottom: 11px; display: block; background: url(../_images/bullet-black_line.png) 0 12px no-repeat; padding: 12px 0px 0px 10px; color: #333333; }
h3 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px; color: #29ABE2; }
/* --- Lists and List Items--- */
ol { line-height: 1.4em; }
ol li { padding-bottom: 11px; }
ol.indented { padding-left: 25px; }
ol.green { color: #008D60; padding-left: 5px; }
ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Boxes --- */
.green_box { background-color: #E6FFEF; border: 1px solid #B4E6C8; color: #000000; padding: 10px; margin-top: 5px; margin-bottom: 5px; }
.special_box-blue { background-color:#f2f2f2; border: 1px dashed #29abe2; padding-top:15px; padding-bottom:15px; text-align:center; }
/* --- dl --- */
dl.table dt { float: left; padding: 0px; margin: 0px; clear: both; }
dl.table dd { float: left; padding: 0px; margin: 0px; }
dl.dt-140px dt { min-width: 140px; }
dl.dd-135px dd { min-width: 135px; }
dl.dt-pad-top6px dt { padding-top: 6px; }
dl.height-50px dt,
dl.height-50px dd { min-height: 40px; }
dl.table dt.note-gray { color: #808080; font-size:13px; font-weight:normal; }
/* --- Dividers --- */
.divider-1px { width: 100%; height: 1px; background-color: #b3b3b3; clear: both; padding: 0px; margin: 0px; }
.divider-2px { width: 100%; height: 2px; background-color: #d9d9d9; clear: both; padding: 0px; margin: 0px; }
/* --- Spacers --- */
.spacer-5px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 5px; }
.spacer-10px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 10px; }
.spacer-15px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 15px; }
.spacer-20px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 20px; }
.spacer-25px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 25px; }
.spacer-30px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 30px; }
.spacer-35px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 35px; }
.spacer-40px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 40px; }
.spacer-45px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 45px; }
.spacer-50px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 50px; }
.spacer-100px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 100px; }
.spacer-150px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 150px; }
.spacer-200px { display: block; padding: 0px; margin: 0px; clear: both; width: 100%; height: 200px; }
/* --- Indentation --- */
.indent-5px { padding-left:5px; }
.indent-10px { padding-left:10px; }
.indent-15px { padding-left:15px; }
.indent-20px { padding-left:20px; }
.indent-25px { padding-left:25px; }
.indent-30px { padding-left:30px; }
/* --- Tables --- */
table.default { padding: 0px; margin: 0px; }
table.default td { background: #ffffff; padding: 0px; margin: 0px; }
table.green-gray { width: 100%; margin-top: 0px; margin-bottom: 0px; }
table.green-gray td,
table.green-gray th { border-bottom: 1px solid #ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 10px; }
table.green-gray thead th { text-align: center; color: #666666; }
table.green-gray thead th,
table.green-gray tbody th { background-color: #b4e6c8; border-right: 1px solid #ffffff; vertical-align: middle; color: #008D60; }
table.green-gray tbody td { background-color: #f2f2f2; border-right: 1px solid #ffffff; }
table.green-gray tbody tr.white td { background-color: #ffffff; }
table.td_center td,
table.td_center th { padding-left: 0px; }
table.td_center tbody th { padding-left: 10px; }
table.td_center tbody td { text-align: center; }
/* --- Buttons --- */
.button { display: block; margin-top: 30px; }
.btn_details { display: block; background: url(../_images/button-details.png) 0 0 no-repeat; width: 156px; height: 36px; }
.btn_details:hover { background-position: 0 -36px; }
.btn_contact { display: block; background: url(../_images/button-contact.png) 0 0 no-repeat; width: 156px; height: 36px; }
.btn_contact:hover { background-position: 0 -36px; }
.btn_return { display: block; background: url(../_images/button-return.png) 0 0 no-repeat; width: 156px; height: 36px; }
.btn_return:hover { background-position: 0 -36px; }
.btn_return_top { display: block; background: url(../_images/button-return_to_top.png) 0 0 no-repeat; width: 156px; height: 36px; }
.btn_return_top:hover { background-position: 0 -36px; }
/* --- Clearfix --- */
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* --- Just plain-ol clear --- */
br.clear,
div.clear { clear: both; padding: 0px; margin: 0px; width: 0px; height: 0px; line-height: 0px; }
br.clear-left,
div.clear-left { clear: left; padding: 0px; margin: 0px; width: 0px; height: 0px; line-height: 0px; }
br.clear-right,
div.clear-right { clear: right; padding: 0px; margin: 0px; width: 0px; height: 0px; line-height: 0px; }


/* ---------- Header ---------- */
#header { position: relative; height: 150px; width: 910px; margin: 0px auto 18px auto; }
/* --- Page-Specific --- */
#home #header { margin-bottom: 16px; }
/* --- Global --- */
#header img.logo { position: absolute; top: 18px; left: 33px; }
#header #font_size_selector { position: absolute; top: 0px; right: 37px; width: 170px; height: 30px; background: url(../_images/header-font_size.png) no-repeat; }
#header #font_size_selector div { background: url(../_images/header-button-font_size.png) no-repeat; width: 20px; height: 20px; float: right; margin-top: 5px; cursor: pointer; }
#header #font_size_selector #font_small { background-position: 0px 0px; margin-right: 5px; }
#header #font_size_selector #font_small:hover,
#header #font_size_selector #font_small[class~="active"] { background-position: 0px -20px; }
#header #font_size_selector #font_default { background-position: -20px 0px; margin-right: 5px; }
#header #font_size_selector #font_default:hover,
#header #font_size_selector #font_default[class~="active"] { background-position: -20px -20px; }
#header #font_size_selector #font_large { background-position: -40px 0px; margin-right: 9px; }
#header #font_size_selector #font_large:hover,
#header #font_size_selector #font_large[class~="active"] { background-position: -40px -20px; }
#header img.contact_info { position: absolute; top: 48px; right: 43px; }
#header #btn_contact { display: block; position: absolute; top: 47px; right: 215px; background: url(../_images/header-button-contact.png) 0px 0px no-repeat; width: 156px; height: 36px; }
#header #btn_contact:hover { background-position: 0px -36px; }
#header #top_nav { position: absolute; top: 100px; left: 27px; }
#header #top_nav div,
#header #top_nav a { display: block; background: url(../_images/header-top_nav.png) no-repeat; height: 41px; margin-right: 4px; float: left; }
#header #top_nav .last { margin-right: 0px; }
#header #top_nav #tab_home { background-position: 0px 0px; width: 86px; }
#header #top_nav #tab_home:hover,
#header #top_nav #tab_home[class~="active"] { background-position: 0px -41px; }
#header #top_nav #tab_about { background-position: -89px 0px; width: 165px; }
#header #top_nav #tab_about:hover,
#header #top_nav #tab_about[class~="active"] { background-position: -89px -41px; }
#header #top_nav #tab_activities { background-position: -257px 0px; width: 86px; }
#header #top_nav #tab_activities:hover,
#header #top_nav #tab_activities[class~="active"] { background-position: -257px -41px; }
#header #top_nav #tab_donations { background-position: -347px 0px; width: 105px; }
#header #top_nav #tab_donations:hover,
#header #top_nav #tab_donations[class~="active"] { background-position: -347px -41px; }
#header #btn_darunee { display: block; position: absolute; top: 105px; right: 36px; background: url(../_images/header-button-darunee.png) 0px 0px no-repeat; width: 349px; height: 40px; }
#header #btn_darunee:hover { background-position: 0px -40px; }


/* ---------- Footer ---------- */
#footer { position: relative; width: 864px; margin: 40px auto 0px auto; min-height: 80px; }
#footer #bottom_nav { position: absolute; bottom: 0px; left: 0px; }
#footer #bottom_nav .divider { color: #4D4D4D; }
#footer .copyright { font-size: 0.80em; font-family: Verdana, Arial; padding-top: 6px; }
#footer .banner { float: right; margin-left: 10px; }
/* --- Page-Specific --- */
#home #footer { margin-top: 20px; }


/* ---------- Home ---------- */
#home .main_content { width:100%; }
#home #top_heading { margin: 2px 0px 19px 29px; }
#home #slideshow { position: relative; background: url(../_images/home-slideshow_frame.png) no-repeat; width: 500px; height: 399px; }
#home #slideshow .slideshow { position: absolute; top: 14px; right: 17px; width: 400px; height: 300px; overflow: hidden; }
#home #slideshow .slideshow img { width: 400px; height: 300px; }
#home .left_column { width: auto; margin: 0px; padding: 0px; }
#home .right_column { width: auto; margin: 0px; padding: 0px; margin-left:23px; }
#home #mail_magazine_box { background: url(../_images/home-mail_magazine.png) no-repeat; width: 347px; height: 104px; padding: 57px 0px 0px 20px; }
#home #mail_magazine_box ol { padding-bottom:12px; }
#home #mail_magazine_box ol li { padding-bottom:6px; }
#home #mail_magazine_box input[type="text"] { height: 15px; }
#news { width: 351px; margin: 15px 0px 0px 6px; }
#news .heading { padding-left: 7px; }
#news #rss { display: block; background: url(../_images/home-news-rss.png) 0 0 no-repeat; width: 54px; height: 24px; margin: 10px 5px 0px 0px; }
#news #rss:hover { background-position: 0px -24px; }
#news #news_buttons { padding-top:10px; }
#news #news_buttons a { display: block; background: url(../_images/home-news-buttons.png) 0 0 no-repeat; height: 23px; float: left; }
#news #news_buttons #btn_oshirase { background-position: 0px 0px; width: 75px; }
#news #news_buttons #btn_oshirase:hover,
#news #news_buttons #btn_oshirase[class~="active"] { background-position: 0px -23px; }
#news #news_buttons #btn_report { background-position: -75px 0px; width: 99px; }
#news #news_buttons #btn_report:hover,
#news #news_buttons #btn_report[class~="active"] { background-position: -75px -23px; }
#news #news_buttons #btn_houkoku { background-position: -174px 0px; width: 75px; }
#news #news_buttons #btn_houkoku:hover,
#news #news_buttons #btn_houkoku[class~="active"] { background-position: -174px -23px; }
#news #news_buttons #btn_darunee { background-position: -248px 0px; width: 102px; }
#news #news_buttons #btn_darunee:hover,
#news #news_buttons #btn_darunee[class~="active"] { background-position: -248px -23px; }
#news #news_content { width: 351px; margin: 20px 0px 0px 1px; }
#news #news_content li { position: relative; background: url(../_images/home-news-divider.png) 0 100% no-repeat; padding: 0px 65px 9px 8px; margin: 0px 0px 6px 0px; }
#news #news_content li span { padding-right:6px; }
#news #news_content li div.category_label { position: absolute; top: 0px; right: 0px; width: 54px; height: 16px; background-repeat: no-repeat; margin-right: 7px; }
#news #news_content li div.news_date { position: absolute; top: 0px; left: 6px; max-width: 70px; }
#news #news_content li a { display: block; max-width: 200px; }
#news #news_content li .oshirase { background-image: url(../_images/home-news-label-oshirase.png); }
#news #news_content li .report { background-image: url(../_images/home-news-label-report.png); }
#news #news_content li .houkoku { background-image: url(../_images/home-news-label-houkoku.png); }
#news #news_content li .darunee { background-image: url(../_images/home-news-label-darunee.png); }


/* ---------- About ---------- */
/* --- Columns --- */
#about .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#about .left_column { float: left; width: 460px; margin-right: 40px; }
#about .right_column { float: left; width: 330px; padding-right: 10px; }
/* --- Content Blocks --- */
/* Left Column */
#about .left_column h1 { margin-top: 2px; }
#about .left_column .content_body { width: 100%; padding-top: 13px; }
#about .left_column h2 { margin: 0px 0px 15px 5px; }
#about .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#about .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
/* Right Column */
#about .right_column img.content_heading { padding-bottom: 16px; padding-left: 8px; }
#about .right_column .content_body { width: 100%; }
#about .right_column .content_block { width: 330px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#about .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#about .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
/* --- H1, H2, h2, etc. --- */
#about h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#about h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; padding-bottom: 11px; }
#about h2 { display: block; background: url(../_images/bullet-black_line.png) 0 12px no-repeat; padding: 12px 0px 0px 10px; color: #333333; }
/* --- Lists and List Items--- */
#about ol { line-height: 1.4em; }
#about ol li { padding-bottom: 11px; }
#about ol.green { color: #008D60; }
#about ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }


/* ---------- Activities ---------- */
/* --- Columns --- */
#activities .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#activities .left_column { float: left; width: 460px; margin-right: 40px; }
#activities .right_column { float: left; width: 330px; padding-right: 10px; }
/* --- Content Blocks --- */
/* Left Column */
#activities .left_column h1 { margin-top: 2px; }
#activities .left_column .content_body { width: 100%; padding-top: 13px; }
#activities .left_column h2 { margin: 0px 0px 15px 5px; }
#activities .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#activities .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
/* Right Column */
#activities .right_column img.content_heading { padding-bottom: 16px; padding-left: 8px; }
#activities .right_column .content_body { width: 100%; }
#activities .right_column .content_block { width: 330px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#activities .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#activities .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
/* --- H1, H2, h2, etc. --- */
#activities h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#activities h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; padding-bottom: 11px; }
#activities h2 { display: block; background: url(../_images/bullet-black_line.png) 0 12px no-repeat; padding: 12px 0px 0px 10px; color: #333333; }
/* --- Lists and List Items--- */
#activities ol { line-height: 1.4em; }
#activities ol li { padding-bottom: 11px; }
#activities ol.green { color: #008D60; }
#activities ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Pagination --- */
.pagination { width: 440px; margin-left: auto; margin-right: auto; border-top: 2px solid #cccccc; padding-top: 10px; }
.pagination .page_top_link { margin-top: 25px; margin-bottom: 10px; text-align: center; }
.pagination a.left_link { display: block; float: left; background: url(../_images/bullet-blue_arrow-left.png) 0 4px no-repeat; padding-left: 15px; }
.pagination a.right_link { display: block; float: right; background: url(../_images/bullet-blue_arrow-right.png) 100% 4px no-repeat; padding-right: 15px; }


/* ---------- Donations ---------- */
/* --- H1, H2, h2, etc. --- */
#donations h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#donations h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; padding-bottom: 11px; }
#donations h2 { display: block; background: url(../_images/bullet-black_line.png) 0 0 no-repeat; padding: 0px 0px 0px 10px; color: #333333; }
/* --- Lists and List Items--- */
#donations ol { line-height: 1.4em; }
#donations ol li { padding-bottom: 10px; }
#donations ol.green { color: #008D60; }
#donations ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Columns --- */
#donations .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#donations .left_column { float: left; width: 460px; margin-right: 40px; }
#donations .right_column { float: left; width: 330px; padding-right: 10px; }
/* --- Content Blocks --- */
/* Left Column */
#donations .left_column h1 { margin-top: 12px; }
#donations .left_column .content_body { width: 100%; padding-top: 43px; }
#donations .left_column h2 { margin: 0px 0px 20px 5px; }
#donations .left_column h3 { margin: 25px 0px 11px 5px; }
#donations .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 0px; }
#donations .left_column ol.green { padding-left: 5px; padding-top: 10px; }
#donations .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
#donations table.green-gray { width: 100%; margin-top: 5px; margin-bottom: 5px; }
#donations table.green-gray td,
#donations table.green-gray th { border-bottom: 1px solid #ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 10px; }
#donations table.green-gray tbody th { background-color: #b4e6c8; border-right: 1px solid #ffffff; vertical-align: middle; width: 74px; color: #008D60; }
#donations table.green-gray tbody td { background-color: #f2f2f2; }
#donations table.green-gray tbody tr.white td { background-color: #ffffff; }
/* Right Column */
#donations .right_column img.content_heading { padding: 17px 0px 0px 7px; }
#donations .right_column .content_body { width: 100%; padding: 45px 0px 15px 0px; margin-bottom: 27px; border-bottom: 1px solid #B3B3B3; }
#donations .right_column .content_block { padding: 0px 0px 16px 5px; }
#donations .right_column h2 { margin: 0px 0px 15px 0px; }
#donations .right_column ol.green { padding-left: 25px; }
#donations .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#donations .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
#donations a.request { display: block; background: url(../_images/donations-button-request.png) 0 0 no-repeat; width: 156px; height: 36px; }
#donations a.request:hover { background-position: 0 -36px; }


/* ---------- Darunee ---------- */
/* --- H1, H2, h2, etc. --- */
#darunee h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#darunee h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; padding-bottom: 11px; }
#darunee h2 { display: block; background: url(../_images/bullet-black_line.png) 0 0 no-repeat; padding: 0px 0px 0px 10px; color: #333333; }
/* --- Lists and List Items--- */
#darunee ol { line-height: 1.4em; }
#darunee ol li { padding-bottom: 12px; }
#darunee ol.one_item li { padding-bottom: 5px; }
#darunee ol.green { color: #008D60; }
#darunee ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Columns --- */
#darunee .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#darunee .left_column { float: left; width: 460px; margin-right: 40px; }
#darunee .right_column { float: left; width: 330px; padding-right: 10px; }
/* --- Content Blocks --- */
/* One Column */
#darunee .one_column { width: 795px; padding-right:5px; margin: 0px auto 0px auto; }
/* Left Column */
#darunee .left_column { margin-top: 0px; width: 455px; padding-left: 5px; }
#darunee .left_column h1 { margin-top: 12px; }
#darunee .left_column .content_body { width: 100%; padding-top: 43px; }
#darunee .left_column h2 { margin: 0px 0px 0px 0px; }
#darunee .left_column h3 { margin: 0px 0px 5px 0px; padding: 0px; }
#darunee .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#darunee .left_column ol.green { padding-left: 0px; padding-top: 0px; }
#darunee .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
#darunee table.green-gray { width: 100%; margin-top: 5px; margin-bottom: 5px; }
#darunee table.green-gray td,
#darunee table.green-gray th { border-bottom: 1px solid #ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 0px; }
#darunee table.green-gray thead th,
#darunee table.green-gray tbody th { background-color: #b4e6c8; border-right: 1px solid #ffffff; vertical-align: middle; }
#darunee table.green-gray thead th { text-align: center; color: #666666; }
#darunee table.green-gray tbody th { width: 120px; color: #008D60; padding-left: 10px; }
#darunee table.green-gray tbody td { background-color: #f2f2f2; border-right: 1px solid #ffffff; text-align: center; }
#darunee table.green-gray tbody tr.white td { background-color: #ffffff; }
#darunee .left_column dl { padding-bottom: 35px; }
#darunee .left_column dl dt { padding-bottom: 20px; padding-top: 35px; }
#darunee .left_column dl dd { padding-left: 20px; }
/* Right Column */
#darunee .right_column { margin-top: 35px; width: 330px; }
#darunee .right_column img.content_heading { padding: 17px 0px 0px 7px; }
#darunee .right_column .content_body { width: 100%; padding: 0px 0px 0px 0px; }
#darunee .right_column .content_block { width: 300px; margin: 10px auto 18px auto; }
#darunee .right_column .content_block img { display: inline; }
#darunee .right_column .content_block img.left { text-align: left; padding: 0px 5px 5px 0px; }
#darunee .right_column .content_block img.right { text-align: right; padding: 0px 0px 5px 5px; }
#darunee .right_column h2 { margin: 0px 0px 15px 0px; }
#darunee .right_column h3 { margin: 0px 0px 10px 0px; padding: 0px; }
#darunee .right_column ol.green { padding-left: 25px; }
#darunee .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#darunee .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
#darunee a.request { display: block; background: url(../_images/donations-button-request.png) 0 0 no-repeat; width: 156px; height: 36px; }
#darunee a.request:hover { background-position: 0 -36px; }


/* ---------- Other Pages (contact, volunteers, etc.) ---------- */
/* --- H1, H2, h2, etc. --- */
#other h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#other h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; }
#other h2 { display: block; background: url(../_images/bullet-black_line.png) 0 0 no-repeat; padding: 0px 0px 0px 10px; color: #333333; }
/* --- Lists and List Items--- */
#other ol { line-height: 1.4em; }
#other ol li { padding-bottom: 10px; }
#other ol.green { color: #008D60; }
#other ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Columns --- */
#other .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#other .left_column { float: left; width: 460px; margin-right: 23px; }
/* #other .right_column { float: left; width: 330px; padding-right: 10px; } */
#other .right_column { float: left; width: 355px; margin: 0px; padding: 0px; margin-left:0px; }
/* --- Left Column --- */
#other .left_column h1 { margin-top: 12px; }
#other .left_column .content_body { width: 100%; padding-top: 43px; }
#other .left_column h2 { margin: 0px 0px 20px 5px; }
#other .left_column h3 { margin: 25px 0px 11px 5px; }
#other .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 0px; }
#other .left_column ol.green { padding-left: 5px; padding-top: 10px; }
#other .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
#other table.green-gray { width: 100%; margin-top: 5px; margin-bottom: 5px; }
#other table.green-gray td,
#other table.green-gray th { border-bottom: 1px solid #ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 10px; }
#other table.green-gray tbody th { background-color: #b4e6c8; border-right: 1px solid #ffffff; vertical-align: middle; width: 74px; color: #008D60; }
#other table.green-gray tbody td { background-color: #f2f2f2; }
#other table.green-gray tbody tr.white td { background-color: #ffffff; }
/* --- Right Column --- */
#other .right_column img.content_heading { padding: 17px 0px 0px 7px; }
#other .right_column .content_body { width: 100%; padding: 45px 0px 15px 0px; margin-bottom: 27px; border-bottom: 1px solid #B3B3B3; }
#other .right_column .content_block { padding: 0px 0px 16px 5px; }
#other .right_column h2 { margin: 0px 0px 15px 0px; }
#other .right_column ol.green { padding-left: 25px; }
#other .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#other .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
/* --- Mail Magazine --- */
#other #mail_magazine_box { background: url(../_images/home-mail_magazine.png) no-repeat; width: 347px; height: 104px; padding: 57px 0px 0px 20px; }
#other #mail_magazine_box ol { padding-bottom:12px; }
#other #mail_magazine_box ol li { padding-bottom:6px; }
#other #mail_magazine_box input[type="text"] { height: 15px; }
/* --- News --- */
#other #news { width: 351px; margin: 15px 0px 0px 6px; }
#other #news .heading { padding-left: 7px; }
#other #news #news_buttons { padding-top:10px; }
#other #news #news_content { width: 351px; margin: 20px 0px 0px 1px; }
/* --- Misc --- */
#other a.request { display: block; background: url(../_images/donations-button-request.png) 0 0 no-repeat; width: 156px; height: 36px; }
#other a.request:hover { background-position: 0 -36px; }
/* --- Page-Specific --- */
#other #privacy .left_column h2 { margin: 20px 0px 10px 5px; }
#other #privacy .left_column .content_block { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 20px; }
#contact_form table td { background-color: #ffffff; }
#contact_form table td.no_padding { padding: 0px; }
#contact_form input[type="text"], #contact_form textarea { width: 255px; }
#contact_form input[class~="short"] { width: 190px; }
#contact_form select { width: 170px; }
#contact_form textarea { height: 80px; }
#contact_form label { padding: 1px 8px 1px 0px; }
#contact_form .field_note { padding-left: 2px; text-align: left; color: #008D60; }


/* ---------- Blog (WordPress) ---------- */
/* --- H1, H2, h2, etc. --- */
#blog h1 { display: block; background: url(../_images/heading-h1-bg.png) 0 0 no-repeat; width: 460px; height: 30px; line-height: 34px; padding-left: 8px; color: #008D60; font-size: 1.3em; font-weight: bolder; }
#blog h2 { font-size: 1.0em; font-weight: bold; line-height: 1.4em; }
#blog h2 { display: block; background: url(../_images/bullet-black_line.png) 0 0 no-repeat; padding: 0px 0px 0px 10px; color: #333333; }
/* --- Misc --- */
#blog a.request { display: block; background: url(../_images/donations-button-request.png) 0 0 no-repeat; width: 156px; height: 36px; }
#blog a.request:hover { background-position: 0 -36px; }
/* --- Lists and List Items--- */
#blog ol { line-height: 1.4em; }
#blog ol li { padding-bottom: 10px; }
#blog ol.green { color: #008D60; }
#blog ol.green li, ol.green_dot li { background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; }
/* --- Columns --- */
#blog .main_content { width: 840px; margin: 0px auto 0px auto; line-height: 1.6em; }
#blog .left_column { float: left; width: 460px; margin-right: 23px; }
/* #blog .right_column { float: left; width: 330px; padding-right: 10px; } */
#blog .right_column { float: left; width: 330px; margin: 0px; padding: 0px; margin-left:0px; }
/* --- Left Column --- */
#blog .left_column h1 { margin-top: 12px; }
#blog .left_column .content_body { width: 100%; padding-top: 43px; }
#blog .left_column h2 { margin: 0px 0px 20px 5px; }
#blog .left_column h3 { margin: 25px 0px 11px 5px; }
#blog .left_column .content_block { width: 430px; margin-left: auto; margin-right: auto; padding-top: 0px; }
#blog .left_column ol.green { padding-left: 5px; padding-top: 10px; }
#blog .left_column a.footer_link { display: block; float: right; background: url(../_images/bullet-blue_arrow.png) 0 4px no-repeat; padding-left: 13px; margin-top: 27px; }
table { width: 100%; margin-top: 5px; margin-bottom: 5px; }
table td,
table th { border-bottom: 1px solid #ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 10px; }
table thead th { text-align: center; color: #666666; }
table thead th,
table tbody th { background-color: #b4e6c8; border-right: 1px solid #ffffff; vertical-align: middle; color: #008D60; }
table tbody td { background-color: #f2f2f2; border-right: 1px solid #ffffff; }
table tbody tr.white td { background-color: #ffffff; }
/* --- Right Column --- */
#blog .right_column img.content_heading { padding: 17px 0px 0px 7px; }
#blog .right_column .content_body { width: 100%; padding: 45px 0px 15px 0px; margin-bottom: 27px; border-bottom: 1px solid #B3B3B3; }
#blog .right_column .content_block { padding: 0px 0px 16px 5px; }
#blog .right_column h2 { margin: 0px 0px 15px 0px; }
#blog .right_column ol.green { padding-left: 25px; }
#blog .right_column .side_nav { background: url(../_images/side_nav-bg.png) repeat #e8f7ee; padding: 13px 13px 12px 13px; }
#blog .right_column .side_nav a { display: block; background: url(../_images/bullet-side_nav.png) no-repeat; width: 254px; height: 44px; line-height: 44px; padding-left: 50px; margin: 0px auto 1px auto; font-size: 1.45em; }
/* --- Mail Magazine --- */
#blog #mail_magazine_box { background: url(../_images/home-mail_magazine.png) no-repeat; width: 347px; height: 104px; padding: 57px 0px 0px 20px; }
#blog #mail_magazine_box ol { padding-bottom:12px; }
#blog #mail_magazine_box ol li { padding-bottom:6px; }
#blog #mail_magazine_box input[type="text"] { height: 15px; }
/* --- News --- */
#blog #news { width: 351px; margin: 41px 0px 0px 6px; }
#blog #news .heading { padding-left: 7px; }
#blog #news #news_buttons { padding-top:19px; }
#blog #news #news_content { width: 351px; margin: 20px 0px 0px 1px; }
/* --- WordPress Blog Posts --- */
#blog .post { width: 100%; }
#blog .post h2 { padding-bottom: 0px; margin-bottom: 7px; }
#blog .post h2 a { font-size: 1.0em; font-weight: bold; line-height: 1.4em; color: #333333; text-decoration: none; }
#blog .post h2 a:hover { text-decoration: underline; }
#blog .post .post_info { padding-left: 15px; padding-bottom: 8px; }
#blog .post .post_info .post_date { float: left; color: #009245; margin-right: 12px; }
#blog .post .post_info .post_category { float: left; }
#blog .post .post_info .post_category a { padding-left: 4px; }
#blog .post .entry { padding: 0px 10px 35px 15px; }
#blog .post .entry img { display: inline; }
#blog .left_column .navigation a { display: block; padding-bottom: 30px; }
/* --- WordPress Sidebar --- */
#blog #sidebar { margin-left: 11px; margin-top: 29px; width: 100%; padding-right: 0px; margin-right: 0px; width: 341px; }
#blog #sidebar ul.container_list { border-bottom: none; width: 100%; }
#blog #sidebar ul.container_list li { padding-bottom: 0px; background: none; }
#blog #sidebar ul.container_list li h2 { margin-left: 5px; padding-bottom: 0px; margin-bottom: 11px; }
#blog #sidebar ul.container_list ul { padding-bottom: 3px; margin-bottom: 25px; border-bottom: 1px solid #c6c6c6; line-height: 1.4em; width: 100%; }
#blog #sidebar ul.container_list ul li { padding-bottom: 10px; color: #008D60; background: url(../_images/bullet-green_dot.png) 0px 3px no-repeat; padding-left: 13px; margin-left: 20px; }
/* --- WordPress Misc --- */
.post hr {
    display: block;
    }
/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */