@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.3 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 480 $ $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $ */
@media all {
* {margin: 0;padding: 0}
option {padding-left: 0.4em}
select {padding: 1px}
* html body * {overflow: visible}
body {font-size: 100.01%;background: #fff;color: #000;text-align: left}
div {outline: 0 none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block}
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 {display: table;width: 100%}
#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 {
#col1 {float: left;width: 20%}
#col2 {float: right;width: 20%}
#col3 {width: auto;margin: 0 20%}
#col1_content,#col2_content,#col3_content {position: relative}
.subcolumns {display: table;width: 100%;table-layout: fixed}
.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 {table-layout: fixed}
.equalize > div {display: table-cell;float: none;margin: 0;overflow: hidden;vertical-align: top}
}
/* YAML BASEMODE SITE FRAME */
@media screen, projection {
body {overflow-y: scroll;}
body {background: #394357 url("http://www.newavenues.org/images/site/bg_slice.png") repeat-x top left fixed;}
.page_margins {margin: 0 auto;}
.page_margins {width: auto;min-width: 829px;max-width: 829px;background: #394968;margin-top: 10px;}
.page {padding: 23px;border: 1px solid #e19a1c;}
#header {padding: 14px 0 3px 14px;color: #000;background: #fff;border-left: 1px solid #e19a1c;border-top: 1px solid #e19a1c;border-right: 1px solid #e19a1c;}
#topnav p {text-align: center;color: #e19a1c;font-weight: bold;background: transparent;margin: 10px 0 0 0;font-size: 13px;}
#banner_logo {float: left;width: 156px;height: 88px;}
#banner_mission {float: right;width: 302px;height: 43px;padding-right: 14px;}
#main {margin: 0;background: #fff;border-left: 1px solid #e19a1c;border-right: 1px solid #e19a1c;}
#home_left {background: url(http://www.newavenues.org/images/site/home_engage.jpg) no-repeat top left;border-left: 1px solid #e19a1c;height: 371px;width: 192px;}
#home_center {background: url(http://www.newavenues.org/images/site/home_educate.jpg) no-repeat top left;border-left: 1px solid #e19a1c;height: 371px;width: 192px;}
#home_right {background: url(http://www.newavenues.org/images/site/home_empower.jpg) no-repeat top left;border-left: 1px solid #e19a1c;border-right: 1px solid #e19a1c;height: 371px;width: 192px;}
.home_image_content p {font-size: 14px;color: #fff;margin-top: 304px;}
.subcl p {padding-left: 15px;}
.subc p {padding-left: 8px;}
.subcr p {padding-left: 2px;}
.home_image_content a,
.home_image_content a:active,
.home_image_content a:visited {color: #e19a1c;}
.home_image_content a:hover,
.home_image_content a:visited:hover {color: #eee;}
#footer {padding: 0 0 14px 14px;color: #fff;background: #f9f9f9;border-left: 1px solid #e19a1c;border-bottom: 1px solid #e19a1c;border-right: 1px solid #e19a1c;}
span.credits_pipe {padding: 0 8px;}
.left_footer {float: left;}
.right_footer {float: right;}
.left_footer_content {background: #66738a;border: 1px solid #e19a1c;width: 537px;padding: 20px;color: #fac341;}
.footer_quote {font-family: Georgia, serif;font-size: 15.5px;font-weight: bold;font-style: italic;color: #fff;}
.right_footer_content {background: #e19a1c;border: 1px solid #e19a1c;margin-right: 14px;width: 130px;padding: 20px;font-size: 14px;color: #fff;}
.right_footer_content a,
.right_footer_content a:visited,
.right_footer_content a:active {color: #fff;font-size: 14px;}
.right_footer_content a:hover,
.right_footer_content a:visited:hover {color: #202b42;}
#credits {width: 821px;margin: 10px auto;color: #fff;font-size: 11px;}
#credits p {padding: 0 22px 25px 22px;}
#credits a,
#credits a:active,
#credits a:visited {color: #fff;font-size: 11px;}
#credits a:hover,
#credits a:visited:hover {color: #9bb0d1;}
.credits_pipe {color: #e19a1c;}
#col1 {float: left;width: 76%}
#col2 {display: none}
#col3 {width: auto;margin: 0 14px 0 76%;background: #202b42;border-left: 1px solid #e19a1c;border-right: 1px solid #e19a1c;}
#col1_content {margin-left: 14px;padding: 20px 10px 0 20px;border-top: 1px solid #e19a1c;}
#col1_content_home {width: 579px;margin-left: 14px;padding: 0;border-top: 1px solid #e19a1c;}
#col3_content {padding: 20px 0 0 0;border-top: 1px solid #e19a1c;}
}
/* YAML CONTENT STYLES */
@media all {
html * {font-size: 12px;}
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 75.00%;color: #000;}
.hr_border {border-top: 1px solid #dfdfdf !important;padding-top: 15px;}
.hr_dotted {border-bottom: 2px dotted #9bb0d1 !important;margin-bottom: 20px;}
.hr_gold {
	border-top: 1px solid #e19a1c !important;margin: 15px 0 15px 0;width: 96%;
	}
h1,h2,h3,h4,h5,h6 {font-family: "Times New Roman", Times, serif;font-weight: normal;color: #222;margin: 0 0 0.25em 0;}
h1 {font-size: 24px;color: #394968;}
h2 {font-family: Arial, Helvetica, Geneva, sans-serif;font-weight: bold;color: #e19a1c;text-transform: uppercase;}
#quick_links {margin: 10px 20px; 20px; 20px;}
#quick_links h2 {font-family: Arial, Helvetica, Geneva, sans-serif;font-weight: bold;font-size: 13px;color: #9bb0d1;text-transform: uppercase;padding-bottom: 10px;}
h3 {font-family: Arial, Helvetica, Geneva, sans-serif;font-weight: bold;font-size: 14px;}
h4 {font-size: 133.33%;}
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%;}
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;}
a:visited {color: #036;}
a:focus {text-decoration: underline;color: #000;background: #fff;}
a:hover,
  a:active {color: #182E7A;text-decoration: none;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: 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;}
}
/* 	MAIN NAVIGATION MENUS - New Avenues for Youth November 2010 */
#nav {margin-top: 70px;}
#nav ul {background: #ccc;}
div#nav_main {font-size: 12px;color: #333;height: 25px;}
div#nav_main span.nav_pipe {padding-right: 22px;margin-left: -22px;color: #e19a1c;}
div#nav_main ul {padding: 0;margin: 0;list-style: none;}
div#nav_main a {display: block;text-decoration: none;color: #000;padding: 5px 22px 5px 20px;}
div#nav_main a:hover {background: #485d85;color: #fff;}
div#nav_main li {float: left;list-style: none;margin-left: 0;margin-bottom: 0;}
div#nav_main li ul {position: absolute;width: 143px;left: -999em;background: #394968;font-size: 10px;z-index: 10;}
div#nav_main li ul li {width: 143px;border-top: #e19a1c 1px solid;color: #fff;}
div#nav_main li ul li a {color: #fff;}
div#nav_main li:hover ul {left: auto;width: 143px;}
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;color: #e19a1c;}
/* SUB NAVIGATION SIDE BAR */
div#col3_content {color: #fff;font-size: 13px;}
div#col3_content a,
div#col3_content a:active,
div#col3_content a:visited {font-size: 13px;color: #fff;}
div#col3_content a:hover,
div#col3_content a:visited:hover {color: #9bb0d1;}
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: #fff;display: block;padding: 4px 20px;}
div#nav_sub a:hover,
div#nav_sub a:visited:hover {color: #fff;background: #394968;}
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;}
div#nav_sub .selected {font-weight: bold;background: #394968;}
div#col3_content h3 {color: #9bb0d1;font-size: 14px;font-weight: bold;text-transform: uppercase;padding: 0 20px;}
div#col3_content h3 a,
div#col3_content h3 a:active,
div#col3_content h3 a:visited {color: #e19a1c;text-decoration: none;}
div#col3_content h3 a:hover,
div#col3_content h3 a:visited:hover {color: #fff;}
div#col3_content .selected {font-weight: bold;}