/* CSS Reset by Eric Meyer */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
body{background:#FFF;color:#000;line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:400;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}

/* Structure */
html{overflow-y:scroll;}
html,body{height:100%;width:100%;background-image:url(../gfx/page-bg-tile.jpg);}
#site{width:962px;margin:0 auto;z-index:2;position:relative;border-width:0 1px;background:#FFF;}
#content{margin:0 10px;}

/* Layout Grid */
div#grid{ display:none;height:100%;margin:0 10px;position:fixed;width:962px;z-index:300;}
div#grid div{ background:#e00;height:100%;margin-bottom:5px;opacity:.3 }
.grid-1{ float:left;margin-right:10px;width:109px }
.grid-1-end{ float:left;width:109px; margin-right: 0; }
.grid-1b{ float:left;margin-right:10px;width:150px; margin-bottom:10px; }
.grid-1b-end{ float:left;width:150px; margin-right: 0; margin-bottom:10px; }
.grid-2{ float:left;margin-right:10px;width:228px; }
.grid-2-end{ float:left;width:228px; margin-right:0!important; }
.grid-3{ float:left;margin-right:10px;width:343px }
.grid-3-end{ float:left;width:343px; margin-right:0; }
.grid-4{ float:left;margin-right:10px;width:466px }
.grid-4-end{ float:left;width:464px; margin-right:0; }
.grid-5{ float:left;margin-right:10px;width:585px }
.grid-5-end{ float:left;width:585px; margin-right:0; }
.grid-6{ float:left;margin-right:10px;width:706px }
.grid-6-end{ float:left;width:706px; margin-right: 0; }
.grid-7{ float:left;margin-right:10px;width:827px }
.grid-7-end{ float:left;width:827px; margin-right: 0; }
.grid-8{ float:left;width:948px }

/* Typography */
body{color:#828282;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12.5px;line-height:19px;}
a,a:active,a:visited{color:#759eaf;text-decoration:none;-webkit-transition:color .25s linear;}
a:hover{border-bottom:dotted 1px #759eaf;}
a:hover img{border:none;}
strong { font-weight: bold;}

/* Headings */
h1{color:#545454;display:block;font-family:Georgia, Times, serif;font-size:2.35em;font-weight:400;line-height:38px;padding-bottom:25px;}
h2{font-family:Georgia, Times, serif;font-size:21px;font-weight:400;line-height:21px}
h2 a:hover{border-bottom:solid 1px;}
/*h3{color:#545454;font-family:Georgia, Times, serif;font-size:1.2em;font-style:italic;font-weight:400;line-height:24px;padding-bottom:20px;}*/
h3 {
	font-weight: bold;
	font-size:30px;
	font-color:#000;
	margin-top:5px;
}
h4{background-color:#FFF;color:#545454;font-family:Georgia, Times, serif;font-size:.875em;font-weight:400;letter-spacing:.03em;margin:0 auto;padding:0 8px;text-transform:uppercase;}
h5{background-color:#FFF;color:#3a3a3a;font-family:Georgia, Times, serif;font-size:11px;font-style:italic;font-weight:400;letter-spacing:1px;margin:0 auto;padding:0 8px;}

/* Dividers */
h4.divider {background-image:url(../gfx/dividerTile.png);background-position:center;background-repeat:repeat-x;height:20px;margin:15px 0;text-align:center;}
h4.divider span { display:inline-block; margin:0 auto; background: #FFF; position:relative; top:2px; padding:0 10px; }
h4.subdivider{margin:10px 0;text-align:center;height:20px;background-image:url(../gfx/subdividerTile.png);background-repeat:repeat-x;background-position:center;}
h4.subdivider span { display:inline-block; margin:0 auto; background: #FFF; padding:0 10px; }

/* Navigation */
#navigation{background:#FFF;overflow-x:hidden;padding:10px 0 7px 20px;position:absolute;top:0;width:942px;z-index:20;}
#navigation li{border-bottom:1px solid #ccc;float:left;position:relative;}
#navigation li:hover div.subnav{display:block;}
#navigation li a{border-bottom:4px solid #FFF;display:block;margin:0 9px;padding:10px 0;}
#navigation li a:hover{border-bottom-color:#EEE;}
#navigation #logo a {
  display: block;
  background:#FFF url(../gfx/logo.png) 0 14px no-repeat;
  border-color:#FFF;
  width:200px;
  height: 0; padding-top: 43px;
  overflow: hidden;
  border: none;
  padding-bottom: 0!important;
}
#navigation #logo a:hover{border-color:#FFF;}

#nbw-logo { position:absolute; z-index: 100; left:10px; }

/* Subnavigation */
#subnavigation{height:150px;position:relative;top:70px;width:100%;z-index:3;}
#subnavigation li{background:transparent url(../gfx/arrow.png) no-repeat top center;display:none;padding-top:5px;position:absolute;}
#subnavigation li {border-radius:5px;box-shadow:1px 1px 4px #888;background:#FFF;border:5px solid #CCC;padding:5px 10px;width:225px;}
#subnavigation #who-we-are-subnav{left:178px;top:5px;}
#subnavigation #youth-programs-subnav{left:283px;top:5px;}
#subnavigation #adult-programs-subnav{left:436px;top:5px;}
#subnavigation #locations-subnav{left:684px;top:5px;}
#subnavigation #events-subnav{left:625px;top 5px}
#subnavigation #news-subnav{display:none;}
#subnavigation #get-involved-subnav{display:none;}
#subnavigation #dontate-subnav{display:none;}
#subnavigation a{border-bottom:1px dotted #FFF;clear:both;color:#888;display:block;float:left;margin-bottom:2px;}
#subnavigation a:hover{border-bottom-color:#CCC;}

/* Footer */
#footer{border-top:1px solid #888;clear:both;font-size:11px;padding:15px 10px 10px 10px;}
#footer ul li{float:left;}
#footer ul li li{float:none;width:101px;}
#footer a{border-bottom:1px dotted #FFF;}
#footer a:hover{border-color:#CCC;}
#footer li a{color:#444;}
#footer ul li li a{color:#b3b3b3;}
#footer ul li li a:hover{border-color:#b3b3b3;color:#b3b3b3;}

/* Form */
input[type='text'], input[type='email'], textarea {
	width:100%;
}



/* Donors */
#supporters {
	clear:both;
	margin: 10px;
	padding:5px 0 15px 0;
	border:1px solid #E2E2E2;
	border-width:1px 0 1px 0;
}
#supporters img {
	height:50px;
	margin-right:19px;
}
#supporters a {
	border:none;
}
#supporters em {
	display: block;
	margin-bottom:-5px;
}

/* Credits */
#credits{background:#FFF;clear:both;padding:10px;}
#credits p span {color: #666;}
#credits p {clear:both;color:#aaa;display:block;font-size:12px; line-height: 1.3em;}

/* Fixes */
.clear{clear:both;}
.first{margin-left:0!important;}
.last{margin-right:0!important;}
.filler{font-size:1px;margin:0px 6px!important;}
.nomargin {margin:0!important;}
.bumper { margin-left:20px; }
.dim { color:#AAA; }