@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v 3.2 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 430 $ $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $ */
@media all {
* { margin: 0; padding: 0}
option { padding-left: 0.4em}
select { padding: 1px}
* html body * { overflow: visible}
* html iframe,* html frame { overflow: auto}
* html frameset { overflow: hidden}
body { font-size: 100.01%; background: #fff; color: #000; text-align: left}
div { outline: 0 none}
fieldset,img { border: 0 solid}
ul,ol,dl { margin: 0 0 1em 1em}
li { line-height: 1.5em; margin-left: 0.8em}
dt { font-weight: bold}
dd { margin: 0 0 1em 0.8em}
blockquote { margin: 0 0 1em 0.8em}
blockquote:before,blockquote:after,q:before,q:after { content: ""}
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden}
.clearfix { display: block}
.floatbox { overflow: hidden}
#ie_clearing { display: none}
.skip,.hideme,.print { position: absolute; top: -32768px; left: -32768px}
.skip:focus,.skip:active { position: static; top: 0; left: 0}
#skiplinks { position: absolute; top: 0px; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none}
#skiplinks a.skip:focus,#skiplinks a.skip:active { left: 32768px; outline: 0 none; position: absolute; width: 100%}
}
@media screen,projection {
#header { position: relative;}
#topnav { text-align: right;}
#header,#nav,#main,#footer { clear: both}
#col1 { float: left; width: 200px}
#col2 { float: right; width: 200px}
#col3 { width: auto; margin: 0 200px}
#col1_content,#col2_content,#col3_content { position: relative}
.subcolumns { width: 100%; overflow: hidden}
.subcolumns_oldgecko { width: 100%; float: left;}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left;}
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float: right; margin-left: -5px;}
.c20l, .c20r { width: 20%;}
.c40l, .c40r { width: 40%;}
.c60l, .c60r { width: 60%;}
.c80l, .c80r { width: 80%;}
.c25l, .c25r { width: 25%;}
.c33l, .c33r { width: 33.333%;}
.c50l, .c50r { width: 50%;}
.c66l, .c66r { width: 66.666%;}
.c75l, .c75r { width: 75%;}
.c38l, .c38r { width: 38.2%;}
.c62l, .c62r { width: 61.8%;}
.subc { padding: 0 0.5em;}
.subcl { padding: 0 1em 0 0;}
.subcr { padding: 0 0 0 1em;}
.equalize, .equalize .subcolumns { overflow: visible; display: table; table-layout: fixed;}
.equalize > div { display: table-cell; float: none; margin: 0; overflow: hidden; vertical-align: top;}
}
@media print {
.subcolumns >div,
.floatbox { display: table; overflow: visible}
.print { position: static; left: 0}
.noprint { display: none !important}
}
/* YAML BASEMOD */
@media screen, projection {
body { background: #a39f98 url("http://www.mercycorpsnw.org/images/site/bg.jpg") repeat-x top left fixed;}
.page_margins { margin: 0 auto;}
.page_margins { width: auto; min-width: 900px; max-width: 900px;}
.page { padding: 0;}
#header { background: transparent url("http://www.mercycorpsnw.org/images/site/banner_bg.png") no-repeat; width: 900px; height: 103px;}
#nav { background: transparent url("http://www.mercycorpsnw.org/images/site/slice_bg.png") repeat-y top; width: 900px; overflow: hidden; height: 35px;}
#main { background: transparent url("http://www.mercycorpsnw.org/images/site/slice_bg.png") repeat-y top; width: 900px; margin: 0;}
#footer { background: transparent url("http://www.mercycorpsnw.org/images/site/footer_bg.png") no-repeat top; width: 900px; height: 100px; margin: 0;}
#footer p { color: #594f3c; padding: 20px 25px;}
#footer a, #footer a:visited { color: #594f3c; text-decoration: none;}
#footer a:hover, #footer a:visited:hover { color: #9e1b32;}
#footer span.footer_pipe { color: #594f3c; padding: 0 8px;}
#nav ul { margin-left: 20px;}
/* HOME PAGE */
#row_top { margin-top: 0px; }
#row_top_content { background: #fff url("http://www.mercycorpsnw.org/images/site/home_col_bg.gif") repeat-x top left; margin: 0 15px 0 15px;}
div#fadeshow1 { margin-left: 10px;}
.c705l { float: left;}
.c265r { float: right; margin-left: -5px; width: 265px;}
div#row_mid { width: 900px;}
div#row_mid_content { margin: 4px 24px 0px 24px;}
div#row_mid_content .box-top h6 { display: block; margin: 10px 11px 5px 11px;}
div#row_mid_content .box-top p { padding: 5px 11px; margin-bottom: 0; color: #1c1c1c; font-size: 11px;}
div#row_mid a,
div#row_mid a:visited { color: #9e1b32; text-decoration: none;}
div#row_mid a:hover,
div#row_mid a:visited:hover { color: #1c1c1c; text-decoration: none;}
div#row_mid_content img { padding: 0 10px;}
div#row_bottom { width: 900px;}
div#row_bottom img.social_logo { padding: 8px 5px 0 0;}
div#row_bottom_content { margin: 0 26px; border-top: 1px solid #d3d1cc; padding: 5px;}
.bottom_pad { padding: 0 18px; margin-top: 5px;}
div.bottom_borders { border-left: 1px solid #d3d1cc; height: 85px;}
div#row_bottom h6 a,
div#row_bottom h6 a:visited { text-decoration: none;}
div#row_bottom h6 a:hover,
div#row_bottom h6 a:visited:hover { text-decoration: none; color: #666;}
div#row_bottom p { font-size: 12px; color: #1c1c1c; float: left;}
div#row_bottom p.social_links { font-size: 12px; color: #1c1c1c; clear: both; width: 220px;}
div#row_bottom a.gray,
div#row_bottom a.gray:visited { color: #1c1c1c; float: left; text-decoration: none;}
div#row_bottom a.gray:hover,
div#row_bottom a.gray:visited:hover { color: #9e1b32; text-decoration: none;}
div#row_bottom span.green_element { color: #a2ad00; padding: 0 4px;}
/* INSIDE PAGES */
#col1 { float: right; width: 78%}
#col2 { display: none;}
#col3 { background: #e2ded6 url("http://www.mercycorpsnw.org/images/site/side_col_bg.gif") repeat-x top left; width: 169px; margin: 0 78% 0 26px;}
#col1_content { padding: 0 40px 0 15px;}
#col3_content { padding: 0;}
}
/* YAML CONTENT */
@media all {
html * { font-size: 12px;}
textarea, pre, code, kbd, samp, var, tt { font-family: Arial, Helvetica, Geneva, sans-serif;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 75.00%; color: #444;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #222; margin: 0 0 0.25em 0;}
h1 { font-size: 150%; color: #9e1b32; font-weight: bold; padding-top: 10px;}
h2 { font-size: 100%; color: #a2ad00; font-weight: bold;}
h3 { font-size: 110%; color: #a2ad00; font-weight: bold;}
h4 { font-size: 110%; color: #a2ad00; font-weight: bold;}
h5 { font-size: 116.67%;}
h6 { font-size: 12px; color: #9e1b32;}
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em;}
ul { list-style-image: url("http://www.mercycorpsnw.org/images/site/point.gif");}
ul ul { list-style-type: circle; margin-bottom: 0;}
ol { list-style-type: decimal;}
ol ol { list-style-type: lower-latin; margin-bottom: 0;}
li { margin-left: 0.8em; line-height: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 0 1em 0.8em;}
p { line-height: 1.5em; margin: 0 0 1em 0; color: #1c1c1c;}
blockquote, cite, q { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
blockquote { margin: 0 0 1em 1.6em; color: #666;}
strong,b { font-weight: bold;}
em,i { font-style: italic;}
big { font-size: 116.667%;}
small { font-size: 91.667%;}
pre { line-height: 1.5em; margin: 0 0 1em 0;}
pre, code, kbd, tt, samp, var { font-size: 100%;}
pre, code { color: #800;}
kbd, samp, var, tt { color: #666; font-weight: bold;}
var, dfn { font-style: italic;}
acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help;}
sub, sup { font-size: 91.6667%; line-height: 0;}
hr { color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid;}
a { color: #9e1b32; background: transparent; text-decoration: none;}
a:visited { color: #a2ad00;}
a:focus,
  a:hover,
  a:active { color: #474747; text-decoration: underline;}
p.icaption_left { float: left; display: inline; margin: 0 1em 0.15em 0;}
p.icaption_right { float: right; display: inline; margin: 0 0 0.15em 1em;}
p.icaption_left img,
  p.icaption_right img { padding: 0; border: 1px #888 solid;}
p.icaption_left strong,
  p.icaption_right strong { display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%;}
.highlight { color: #c30;}
.dimmed { color: #888;}
.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%;}
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em;}
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em;}
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em;}
.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;}
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;}
.center { display: block; text-align: center; margin: 0.5em auto;}
}
/* YAML FORMS */

@media screen, projection
{
.yform fieldset { border: 1px #ddd solid; background: #f7f6f4; margin: 0 0 1em 0; padding: 0.5em;}
.yform legend { font-size: 125%; font-weight: normal; color: #9e1b32;}
.yform label { color: #666;}
.yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup { font-family: Arial, Helvetica, sans-serif;}
.yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select { border: 1px solid #ddd;}
.yform div input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div input:active,
  .yform div select:active,
  .yform div textarea:active { border: 1px #a66 solid; background: #fff;}
.yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border: 0 none;}
.yform .type-button input { border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #444 solid; border-bottom: 1px #444 solid; color: #000; background: #454545 url(images/button_gray.png) top left repeat-x; padding: .5em 1.2em; margin-left: .5em;}
.yform .type-button input[type=reset] { color: #300; background: #661717 url(images/button_red.png) top left repeat-x;}
.yform .type-button input[type=submit] { color: #333; background: #a2ad00}
.yform .type-button input.reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x;}
.yform .type-button input.submit { color: #333; background: #a2ad00}
.yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active { border-top: 1px #444 solid; border-left: 1px #444 solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #fff; background: #8a9212;}
.yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active { background: #800; color: #fff;}
.yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active { background: #880; color: #fff;}
.yform { overflow: hidden;}
.yform fieldset { overflow: hidden;}
.yform label { display: block; cursor: pointer;}
.yform legend { background: transparent; border: 0; padding: 0 0.5em;}
.yform .message { display: block; margin-bottom: 0.5em; color: #666;}
.yform input[type=hidden] { display: none !important;}
.yform sup { color: #9e1b32; font-weight: bold;}
.yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button { margin: 0.5em 0; padding: 3px 0.5em; position: relative; overflow: hidden;}
.yform div.type-button { padding: 3px 0em;}
.yform .type-text input,
  .yform .type-text textarea { display: block; position: relative; padding: 0.3em 0.3em; width: 58.5%;}
.yform .type-select select { display: block; position: relative; padding: 0.3em 2px 0.3em 1px; width: 60%; cursor: pointer;}
.yform .type-select select optgroup { font-style: normal; font-weight: bold;}
.yform .type-check input { cursor: pointer;}
.yform .type-check label { display: inline;}
.yform .type-button input { width: auto; cursor: pointer;}
.yform div.error { border: 1px #a00 dashed; background: #faf4f4; padding: 0.5em;}
.yform div.error label { color: #000; font-weight: bold;}
.yform div.error .message { color: #9e1b32;}
.full div.type-text input,
  .full div.type-text textarea { width: 95.5%;}
.full div.type-select select { width: 97.0%;}
* html .full div.type-text input,
  * html .full div.type-text textarea { width: 95.5%;}
* html .full div.type-select select { width: 97.0%;}
.columnar .type-text label,
  .columnar .type-select label { float: left; width: 30%;}
.columnar div.type-check input { margin-left: 30%;}
.columnar div.error .message { margin-left: 30%;}
.columnar div.type-text input,
  .columnar div.type-text textarea { float: left; width: 67.8%;}
.columnar div.type-select select { float: left; width: 69.4%;}
/* EQUAL HEIGHT BOXES - HOME PAGE */
.box-top .c33l,
  .box-top .c33r { background: url("http://www.mercycorpsnw.org/images/site/lframe2.png") top left no-repeat;}
.box-top .subcl,
  .box-top .subcr,
  .box-top .subc { padding: 15px; background: url("http://www.mercycorpsnw.org/images/site/rframe2.png") top right no-repeat; padding-bottom: 100em; margin-bottom: -100em;}
.box-bottom { margin-bottom: 1em; text-align: right;}
.box-bottom .c33l,
  .box-bottom .c33r { background: url("http://www.mercycorpsnw.org/images/site/lframe2.png") bottom left no-repeat;}
.box-bottom .subcl,
  .box-bottom .subcr,
  .box-bottom .subc { padding: 0 20px 15px 20px; background: url("http://www.mercycorpsnw.org/images/site/rframe2.png") bottom right no-repeat;}
/* eeSitKit 2.0 Main Naivgation CSS Dec 30 2009 - MercyCorps Northwest */
/* TOP LINKS AND SEARCH FORM */
div#topnav { position: absolute; top: 0; right: 0; background: transparent; width: 900px;}
div#home_link img { float: left; height: 74px; width: 215px; margin: 15px 0 0 15px;}
div#top_links { font-size: 12px; padding-top: 18px;}
span.top_links { padding-right: 36px;}
div#top_links span.top_links_pipe { color: #dad6cb; padding: 0 6px 0 8px;}
div#top_links a, div#top_links a:visited, div#top_links a:focus { text-decoration: none; color: #474747; padding-bottom: 12px; outline: none;}
div#top_links a:hover, div#top_links a:visited:hover { color: #fff;}
div#top_links span#search_bg { background: transparent; height: 27px; border: 1px hidden;}
div#top_links input#google_search { color: #fff; text-align: left; outline: none; width: 120px;}
div#top_links label { padding-right: 10px;}
span#donate_button { float: right; padding: 6px 36px 0 0;}
/* MAIN NAVIGATION ROW BUTTONS */
div#nav_main { font-size: 12px; color: #333; height: 25px;}
div#nav_main ul { padding: 0 0 0 24px; margin: 0; list-style: none;}
div#nav_main a { display: block; text-decoration: none; color: #333; padding: 1px 0;}
div#nav_main a:hover { background: #ddd; color: #333;}
div#nav_main li { float: left; list-style: none; margin-left: 1px; margin-bottom: 0;}
div#nav_main li ul { position: absolute; width: 150px; left: -999em; background: #eee; font-size: 10px; z-index: 10;}
div#nav_main li ul li { width: 149px; border-top: #fff 1px solid;}
div#nav_main li:hover ul { left: auto; width: 150px;}
div#nav_main li:hover ul, div#nav_main li.sfhover ul { left: auto;}
div#nav_main li:hover, div#nav_main li.hover { position: static;}
div#nav_main a:focus { outline: none}
div#nav_main .selected { font-weight: bold;}
/* WIDE JUMP BUTTONS - HOME PAGE */
div#wide_jump_buttons span.wide_jump a { margin: 0; padding: 0;}
/* CHANNEL HEADING */
div#col3_content h3 { font-weight: bold; color: #a2ad00; font-size: 116.67%; padding: 10px 0 0 15px;}
div#col3_content h3 a, div#col3_content h3 a:visited { text-decoration: none; color: #a2ad00; font-size: 116.67%;}
div#col3_content h3 a:hover, div#col3_content h3 a:visited:hover { text-decoration: none; color: #9e1b32;}
/* NAV SUB */
div#col3_content ul#nav_categories { margin: 4px 0 0 0; padding: 10px 6px 0 15px;}
div#col3_content li { list-style-image: none; list-style-type: none; margin-left: 0; margin-bottom: .6em;}
div#col3_content li ul li { list-style-type: none; margin-left: .2em; margin-bottom: .3em}
div#col3_content a, div#col3_content a:visited { color: #474747; background: transparent; text-decoration: none;}
div#col3_content a:focus,
  div#col3_content a:hover,
  div#col3_content a:active { color: #878787; text-decoration: none;}
div#col3_content a.selected { font-weight: bold; color: #9e1b32;}
/* QUICK LINKS */
div#quick_links { padding: 15px 5px 0 15px; border-top: 1px solid #babab3;}
div#quick_links a { padding-bottom: 5px; display: block;}
span.quick_link_red { font-weight: bold; color: #9e1b32; text-decoration: none;}
span.quick_link_red:hover { font-weight: bold; color: #666; text-decoration: none;}
span.green_element { padding: 0 8px; color: #a2ad00;}
/* QUICK BUTTONS HOME */
ul#quick_buttons_home { list-style-image: none; list-style-type: none; margin: 0; padding: 0; height: 334px;}
ul#quick_buttons_home li { margin: 0; padding: 0;}
ul#quick_buttons_home li.ida_program { height: 66px;}
ul#quick_buttons_home li.loan_program { height: 67px;}
ul#quick_buttons_home li.orientations { height: 66px;}
ul#quick_buttons_home li.classes_events { height: 65px;}
ul#quick_buttons_home li.community { height: 68px;}
/* SIDE COLUMN3 - QUICK BUTTONS */
ul#quick_buttons { list-style-image: none; list-style-type: none; margin: 0; padding: 0;}
ul#quick_buttons li { margin: 0; padding: 0;}
ul#quick_buttons li.ida_program { height: 58px;}
ul#quick_buttons li.loan_program { height: 57px;}
ul#quick_buttons li.orientations { height: 56px;}
ul#quick_buttons li.classes_events { height: 55px;}
ul#quick_buttons li.community { height: 58px;}
}