/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:0px;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}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.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 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}
@media screen, projection {
body {background:#679147;text-align:center;}
.page_margins {text-align:left;margin:0 auto;max-width:80em;}
#header, #nav, #main, #footer {overflow:hidden;min-width:900px;}
#header {background:#fffbe2 url("http://ouvcommunityoutreach.org/images/site/wave_slice.gif") repeat-x bottom left;height:137px;}
.banner {background:#fffbe2 url("http://ouvcommunityoutreach.org/images/site/wave_banner.gif") no-repeat bottom left;height:115px;width:944px;}
#header .page {padding:10px 2em 1em 20px;height:0px;height: 115px;}
#topnav {color:#88a;background:transparent;}
div#ouv_logo {width: 438px; padding: 10px 0 0 20px;}
div#header_address {margin: 8px 0 0 44px;color:#333;}
div#header_address p {font-size:11px;}
div#header_address a,
div#header_address a:visited {font-size:11px;color:#689248;}
div#header_address a:hover,
div#header_address a:visited:hover,
div#header_address a:active {color:#333;}
#nav {background:#679147;}
#main {background:#679147;padding:10px 0;}
#footer {color:#fffbe2;background:#679147;}
#footer .page {padding:20px 20px;border-top:#fffbe2 solid 1px;margin:0 20px;}
div#footer p {font-size:11px;text-align:right;}
div#footer a,
div#footer a:visited {font-size:11px;color:#fffbe2;font-weight:normal;}
div#footer a:hover,
div#footer a:visited:hover
div#footer a:active {font-size:11px;color:#d0e5bd;text-decoration:underline;}
div#footer span.footer_pipe {color:#fffbe2;padding:0 8px;}
#col1 {width:25%;}
#col1_content {padding:10px 10px 10px 20px;}
#col2 {width:25%;}
#col2_content {padding:10px 20px 10px 10px;}
#col3 {margin:0 25%;}
#col3_content {padding:0 20px;border-left:#fffbe2 solid 1px;}
div.home_mini_pics {display:block;padding:5px 0;margin:8px 0;height:100px;}
#nav * {border:0px none !important;}
#header h1 {font-weight:bold;font-size:2.5em;letter-spacing:-2px;line-height:65%;color:#333;}
#header span {color:#88c;}
#topnav a {color:#ccc;font-weight:normal;background:transparent;text-decoration:none;}
#topnav a:focus,
  #topnav a:hover,
  #topnav a:active {text-decoration:underline;background-color:transparent;}
#footer a {color:#999;background:transparent;font-weight:bold;}
#footer a:focus,
  #footer a:hover,
  #footer a:active {color:#4D87C7;background-color:transparent;text-decoration:underline;}
.skip, .hideme, .print {position:absolute;top:-32768px;left:-32768px;/* LTR */}
.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%;}
}
/* YAML CONTENT - OUR UNITED VILLAGES */
@media all {html * {font-size:13px;}
textarea, pre, code, kbd, samp, var, tt {font-family:'Trebuchet MS', 'Arial', sans-serif;}
body {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:75.00%;color:#000;}
h1,h2,h3,h4,h5,h6 {font-family:'Trebuchet MS', Arial, sans-serif;font-weight:normal;color:#222;margin:0 0 0.25em 0;}
h1 {font-size:210%;}
div#fadeshow2 {margin-bottom:15px;}
h2 {font-size:180%;}
h3 {font-size:150%;}
h4 {font-size:133.33%;}
h5 {font-size:116.67%;}
h6 {font-size:116.67%;}
ul, ol, dl {line-height:1.5em;margin:0 0 1em 1em;}
ul li {list-style-type:disc;}
ul ul li {list-style-type:circle;}
ol li {list-style-type:decimal;}
ol ol li {list-style-type:lower-latin;}
li {margin-left:.8em;margin-bottom:.8em;line-height:1.0em}
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:'Trebuchet MS', 'Arial', sans-serif;font-style:italic;}
blockquote {margin:0 0 1em 1.6em;color:#333;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
pre, code, kbd, tt, samp, var {font-size:100%;}
pre, code {color:#800;}
pre {line-height:1.5em;margin:0 0 1em 0;}
kbd, samp, var {color:#666;}
var {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%;}
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:#fffbe2;background:transparent;text-decoration:none;}
a:visited {color:#fefced;}
a:focus,
  a:hover,
  a:active {color:#d0e5bd;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:#f60;}
.dimmed {color:#888;}
.info {background:#f8f8f8;color:#666;padding:10px;margin-bottom:0.5em;font-size:91.7%;}
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock {float:left;background:#f8f8f8;color:#666;padding:10px 0 30px 10px;margin-bottom:1em;font-size:91.7%;width:430px;overflow:auto;}
code {white-space:nowrap;}
.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;}
}
@media all {div.yform {background:transparent;}
div.yform fieldset {background:transparent;margin:10px 0;padding:3px 0;}
div.yform legend {font-size:135%;font-weight:normal;color:#000;}
div.yform label {color:#000;}
div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select {font-family:Arial, Helvetica, sans-serif;border:1px solid #ddd;}
div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active {border:1px #a66 solid;background:#fff;}
div.yform .type-button input {border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #888 solid;border-bottom:1px #888 solid;color:#000;background:#ccc;padding:.4em 1.1em;}
div.yform .type-button input#reset {color:#300;background:#661717;}
div.yform .type-button input#submit {color:#000;background:#fffbe2;}
div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active {border-top:1px #888 solid;border-left:1px #888 solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:#fff;background:#666;}
div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active {background:#800;color:#fff;}
div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active {background:#b8cba7;color:#fff;}
div.yform {overflow:hidden;}
div.yform fieldset {overflow:hidden;}
div.yform legend {background:transparent;border:0;}
div.yform label {display:block;cursor:pointer;}
div.yform .message {display:block;margin-bottom:0.5em;color:#666;}
div.yform input[type=hidden] {display:none !important;}
div.yform sup {color:#800;font-weight:bold;}
div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button {margin:1em 0;position:relative;overflow:hidden;}
div.yform .type-text input,
  div.yform .type-text textarea {display:block;position:relative;padding:0.3em 0.3em;width:90%;}
div.yform .type-select select {display:block;position:relative;padding:0.3em 2px 0.3em 1px;width:60%;cursor:pointer;}
div.yform .type-select select optgroup {font-style:normal;font-weight:bold;}
div.yform .type-check input {cursor:pointer;}
div.yform .type-check label {display:inline;}
div.yform .type-button input {width:auto;cursor:pointer;}
div.yform div.error {border:1px #a00 dashed;background:#faf4f4;padding:0.5em;}
div.yform div.error label {color:#000;font-weight:bold;}
div.yform div.error .message {color:#800;}
}
/* NAVIGATION MAIN ROW */
div#nav_main {font-size:12px;color:#333;height:25px;margin-left:260px;margin-bottom:20px;}
div#nav_main span.nav_pipe {padding-right: 22px;margin-left: -22px;}
div#nav_main ul {padding:0;margin:0;list-style:none;}
div#nav_main a {display:block;text-decoration:none;color:#fffbe2;padding: 5px 16px 5px 14px;text-transform:uppercase;}
div#nav_main a:hover {background:#486532;color:#ebeee8;}
div#nav_main li {float:left;list-style:none;margin-left:0;margin-bottom:0;color:#000;}
div#nav_main li ul {position:absolute;width:150px;left:-999em;background:#b8cba7;font-size:10px;z-index:10;}
div#nav_main li ul a {color:#000;text-transform:none;}
div#nav_main li ul li {width:150px;border-top:#b8cba7 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;}
/* FORCE SLIDE SHOW BELOW NAV MENUS */
div#fadeshow2 {z-index:1;}
/* NAV SUB */
div#col1_content li a.selected,
div#col1_content h3 a.selected {font-weight:bold;color:#fefced;}
div#col1_content h3 a {font-size:120%;text-transform:uppercase;}
div#col1_content a,
div#col1_content a:visited {font-size:95%;color:#fffbe2;text-decoration:none;}
div#col1_content a:hover,
div#col1_content a:visited:hover,
div#col1_content a:active {text-decoration:none;color:#b8cba7;}
div#col1_content ul {margin:4px 0 15px 0;}
div#col1_content li {list-style-type:none;margin-left:0;margin-bottom:.3em;font-size:120%;text-decoration:none;}
div#col1_content li ul li {list-style-type:none;margin-left:.8em;margin-bottom:.3em;}
div#col1_content div#quick_links {font-size:140%;}
div#google_translate_element {background: transparent;}