@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.2.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 443 $ $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 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 #topnav {position: absolute;top: 10px;right: 10px}
#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}
}
/* YAML BASEMOD - PAGE AND GRAPHIC DESIGN STYLES */
@media screen, projection {
body {overflow-y: scroll;}
body {background: #200a00 url("http://reachcdc.org/main/images/site/tile_bg.gif") repeat top left;padding: 0;}
#top_glow {background: #200a00 url("http://reachcdc.org/main/images/site/glow_bg.gif") no-repeat top left;height: 40px;width: 1100px;margin: 0 auto;}
.page_margins {margin: 0 auto;}
.page_margins {width: auto;min-width: 860px;max-width: 860px;}
.page {padding: 0px;background: transparent;}
#header {position: relative;padding: 15px;color: #000;background: #5f88a6;border: #d7d7d7 6px solid;}
#logo {width: 471px;height: 79px;}
#topnav {position: absolute;top: 10px;right: 10px;color: #252525;text-align: right;background: transparent;}
#topnav p {padding: 0 15px 5px 0;font-size: 12px;margin-bottom: 0px;}
#topnav span.top_pipe {color: #ff841a;padding: 0 3px 0 6px;}
#topnav a,
#topnav a:visited,
#topnav a:active {color: #252525;text-transform: uppercase;font-weight: normal;}
#topnav a:hover,
#topnav a:visited:hover {color: #fff;text-decoration: none;}
#topnav img {margin-right: -2px;}
#topnav span.social_icons a {padding: 2px;}
#main {margin: 10px 0 0 0;background: #b6aea7;border: #d7d7d7 6px solid;}
#footer {padding: 6px 20px 5px 20px;color: #331d0c;background: #c8c2bd;border: #d7d7d7 6px solid;margin: 10px 0;height: 60px;}
div#google_translate_element {padding: 6px 0 6px 0;width: 220px;background: #c8c2bd;}
#footer p {padding: 21px 20px 5px 0;}
#footer span.footer_pipe {color: #ff841a;padding: 0 6px;}
#credits {color: #fff;margin: 0 auto;width: 860px;padding-bottom: 25px;}
#credits p {padding: 0 25px 0 25px;text-align: center;}
#credits a,
#credits a:visited,
#credits a:active {color: #fff;font-weight: normal;}
#credits a:hover,
#credits a:visited:hover {color: #c8c2bd;text-decoration: none;}
#credits span.credits_pipe {color: #7e99c4;padding: 0 6px;}
#col1 {float: right;width: 71%;}
#col2 {display: none}
#col3 {width: auto;margin: 0 71% 0 0;}
#home_banner {background: #b6aea7;width: 847px;margin: 0;}
#home_frames {background: #b6aea7;width: 100%;margin: 0;}
#home_bottom {background: #b6aea7;width: 100%;margin: 0;}
#col1_content {background: #c8c2bd;padding: 15px 15px 0 15px;min-height: 800px;}
#col1_content h1 {padding-top: 10px;}
#col1_content p {padding: 0 5px 0 0;}
#col1_lower_content {background: #87a0b6;margin: 0 -15px 0 -15px;padding: 15px 20px 0 15px;border-top: #a79e97 15px solid;border-bottom: #a79e97 15px solid;}
#col3_content {padding: 0;}
#home_banner_content {background: #a79e97 url(http://reachcdc.org/main/images/site/banner_bg.gif) no-repeat top left;height: 222px;width: 847px;margin-top: 15px;padding-top: 2px;}
#homePageSlideShow {}
div.slide {display: none;width: 847px;}
div.slide h1 {color: #fff;font-weight: bold;font-size: 32px;text-transform: uppercase;padding: 12px 0 0 20px;margin: 0;}
div.slide h2 {color: #fff;font-weight: bold;font-size: 20px;text-transform: uppercase;padding: 2px 0 0 20px;margin: 0;}
div.slide p {color: #271100;padding: 8px 0 0 20px;}
div.slide a,
div.slide a:visited,
div.slide a:active {background: transparent url(http://reachcdc.org/main/images/site/orange_triangle.gif) no-repeat;background-position: 0px 4px;color: #271100;padding-left: 15px;text-decoration: none;font-weight: normal;}
div.slide a:hover,
div.slide a:visited:hover {background: transparent url(http://reachcdc.org/main/images/site/orange_triangle_o.gif) no-repeat;background-position: 0px 4px;color: #fff;padding-left: 15px;}
#home_frames_content {padding: 10px 8px 10px 12px;}
.frame_bg {background: #b6aea7 url(http://reachcdc.org/main/images/site/frame.gif) no-repeat top left;height: 213px;width: 203px;padding: 0 10px;}
.framed_image {padding: 10px 0 0 1px;width: 181px;height: 133px;}
.frame_heading {color: #fff;text-transform: uppercase;font-size: 17px;padding: 5px 0;text-align: center;width: 182px;}
.inside_page_frame_bg {background: #b6aea7 url(http://reachcdc.org/main/images/site/frame_inside.gif) no-repeat top left;height: 242px;width: 237px;margin: 0 0 0 4px;position: absolute;bottom: 3px;}
.inside_page_framed_image {padding: 12px 0 0 12px;width: 212px;height: 153px;}
.inside_page_frame_heading {color: #fff;text-transform: uppercase;font-size: 18px;padding: 10px;text-align: center;width: 212px;}
.inside_page_frame_link {width: 242px;text-align: center;padding: 1px 0;}
.frame_link {width: 182px;text-align: center;padding: 5px 0;}
div.frame_link a,
div.frame_link a:visited,
div.frame_link a:active,
div.inside_page_frame_link a,
div.inside_page_frame_link a:visited,
div.inside_page_frame_link a:active {background: transparent url(http://reachcdc.org/main/images/site/orange_triangle.gif) no-repeat;background-position: 100% 4px;color: #fff;text-decoration: none;padding-right: 12px;font-weight: normal;}
div.frame_link a:hover,
div.frame_link a:visited:hover,
div.inside_page_frame_link a:hover,
div.inside_page_frame_link a:visited:hover {background: transparent url(http://reachcdc.org/main/images/site/orange_triangle_o.gif) no-repeat;background-position: 100% 4px;color: #402d21;padding-right: 10px;}
#home_bottom_content {padding: 20px;}
#home_bottom_content h3 {color: #10426d;font-size: 16px;font-weight: normal;margin: 20% 0;}
.home_left_border {border-left: 1px solid #ff841a;margin-left: -6px;}
}
/* YAML CONTENT AND TEXT STYLES */
@media all {
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: "Century Gothic", "Muli", Arial, Helvetica, sans-serif;font-size: 13px;color: #271100;}
.hr_border {border-top: 1px solid #dfdfdf !important;padding-top: 15px;}
.no_mingle {clear: both;}
h1,h2,h3,h4,h5,h6 {font-family: "Century Gothic", "Muli", Arial, Helvetica, sans-serif;color: #271100;margin: 0 0 10px 0;}
h1 {font-size: 18px;}
#col1_content h1 {color: #10426d;}
h2 {font-size: 15px;}
h3 {font-size: 150%;}
h4 {font-size: 18px;color: #331d0c;}
h5 {font-size: 116.67%;}
h6 {font-size: 116.67%;}
ul, ol, dl {line-height: 1.5em;margin: 0 0 1em 1em;}
ul {list-style-type: disc;}
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;}
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%;}
.small_txt {font-size: 10px;}
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: #4D87C7;background: transparent;text-decoration: none;font-weight: bold;}
a:visited {color: #036;}
a:hover,
  a:active {color: #182E7A;text-decoration: underline;outline: 0 none;}
/*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: 10px;margin-bottom: 15px;}
.float_right {float: right;display: inline;margin-left: 10px;margin-bottom: 15px;}
.center {display: block;text-align: center;margin: 0.5em auto;}
}
/* YAML FORMS */
@media screen, projection {
.yform {background: transparent;margin: 0 0 1em 0;padding: 10px;}
.yform h4 {padding-left: 10px;}
.yform legend {font-size: 125%;font-weight: normal;color: #271100;margin-left: 16px;}
.yform label {color: #271100;font-size: 11px;}
.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 #507595;}
.yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {border: 1px #ff841a solid;background: #fff;}
.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: 8px 1em;margin: 0 0 0 6px;}
.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: #fff;background: #507595;}
.yform .type-button input.reset {color: #300;background: #661717 url(images/button_red.png) top left repeat-x;}
.yform .type-button input.submit {color: #330;background: #5e5607 url(images/button_yellow.png) top left repeat-x;}
.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: #ddd;background: #555;}
.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: #800;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: 5px;width: 80%;}
.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 {cursor: pointer;overflow: visible;width: auto;}
.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: #800;}
.yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active {border: 0 none;}
.full div.type-text input,
  .full div.type-text textarea {width: 95.5%;margin-right: -3px;}
.full div.type-select select {width: 97.0%;margin-right: -3px;}
.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 fieldset div.type-button,
  fieldset.columnar div.type-button {padding-left: 30%;}
.columnar div.type-text input,
  .columnar div.type-text textarea {float: left;width: 67.8%;margin-right: -3px;}
.columnar div.type-select select {float: left;width: 69.4%;margin-right: -3px;}
}
/* eeSitKit 2.1 Main Naivgation CSS October 2010 - REACH CDC */
div#nav_main {font-family: "Century Gothic", "Muli", Arial, Helvetica, sans-serif;font-size: 11px;color: #333;height: 32px;background: #402d21;width: 848px;}
div#nav_main span.nav_pipe {padding-right: 11px;margin-left: -11px;color: #ff841a;}
div#nav_main ul {padding: 0;margin: 0;list-style: none;text-transform: uppercase;}
div#nav_main a {display: block;text-decoration: none;color: #fff;font-weight: bold;padding: 8px 14px 8px 8px;}
div#nav_main a:hover {background: #507595;color: #fff;}
div#nav_main li {float: left;list-style: none;margin-left: 0px;margin-bottom: 0;}
div#nav_main li ul {position: absolute;width: 150px;left: -999em;background: #402d21;font-size: 11px;z-index: 10;text-transform: none;}
div#nav_main li ul li {border-top: #a79e97 1px solid;width: 150px;}
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 {}
/* NAV SUB */
div#col3_content {color: #331d0c;font-size: 13px;}
div#col3_content a,
div#col3_content a:active,
div#col3_content a:visited {font-size: 13px;color: #10426d;font-weight: normal;}
div#col3_content a:hover,
div#col3_content a:visited:hover {color: #ff841a;}
div#nav_sub ul {margin: 0;}
div#nav_sub li {list-style-type: none;margin-left: 0;display: block;}
div#nav_sub li ul li {list-style-type: none;margin-left: 0;display: block;}
div#nav_sub a,
div#nav_sub a:active,
div#nav_sub a:visited {font-size: 13px;color: #331d0c;display: block;padding: 4px 20px;}
div#nav_sub a:hover,
div#nav_sub a:visited:hover {color: #fff;background: #ff963b;text-decoration: none;}
div#nav_sub li ul li a,
div#nav_sub li ul li a:hover,
div#nav_sub li ul li a:visited,
div#nav_sub li ul li a:active {padding-left: 30px;font-weight: normal;}
div#nav_sub a.selected {font-weight: normal;background: #ff841a;color: #fff;}
div#col3_content h3 {color: #9bb0d1;font-size: 18px;font-weight: bold;text-transform: uppercase;padding: 25px 15px 0 20px;}
div#col3_content h3 a,
div#col3_content h3 a:active,
div#col3_content h3 a:visited {font-size: 18px;color: #10426d;text-decoration: none;}
div#col3_content h3 a:hover,
div#col3_content h3 a:visited:hover {color: #ff841a;}
/* DONATE PAGE BUTTON FRAME */
div#donate_grid {width: 570px;height: 200px;margin-bottom: 15px;margin-left: -5px;}
div.donate_row {padding: 0;margin: 0;width: 570px;}
div.donate_cell_wide {float: left;padding: 0px 10px 0 4px;width: 550px;text-align: center;}
div.donate_cell {float: left;padding: 0px 10px 0 10px;width: 170px;text-align: center;}
div.donate_cell a,
div.donate_cell_wide a,
div.donate_cell a:visited,
div.donate_cell_wide a:visited,
div.donate_cell a:active,
div.donate_cell_wide a:active {color: #fff;text-decoration: none;font-weight: bold;}
div.donate_cell a:hover,
div.donate_cell_wide a:hover,
div.donate_cell a:visited:hover,
div.donate_cell_wide a:visited:hover {color: #331d0c;}