@charset "utf-8";


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, label, legend, caption, tbody, tfoot, thead, th,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { 
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #65a1d7 url(background-vertical-stripes.png) repeat 0 0; 
text-align: center;
}
.bgstripes { 
background: #65a1d7 url(background-vertical-stripes.png) repeat 0 0;
}
.wrapper { 
width: 960px; 
display: block; 
overflow: auto; 
margin: 0 auto;
text-align:left;
}
#main { background: #fff; }

a {color: #236aff; }
a:hover { color: #213d7a; }


#utility-links .hidden  { display: none; } 
#utility-links {
width: auto;
float: right;
overflow:auto;
margin: 0;
padding: 0;
list-style-type:none;
}
#utility-links li {
width: auto;
float: left;
display: inline;
margin: 5px 0 0 4px;
}
#utility-links a, #utility-links a:visited {
display: block;
padding: 5px 8px 6px;
background: #65a1d7;
color: #fff;
font: bold .80em Arial, Helvetica, sans-serif;
text-decoration:none;
}
#utility-links a:hover  { background: #f7f7f7; color: #002883; }


#inner-header { background:#213d7a; }
#logo {
width: 140px;
position: absolute;
display: block;
top: 5px;
z-index: 50;
text-align: center;
}
#logo img {
background: none;
border: 0;
}
.background-wrapper#header { 
height: 80px;
background: #213d7a; 
border-top: 4px solid #3b6ca8; 
border-bottom: 4px solid #3b6ca8;
}
#header a img, #header img {
width: auto;
float: left;
margin-left: 155px;
border: 0;
background:none;
}

#logo a, #header a { color: #FFF; }
#header a { font-size: 1.45em; font-weight: bold; }


#header form {
width: auto;
float: right;
margin-top: 23px;
margin-right: 5px;
}
#header form p {
margin: 5px 0;
padding:0;
}
#header input {
padding-bottom: 1px;
border: 2px solid #CCC;
background: #fff;
color:#333;
font: bold .8em Arial, Helvetica, sans-serif;
}

#header input.text {
width: 177px;
padding: 2px 2px 4px 20px;
background: #FFF url(search-normal.gif) no-repeat 3px 52%;
color: #999;
border: 1px solid #9c9c9c;
text-align: left;
}
#header input.text.active {
background: #FFF url(search-active.gif) no-repeat 3px 52%;
color: #5f95ef;
border: 1px solid #0099d4;
font-weight: 700;
}

#navigation {
width: 960px;
height: 1.55em;
position: relative;
z-index: 30;
overflow: visible;
margin-right: auto;
margin-left: auto;
padding-bottom: 1px;
background: #f7f7f7 url(navigation-background.gif) repeat-x 50% 50%;
}
#navigation ul.menu {
margin:0 0 0 140px;
padding: 0;
list-style-type:none;
}
#navigation ul.menu#rightgroup {
width:auto;
float: right;
margin: 0;
}
#navigation ul.menu li {
width: auto;
float: left;
position: relative;
display: inline;
margin: 0;
padding: 0;
}
#navigation h2, #navigation h3 {
display: inline;
margin: 0;
padding: 0;
font-size: 1.0em;
font-weight: normal;
}
#navigation h2 a, #navigation h3 a {
width: auto;
float: left;
display: block;
z-index: 20;
padding: .35em .75em;
background: #f6f6f6;
color: #454545;
border-right: 2px solid #DADADA;
font:bold .80em Arial, Helvetica, sans-serif;
text-decoration:none;
}
#navigation h2 a:hover, #navigation h3 a:hover { background: #3b6ca8; color: #FFF; }

#navigation li.hovering h2 a, #navigation li.hovering h3 a { background: #3b6ca8; color: #FFF; }
#navigation ul.menu div {
display: none;
}
#navigation h3 a#donate {
background: #74b304;;
color: #FFF;
border-right:0;
}
#navigation h3 a#donate:hover {
background: #87c911;
}


#navigation ul.menu li.mega div {
width: 270px;
position: absolute;
top: 1.55em;
right: -110px;
z-index: 10;
background: #f6f6f6;
border: 1px solid #3b6ca8;
border-top: 5px solid #3b6ca8;
}

#navigation ul.menu li.mega div span.background {
position: absolute;
top: -4px;
right:-5px;
bottom: -5px;
left: -5px;
z-index: -1;
background: #3b6ca8;
opacity: 0.35;
filter: alpha(opacity=35);
-mos-opacity: 0.35;
-khtml-opacity: .35;
-ms-filter:"alpha(opacity=35)";
}
#navigation ul.menu li.mega div span.background span {
position:absolute;
top:4px;
right:5px;
bottom:5px;
left:5px;
z-index:1;
background:#fff;
opacity:1;
filter: alpha(opacity=100);
-mos-opacity: 1.00;
-khtml-opacity: 1.0;
-ms-filter:"alpha(opacity=100)";
}

#navigation ul.menu li.mega div p.menu-info {
clear: none;
margin: 9px 5px;
padding: 0 2px;
color: #999;
font: italic .70em Verdana, Arial, Helvetica, sans-serif;
line-height:1.15em;
text-align: left;
}

#navigation hr.clear {
height: 1px;
clear: both;
margin: 0;
padding: 0;
color: #F6F6F6;
border: 0;
}
#navigation ul.menu li.mega div p.menu-note {
margin: 0;
padding: 2px 5px;
color: #999;
font: normal .65em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
#navigation ul.menu li.mega div p.menu-note a img {
border: 1px solid #236aff;
}
#navigation ul.menu li.mega div p.menu-other {
clear: both;
margin: 0;
padding: 0;
background: #3b6ca8;
text-align: right;
}
#navigation ul.menu li.mega div p.menu-other a {
width: 230px;
float: left;
display: block;
padding: 5px 30px 5px 10px;
background: #3b6ca8 ;
color: #FFF;
font: .70em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.30em;
text-decoration:none;
}
#navigation ul.menu li.mega div p.menu-other a:hover {
background: #3b6ca8 url(dropdown-arrow.gif) no-repeat 245px -43px;
text-decoration:underline;
}
#navigation ul.menu li.mega div ul {
width: 155px;
float: left;
margin: 5px;
padding: 0px;
list-style-type:none;
}
#navigation ul.menu li.mega div ul li {
display: block;
margin: 1px;
padding: 0px;
font: .80em Arial, Helvetica, sans-serif;
}
#navigation ul.menu li.mega div ul li.menu-small {
font: .75em Arial, Helvetica, sans-serif;
}
#navigation ul.menu li.mega div ul li.list-spacer {
padding-bottom: 5px;
border-bottom: 1px solid #DADADA;
}
#navigation ul.menu li.mega div ul li a {
width: 145px;
float: right;
display: block;
clear: right;
padding: 2px 0;
text-align: right;
}

#navigation ul.menu li.hovering div {
display: block;
}

#navigation ul.menu li.mega div a:hover {
color: #000;
text-decoration:none;
font-weight: bold;
}


.banner-dropshadow {
padding-bottom: 15px;
background: transparent url(background-banner-dropshadow.png) no-repeat 0 100%;
overflow:auto;
}
.banner-dropshadow img {
float:left;
color:#FFF;
}
#banner-cta {
width:100%;
clear:both;
border: 0;
border-collapse:collapse;
}
#banner-cta td { padding: 0; }
#cta-msg, #cta-btn, #cta-btn-direct, #info-content { vertical-align: middle; overflow: auto; background: #f7f7f7; }
#cta-msg {
width: 235px;
background: #213d7a url(cta-banner-arrow.png) no-repeat 100% 50%;
}
#cta-msg p {
margin: 8px 20px;
padding: 0;
color: #65a1d7;
font: italic .80em Arial, Helvetica, sans-serif;
line-height:normal;
text-align: left;
text-indent: 0;
}
#cta-msg p strong {
color: #FFF;
font-style: normal;
font-weight: bold;
}

#cta-btn, #cta-btn-direct { width: 250px; }
a.cta-button {
width: auto;
float: left;
margin: 0 0 0 10px;
padding:  5px 10px;
background: #f4f4f4 url(button-background.png) repeat-x 0 100%;
color: #000;
border: 1px solid #999999;
font: bold .90em Arial, Helvetica, sans-serif;
text-decoration:none;
white-space: nowrap;
}
a.cta-button:hover { background: #f4f4f4; }
a.cta-button.orange {
background: #ffa342 url(button-orange-background.png) repeat-x 0 0;
color: #FFF;
border: 1px solid #a92f08;
}
a.cta-button.orange:hover { background: #ff6600; }

#info-content { width: 475px; text-align: right;}
#info-content p {
width:auto;
float:right;
margin: 7px;
padding: 1px 5px 1px 8px;
color: #999;
border-left:1px solid #e4e4e4;
font: normal .80em Arial, Helvetica, sans-serif;
}


a.button, a.button:visited { 
width: auto;
float: left;
display: block;
margin: 0;
padding: 3px 9px;
background: #f4f4f4 url(button-background.png) repeat-x 0 100%;
color: #333;
border: 1px solid #999999;
font: bold .75em "Trebuchet MS", "Times New Roman", Arial;
text-decoration:none;
white-space: nowrap;
}
a.button:hover { background: #f4f4f4; }
a.button.orange, a.button.orange:visited {
background: #ffa342 url(button-orange-background.png) repeat-x 0 0;
color: #FFF;
border: 1px solid #a92f08;
}
a.button.orange:hover { background: #ff6600; }


#cta-widget {
overflow:auto;
padding:3px;
background:#f3f3f3;
border-top:1px dotted #CCC;
}
.cta-option {
width:309px;
float: left;
margin:5px 0 5px 5px;
padding:0 0 10px;
background:#fff;
border: 1px dotted #CCC;
}
.cta-option p {
margin: 0;
padding: 10px 10px 5px;
color: #666;
font: normal .75em Arial, Helvetica, sans-serif;
}
.cta-option p a.button { font-size: 1em; }
.cta-option p strong {
color: #333;
font-size: 1.15em;
}

ul#breadcrumb {
width:660px;
position:absolute;
top:5px;
left:15px;
overflow:auto;
margin:0;
padding:0;
list-style-type:none;
}
#breadcrumb li {
width: auto;
float: left;
margin:0;
padding:5px;
color:#AAA;
font:normal .65em Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumb a {
width: auto;
float: left;
display:block;
color:#CCC;
}
#breadcrumb a:hover {
color:#999;
}


#content {
width: 660px;
float: left;
position:relative;
margin:0;
padding: 30px 20px 15px;
background:#fff;
border:0px solid #e4e4e4;
}
.download {
font: .7em Verdana, Arial, Helvetica, sans-serif;
color: #777;
}

.ob {
margin: 10px;
padding: 5px 0 0;
background: #f7f7f7;
border: 2px solid #CCC;
clear: left;
font-size: .9em;
}
.ob p {
margin: 10px 10px 15px;
padding: 0;
}

#socialbar {
width:960px;

overflow: visible;
position:relative;
margin:0 auto;
padding:0;
background:#213d7a;
}
#socialbar p#oneseventy {
width: auto;
float: left;
margin: 20px 20px;
padding: 0;
color: #FFF;
font-weight: bold;
font-style: italic;
font-size: 1.15em;
}
#socialbar p#oneseventy a {
text-decoration: none;
color: #FFF;
}

.woodslink-link {
float: right;
width: 240px;
margin-right: 20px;
}

#socialbar p#oneseventy em, #socialbar p#oneseventy a em {
color: #6486d1;
}

#socialbar ul {
width:330px;
float: right;
overflow:visible;
margin:0 20px 0 0;
padding:0;
list-style-type:none;
}
#socialbar li {
width: auto;
position: relative;
float:left;
margin: 0 5px;
padding: 0;
}
#socialbar li h4 {
margin:0;
padding:0;
}
#socialbar li h4 a {
background: #FFF;
padding: 5px;
display: block;
}
#socialbar li img { border: 0; }
#socialbar li div { 
width: 250px;
position: absolute;
bottom: 50px;
left: -75px;
z-index: 30;
display:none;
background:#fff;
text-align:left;
}
#socialbar li div img {
position:absolute;
top:-16px;
}
#socialbar li div ul {
width:100%;
float:none;
overflow:auto;
display:block;
margin:8px 0 0 0;
padding:0;
list-style-type:none;
}
#socialbar li div li {
display:block;
margin:0 8px 8px;
border-bottom:1px dashed #e4e4e4;
}
#socialbar li div li.last {
border-bottom: 0;
}
#socialbar li div li a {
width:222px;
float:left;
display:block;
padding:5px;
background:#fff;
color:#666;
font:italic .70em Arial, Helvetica, sans-serif;
text-decoration:none;
}
#socialbar li div li a strong {
color: #236aff;
font:bold 1.20em Arial, Helvetica, sans-serif;
text-decoration:underline;
}
#socialbar li div li a:hover strong { color: #213d7a; }

#socialbar li div span.background {
position:absolute;
top:-5px;
right:-5px;
bottom:-5px;
left:-5px;
z-index: -1;
background: #3b6ca8;
opacity: 0.35;
filter: alpha(opacity=35);
-mos-opacity: 0.35;
-khtml-opacity: .35;
-ms-filter:"alpha(opacity=35)";
}
#socialbar li div span.background span {
position:absolute;
top:5px;
right:5px;
bottom:5px;
left:5px;
z-index:1;
background:#fff;
opacity:1;
filter: alpha(opacity=100);
-mos-opacity: 1.00;
-khtml-opacity: 1.0;
-ms-filter:"alpha(opacity=100)";
}


#socialbar li.hovering h4 a {
background:#3b6ca8;
}

#socialbar li.hovering div {
display: block;
}
#footer {
background:#f7f7f7;
margin-bottom:10px;
padding-top: 5px;
}
#footer img {
float: none;
}


#mapblock {
width: 60px;
float:left;
margin:15px 10px 10px 20px;
text-align: left;
}
#mapblock p {
margin: 0;
padding: 0;
font: normal .65em Arial, Helvetica, sans-serif;
}
#mapblock a, #mapblock a:visited {
text-decoration:none;
color: 236aff;
}
#mapblock a img {
text-decoration:none;
border:2px solid #236aff;
margin:0 auto 3px;
}
#footer p#address {
width:230px;
float: left;
margin:13px 10px 10px 0;
padding:0;
color:#777;
font:normal .75em Arial, Helvetica, sans-serif;
}
#footer p.commonlinks {
width:293px;
float:right;
margin:10px 20px 10px 0;
padding:0;
color:#999;
font:normal .80em Arial, Helvetica, sans-serif;
line-height:1.8em;
text-align:left;
}
#footer p.commonlinks span {
width:100%;
display:block;
margin-top: 5px;
color:#999;
border-bottom:1px dotted #999;
font:normal .75em Verdana, Arial, Helvetica, sans-serif;
}
#footer p#copyright {
width:530px;
float:right;
margin:5px 20px 5px;
padding:0;
color:#999;
font:normal .70em Arial, Helvetica, sans-serif;
text-align:right;
clear:right;
}
#footer p#footerlinks {
width:300px;
float:left;
clear:both;
margin:5px 20px 5px;
padding:0;
color:#999;
font:normal .75em Arial, Helvetica, sans-serif;
}
#footer p#footerlinks a { white-space: nowrap; }
#footer p#signin {
width: 300px;
float:right;
clear:none;
text-align:right;
}
#footer p#signin a { color: #333; }


span.area-width-notice {
display:block;
background:#FFF;
color:#F00;
font:bold .60em Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}
span.editing-notice {
display:block;
margin:0;
padding:15px 20px;
background:#FFFFCC;
color:#333;
border:4px solid #FFCC66;
font:normal .70em Verdana, Arial, Helvetica, sans-serif;
}