/* HTML5 ✰ Boilerplate */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body { margin: 0; font-size: 13px; line-height: 1.231; background: url(../img/bg_grad2.jpg) repeat;}

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

body, p { font-family: georgia, serif; color: #444; margin: 15px 0; line-height: 1.5em; padding: 0; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

html, body { margin:0; padding:0; height:100%; }

#page-container { margin:0; padding:0; min-height:100%; position:relative; background: url(../img/bg_tile.png) repeat 0 0; }
#page-body      { margin:0; padding:0; padding-bottom:120px;   /* Height of the footer */ }
#page-footer    { position:absolute; bottom:0; width:100%; background:#fff; border-top: 1px solid #CAAAA7; height:120px;   /* Height of the footer */ }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #603813; }
a:visited { color: #603813; }
a:hover { color: #603813; text-decoration: underline; }
a:focus { outline: thin dotted; }

.link_download { background: url(../img/icons/download.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_excel { background: url(../img/icons/excel.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_pdf { background: url(../img/icons/pdf.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_photo { background: url(../img/icons/photo.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_powerpoint { background: url(../img/icons/powerpoint.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_report { background: url(../img/icons/report.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_word { background: url(../img/icons/word.png) no-repeat 0 0px; padding: 0 0 0 25px;}
.link_zip { background: url(../img/icons/zip.png) no-repeat 0 0px; padding: 0 0 0 25px;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { font-size: 100%; padding: 5px; color: #222;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

/* -- Typekit fonts styles ---
font-family: "facitweb",sans-serif; font-style: normal; font-weight: 300;
LIGHT: 300  REGULAR: 400  SEMI-BOLD: 600 */

/* -- Round the corners, add shadows, space bottom and bg white */
.boxit { margin-bottom: 20px; background-color: white; -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.roundit { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.roundshadow { -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* -- Header */

#header { margin-bottom: 20px; background-color: white; margin-top: 0; -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }

#logo { float: left; margin: 15px 0 25px 25px;}

.header-shift { float: right; text-align: right;}

#search-bar           { margin: 15px 23px 0 0; padding-bottom: 35px;}
#search-bar a         { color: #603813; text-decoration: none; font-family: arial; font-size: 93%; }
#search-bar a:hover   { text-decoration: none; }
#search-bar a.home    { margin: 0 15px 0 0; background: url(../img/icon_home.png) no-repeat 0 0px; padding-left: 20px;}
#search-bar a.contact { margin: 0 15px 0 0; background: url(../img/icon_contact.png) no-repeat 0 0px; padding-left: 20px;}
#search-bar a.login   { margin: 0 15px 0 0; background: url(../img/icon_login.png) no-repeat 0 0px; padding-left: 20px;}

#social-bar { margin: 0 23px 0 0; padding-bottom: 36px; width:270px; float: right;}
.fb-like { top: 0; width: 150px; margin-left: 1px;}

.twitter-holder {
 width: 110px;
 float: left;
}
.facebook-holder {
 width: 155px;
 float: left;
}

.donate_button {display:block; top:150px; right:0px; width:46px; height: 158px; position:fixed;}
* html .donate_button {position:absolute;}

#main-nav { margin: 0;}

ul#nav { margin: 0; padding: 0; display: inline-block; border: none; }
ul#nav li { float:left; margin: 0 25px 0 0; padding: 0; list-style: none; border: none; display: inline-block;}
ul#nav li a         { color: #603813; text-decoration: none; font-size: 108%; letter-spacing: 0.1em; *letter-spacing: 0.05em; text-transform: uppercase; font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600;}
ul#nav a:hover      { text-decoration: none; }

ul#nav li a.about:hover {color: #F68B1F;}
ul#nav li a.approach:hover { color: #D80010;}
ul#nav li a.work:hover { color: #92278F;}
ul#nav li a.getinvolved:hover { color: #D30074;}
ul#nav li a.community:hover { color: #72BF44;}
ul#nav li a.news:hover { color: #D5622A;}

ul#nav li.current a.about {color: #F68B1F;}
ul#nav li.current a.approach { color: #D80010;}
ul#nav li.current a.work { color: #92278F;}
ul#nav li.current a.getinvolved { color: #D30074;}
ul#nav li.current a.community { color: #72BF44;}
ul#nav li.current a.news { color: #D5622A;}

/* -- Homepage */

ul#slider1 { width: 940px; margin: 0px; padding: 0; }
ul#slider1 li { float:left; width: 940px; margin: 0; padding: 0; list-style: none; text-align: center;}

ul#slider1 h2.small { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 200%; color: #F68B1F; margin: 25px auto; padding: 0; width: 840px; line-height: 1.3em;}
ul#slider1 h2.big { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 300%; color: #F68B1F; margin: 25px auto; padding: 0; width: 840px; line-height: 1.3em;}

ul#slider1 li p  { font-family: georgia, serif; font-style: italic; font-size: 153.9%; color: #7B716A; font-weight: normal; margin: 25px auto; width: 840px; background: url(../img/ribbon.png) no-repeat 50% 0; padding-top: 30px;}
.sliderbutton {margin: 0 auto 25px auto; width:110px;}
a.button  { display: block; width: 98px; font-family: georgia, serif; font-style: italic; font-size: 100%; color: #fff; font-weight: normal; padding: 5px 5px; background-color:#F68B1F; text-decoration:none;}
a.button:hover  { background-color: #7B716A;}

#control {margin-bottom: 25px; text-align: center;}
#control a  { font-family: georgia, serif; font-style: italic; font-size: 116%; color: #F68B1F; font-weight: normal; padding: 3px; text-decoration:none; margin: 0 5px;}
#control a:hover  { color: #7B716A;}
#control a.control-active  { font-weight: bold; color: #7B716A;}

ul#slider1 li.ftfw { text-align: left; background-color: #fff; color: #F18A23;}
.ftfw-slide-left  { float: left; width:580px; padding-left: 20px;}
.ftfw-slide-right { float: right; width:300px; margin-left: 40px;}

.ftfw-logo { margin: 30px auto; text-align:center; }
.ftfw-ctalogo { margin: 20px 0; text-align:center; }
.pledge-cta-box { width: 120px; height: 60px; -webkit-border-radius: 60px / 30px; -moz-border-radius: 60px / 30px; border-radius: 60px / 30px; background-color: #92278F; margin: 0 auto; -webkit-box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30);}
.pledge-box { width: 120px; height: 60px; margin: 0 auto; -webkit-border-radius: 60px / 30px; -moz-border-radius: 60px / 30px; border-radius: 60px / 30px; background-color: #92278F; -webkit-box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 4px 4px rgba(50, 50, 50, 0.30);}
.pledge-no { font-family: "facitweb",sans-serif; text-align: center; line-height: 1.3em; font-style: normal; font-weight: 600;  color: #fff; font-size: 200%; padding-top: 15px;}
.pledge-cta-no { font-family: "facitweb",sans-serif; text-align: center; line-height: 1.3em; font-style: normal; font-weight: 600;  color: #fff; font-size: 200%; padding-top: 15px;}
.pledge-text { font-family: "facitweb",sans-serif; text-align: center; line-height: 1.3em; font-style: normal; font-weight: 600;  color: #92278F; font-size: 108%; margin: 10px 10px 0 10px;}
.pledge-cta-text { font-family: "facitweb",sans-serif; text-align: center; line-height: 1.3em; font-style: normal; font-weight: 600;  color: #92278F; font-size: 108%; margin: 20px 10px;}

.ft-xl { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 400%; color: #F18A23; padding: 0; margin: 15px; line-height: 1.3em; }
.ft-lg { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 200%; color: #F18A23; padding: 0; margin: 15px; line-height: 1.3em; }
.ft-std { font-family: georgia, serif; font-style: italic; font-size: 146.1%; color: #7B716A; font-weight: normal; margin: 15px; line-height: 1.3em; }
.ft-small { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 160%; color: #F18A23; padding: 0; margin: 15px; line-height: 1.3em; }
.pledgebutton {margin: 0 0 0 20px; width:110px;}
.pledgectabutton {margin: 10px auto; width:110px;}
.pledgectabutton a {color: #fff;}
a.ftbutton  { display: block; width: 98px; font-family: georgia, serif; font-style: italic; font-size: 123.1%; color: #fff; font-weight: bold; padding: 8px; background-color:#F68B1F; text-decoration:none;}
a.ftbutton:hover  { background-color: #7B716A;}
.formtitle { width: 100%; margin-top: 5px; margin-bottom: 10px;
font-family: "facitweb",sans-serif;
font-style: normal;
font-weight: 600;
font-size: 116%;
line-height: 1.5em;
color: #222;}
.shiftdown {margin-top: 40px; margin-bottom: 15px;}
.reqMark { color: red;}

/* -- Generic Content */

.block-head { z-index: 10; padding: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
body.about .block-head { background-color: #F68B1F;}
body.approach .block-head { background-color: #D80010;}
body.work .block-head { background-color: #92278F;}
body.getinvolved .block-head { background-color: #D30074;}
body.community .block-head { background-color: #72BF44;}
body.news .block-head { background-color: #D5622A;}
body.misc .block-head { background-color: #3c3c3c;}

.module { padding-bottom: 10px; z-index: 20;}
.module h2 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 400; font-size: 146.5%; color: #fff; margin: 0; padding: 0; }
.module p { font-family: georgia, serif; font-size: 100%; margin: 10px 0; padding: 0 10px; line-height: 1.5em; }
.module p.title, .module p.title a, .more a { font-family: arial; font-size: 108%; font-weight: bold; text-decoration: none; margin: 10px 0 0 0; }
.module p.title, .module p.title a { color: #000;}
.module p.date { margin-top: 0; color: #000;}
.module img { margin: 15px 10px; }
.speechbubble {  float: right; position: relative; margin-right: 30px; width: 205px; height: 132px; background: url(../img/get_involved_bubble.png) no-repeat 0 0; margin-top: -30px; z-index: 15;}

h2.heading { font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; padding: 15px 0 10px 0; border-bottom: 2px dotted #ccc; }
h2.underline { font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; padding: 15px 0 10px 0; border-bottom: 2px dotted #ccc; }
#content-side h2 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; line-height: 1.5em; padding: 15px 0 10px 0; border-bottom: 2px dotted #ccc; }
h2.headingnobdr { font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; padding: 15px 0 0 0; border-bottom: 0; }

.module ul { margin: 0; padding: 0; list-style: none;}
.module li { margin: 0 10px; padding: 10px 0; list-style: none; border-top: 2px dotted #ccc; }
.module li.first { border-top: 0; margin-top: 0; padding-top: 0;}
.module li p { padding: 0;}

.module ul.list2 { margin: 0; padding: 0; list-style: none;}
.module ul.list2 li { margin: 0 10px; padding: 5px 0; list-style: none; border-top: 0; }
.module ul.list2 li p { padding: 0; margin-bottom: 0;}

.module ol { margin: 0 0 15px 20px; padding: 0; list-style: circle;}
.module ol li { margin: 0 10px; padding: 3px 0; list-style: circle; border: none; }

.homedonate {margin: 15px auto; width: 110px;}
.homedonate a {font-size: 123.1%; text-align: center;}

.download { background: url(../img/icons/download.png) no-repeat 0 7px; }
.disk { background: url(../img/icons/disk.png) no-repeat 0 7px; }
.excel { background: url(../img/icons/excel.png) no-repeat 0 7px; }
.pdf { background: url(../img/icons/pdf.png) no-repeat 0 7px; }
.photo { background: url(../img/icons/photo.png) no-repeat 0 7px; }
.powerpoint { background: url(../img/icons/powerpoint.png) no-repeat 0 7px; }
.report { background: url(../img/icons/report.png) no-repeat 0 7px; }
.word { background: url(../img/icons/word.png) no-repeat 0 7px; }
.zip { background: url(../img/icons/zip.png) no-repeat 0 7px; }
.download a, .disk a, .excel a, .pdf a, .photo a, .powerpoint a, .report a, .word a, .zip a { margin-left: 25px; display: block; width: 83%;}

.modlist { margin: 0 0 20px 0; padding: 10px 0 0 0; list-style: none;}
.modlist li { margin: 0 10px; padding: 5px 0; list-style: none; border-bottom: none; font-family: arial; font-size: 100%; font-weight: normal; }
.modlist li.last { margin-bottom: 0; padding-bottom: 0;}
.modlist li a { text-decoration: none; }
.modlist li a span { font-size: 93%; color: #555; }

.contentlist { margin: 10px 0; list-style: none;}
.contentlist li { margin: 0; padding: 5px 0; list-style: none; border-bottom: none; font-family: arial; font-size: 100%; font-weight: normal; }
.contentlist li a { text-decoration: none; }
.contentlist li a span { font-size: 93%; color: #555; }

.highlightblock { background-color: #fff; padding: 10px 0;}

.panel { padding-bottom: 30px;}
.panel h1 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 400; font-size: 146.5%; color: #fff; margin: 0; padding: 0; }
.panel p { font-family: georgia, serif; font-size: 100%; margin: 15px 0; padding: 0; line-height: 1.5em; }
.panel .intro p { font-family: georgia, serif; font-size: 123.1%; font-weight: bold; margin: 10px 0; padding: 0; line-height: 1.5em; }

.content { padding: 20px 25px;}
.content h2, #content-main h2 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; margin: 5px 0; line-height: 1.5em; padding: 15px 0 10px 0; color: #222;}
.content h2 a, #content-main h2 a, #content-wide h2 a { text-decoration: none;}
.content .intro, #content-main .intro { font-family: georgia, serif; font-style: italic; font-size: 138.5%; font-weight: normal; margin: 0 0 25px 0; padding: 15px 0 0 0; line-height: 1.5em; }
.content .introtight { font-family: georgia, serif; font-style: italic; font-size: 138.5%; font-weight: normal; margin: 0; padding: 0; line-height: 1.5em; }

#content-wide p.feature, #content-main p.feature { font-family: georgia, serif; font-style: italic; font-size: 123.1%; font-weight: normal; margin: 0; padding: 5px 0; line-height: 1.5em; }

#content-wide h2 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; margin: 5px 0; line-height: 1.5em; padding: 0; color: #222;}

#content-main { padding: 10px 20px 20px 20px; display: inline-block; float: left; margin: 0; width: 460px; }
#content-side { padding: 10px 10px 10px 10px; display: inline-block; float: left; margin: 0; width: 220px; }
#content-wide { padding: 10px 20px 20px 20px; margin: 0; width: 700px; }

#content-wide p, #content-main p , .content p { font-size: 123.1%; }

#content-main li { line-height: 1.5em; margin-bottom: 10px; font-size: 123.1%;}

p.testimonial { color: #222; margin: 10px 10px 20px 10px; font-family: "facitweb",sans-serif; font-style: normal; font-weight: 400; font-size: 116%; letter-spacing: 0px; }
p.testimonial em { font-family: georgia, serif; font-style: italic; font-size: 100%; line-height: 1.6em;}

p.sidetext { color: #222; margin: 10px; font-family: arial; font-style: normal; font-size: 100%; letter-spacing: 0px; }
.confirmation { color: #fff; background-color: #1A9966; margin: 10px 0px 20px 0; font-family: arial; font-style: normal; font-size: 100%; letter-spacing: 0px; padding: 5px;}
.error { font-family: arial; color: red; margin: 3px 0 10px 0; display:block; width: 100%;}

.map { width: 460px; height: 270px; }

.people_sidepanel       { padding: 10px;}
.people_sidepanel a     { text-decoration: none;}
.people_sidepanel_photo { width: 55px; height: 45px; float: left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #ccc; }
.people_sidepanel_text  { width: 130px; float: right; margin: 0 0 10px 0; font-family: arial; font-size: 100%; line-height: 1.3em;}

.news_content       { margin-bottom: 5px;}
.news_content_photo { width: 150px; float: left; margin: 0 15px 15px 0; padding: 1px; border: 1px solid #ccc; }
.news_content_text  { width: 290px; float: right; margin: 0 0 15px 0;}
.news_content_full  { width: 460px; float: right; margin: 0 0 15px 0;}

.search_results       { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc;}

.videos_sidepanel       { padding: 10px;}
.videos_sidepanel a     { text-decoration: none;}
.videos_sidepanel_photo { width: 55px; float: left; margin: 0 0 10px 0; padding: 1px; border: 1px solid #ccc; }
.videos_sidepanel_text  { width: 130px; float: right; margin: 0 0 10px 0; font-family: arial; font-size: 100%; line-height: 1.3em;}

.social_sidepanel       { padding: 10px;}
.social_sidepanel a     { text-decoration: none;}
.social_sidepanel_text  { width: 176px; padding: 10px; float: right; margin: 0 0 10px 0; font-family: arial; font-size: 100%; line-height: 1.3em; background-color: #fff;}
.social_sidepanel_date  { font-size: 93%; color: #555; margin: 5px 0;}
.tweet { border: 2px solid #65BCF4; }
.facebook { border: 2px solid #3B5998; } /* #FDD49B */

.fb   { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; padding: 7px 0 10px 40px; border-bottom: 2px dotted #ccc; background: url(../img/icon_fb.png) no-repeat 0 10px;}
.twit { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; color: #222; margin: 5px 10px; padding: 7px 0 10px 40px; border-bottom: 2px dotted #ccc; background: url(../img/icon_twitter.png) no-repeat 0 10px;}
.twit a, .fb a { text-decoration: none; }

.videopad { padding: 15px 0;}

/* -- Our Approach Circle Slider */

.yellow-bg { background-color: #FFFBE8; }
.white-bg { background-color: #fff; }
.white-bg-bdr { background-color: #fff; border-bottom: 1px solid #CDCAC3;}
.app-bg-line { padding-top: 0; background: url(../img/approach_bg.jpg) repeat-x 0 0;}
#approach-control { z-index: 100; padding-top: 0;}
#approach-control a { display: block; float: left; height: 185px; width: 185px; text-indent: -999999px; margin-left: -50px; z-index: 10; position: relative;}

#approach-control a.pager-1 { background: url(../img/approach_c1.png) no-repeat 0 0; margin-left: 15px;}
#approach-control a.pager-2 { background: url(../img/approach_c2.png) no-repeat 0 0; }
#approach-control a.pager-3 { background: url(../img/approach_c3.png) no-repeat 0 0; }
#approach-control a.pager-4 { background: url(../img/approach_c4.png) no-repeat 0 0; }
#approach-control a.pager-5 { background: url(../img/approach_c5.png) no-repeat 0 0; }
#approach-control a.pager-6 { background: url(../img/approach_c6.png) no-repeat 0 0; }

#approach-control a:hover { background-position: 0px -195px; z-index: 50;}
#approach-control a.active { background-position: 0px -195px; z-index: 30;}

.approach-wrapper { margin-left: 45px; padding-top: 0px; } /* Created by BX slider so not in markup*/

#slider-approach { width: 800px; margin: 0; padding: 0; }
#slider-approach li { float:left; width: 790px; margin: 0; padding: 5px; list-style: none; z-index: 30;}

.slide-content { z-index: 10; position: relative; margin-top: 0; padding: 10px; background-color: white; -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15); box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border:1px solid #ccc\9; /* IE8 and below */
margin-top: -1px\9;}

.slide-content .cols1 { width: 770px; }
.slide-content .cols2 { float: left; display: inline-block; width: 377px; }
.slide-content .cols3 { float: left; display: inline-block; width: 246px; }
.colspace {margin-left: 16px;}

#slider-approach h3 { font-family: "facitweb",sans-serif; font-style: normal; font-weight: 600; font-size: 123.1%; margin: 0 0 15px 0; line-height: 1.5em; padding: 0;}
#slider-approach p { font-size: 123.1%;}

.arr-mark-1, .arr-mark-2, .arr-mark-3, .arr-mark-4, .arr-mark-5, .arr-mark-6 { height: 22px; width: 40px; background: url(../img/approach-arrow.png) no-repeat 0 0; z-index: 20; position: relative;
background: url(../img/approach-arrow-ie.png) no-repeat 0 0\9; /* IE8 and below */}
.arr-mark-1 { margin-left: 38px; }
.arr-mark-2 { margin-left: 174px; }
.arr-mark-3 { margin-left: 310px; }
.arr-mark-4 { margin-left: 446px; }
.arr-mark-5 { margin-left: 582px; }
.arr-mark-6 { margin-left: 718px; }

/* -- Footer */

.pad_top_25 { padding-top: 25px; }
.footer-icon {margin-right: 3px;}

ul.footer-list { margin: 0; padding: 0; display: inline-block; list-style: none;}
ul.footer-list li { float:left; margin: 0 30px 5px 0; padding: 0 0 0 5px; list-style: none; display: inline-block; width: 120px; font-size: 93%; font-family: arial;}
ul.footer-list li a { color: #7B716A; text-decoration: none; }
ul.footer-list li a:hover { text-decoration: underline; }

p.copyright { margin: 15px 5px; font-size: 85%; font-family: arial; color: #555;}

#joinnewsletter { float: right; margin: 0; font-family: arial; }
#joinnewsletter .label { text-align: left; margin: 0 0 8px 0; font-size: 93%; color: #7B716A; font-family: arial;}

/* -- Form Elements */

.searchinput, .newsletterinput   { font-size: 11px; width: 170px; }
.sidepanelinput   { font-size: 11px; width: 200px; margin-bottom: 15px;}
.searchsubmit, .newslettersubmit { border: 0; text-indent: -999999px; font-size: 0; line-height: 0; cursor: pointer; height: 20px; width: 20px; padding: 0; margin-left: 5px;}
.searchsubmit     { background: url(../img/icon_magnify.png) no-repeat 0 2px; }
.newslettersubmit { background: url(../img/icon_pen.png) no-repeat 0 2px; }
.contentinput   { font-size: 11px; width: 400px; margin-bottom: 15px;}

input[type="text"], input[type="checkbox"], input[type="password"], input.text, textarea { border: 1px solid #DFDFDF; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 6px;}
input, select {vertical-align: middle;}
input { background-color: white; border: 2px inset; cursor: auto;}
input, textarea, select, button { margin: 0em; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: -webkit-auto;}

select { border: 1px solid #DFDFDF; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04), inset 0 2px 8px 0 rgba(0, 0, 0, 0.075); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 6px; cursor: pointer; }

#pledge form select, #pledge form input { -webkit-box-shadow:none;  -moz-box-shadow:none; box-shadow:none; border: 1px solid #ccc;}

/* -- Set the colors */

.text-about { color: #F68B1F;}
.text-approach { color: #D80010;}
.text-work { color: #92278F;}
.text-getinvolved { color: #D30074;}
.text-community { color: #72BF44;}
.text-news { color: #D5622A;}
.text-misc { color: #3c3c3c;}

body.about a { color: #F68B1F; }
body.approach a { color: #D80010; }
body.work a { color: #92278F; }
body.getinvolved a { color: #D30074; }
body.community a { color: #72BF44; }
body.news a { color: #D5622A; }
body.misc a { color: #D5622A; }

body.about .bg, .bg-about { background-color: #F68B1F;}
body.approach .bg, .bg-approach { background-color: #D80010;}
body.work .bg, .bg-work { background-color: #92278F;}
body.getinvolved .bg, .bg-getinvolved { background-color: #D30074;}
body.community .bg, .bg-community { background-color: #72BF44;}
body.news .bg, .bg-news { background-color: #D5622A;}
body.misc .bg, .bg-misc { background-color: #3c3c3c;}
body.donate .bg, .bg-donate { background-color: #F36E21;}

ul#subnav { padding-top: 6px; }
ul#subnav li { padding: 3px 3px; font-family: arial; font-size: 108%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-weight: bold; color: #000;}
ul#subnav li a { font-size: 108%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-family: arial; font-weight: bold; margin: 0; padding: 4px 0; text-decoration: none; display: block; width: 100%; color: #603813; }
ul#subnav li a.lvl2 { font-size: 93%; padding: 4px 0 4px 8px; text-decoration: none; display: block; width: 100%; color: #603813; }
ul#subnav li.normal { font-size: 93%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-family: arial; margin: 0; padding: 7px 13px; color: #000; }


.backlink { font-size: 108%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-family: arial; font-weight: bold; margin: 0 0 0 10px; padding: 15px 0 5px 20px; text-decoration: none; display: block; width: 100%; color: #603813; }
.backlink:hover { text-decoration: none;}
.back { background: url(../img/icon_back.png) no-repeat 0 18px; }

ul.catnav { padding-top: 0px; font-family: arial; font-size: 100%; }
ul.catnav li { padding: 5px 3px; }
ul.catnav li a { font-size: 100%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-family: arial; font-weight: bold; margin: 0; padding: 3px 0 3px 2px; text-decoration: none; display: block; width: 100%; color: #603813; }
ul.catnav li.normal { font-size: 100%; letter-spacing: 0.05em; *letter-spacing: 0.05em; font-family: arial; margin: 0 10px; padding: 7px 5px; color: #000; }

.content-img { float: left; margin: 0 20px 10px 0;}

body.about ul#subnav li.active a { color: #F68B1F; }
body.approach ul#subnav li.active a { color: #D80010; }
body.work ul#subnav li.active a { color: #92278F; }
body.getinvolved ul#subnav li.active a { color: #D30074; }
body.community ul#subnav li.active a { color: #72BF44; }
body.news ul#subnav li.active a { color: #D5622A; }
body.misc ul#subnav li.active a { color: #D5622A; }

body.about ul.catnav li.active a { color: #F68B1F; }
body.approach ul.catnav li.active a { color: #D80010; }
body.work ul.catnav li.active a { color: #92278F; }
body.getinvolved ul.catnav li.active a { color: #D30074; }
body.community ul.catnav li.active a { color: #72BF44; }
body.news ul.catnav li.active a { color: #D5622A; }
body.misc ul.catnav li.active a { color: #D5622A; }

ul#taglist { margin: 0; padding: 0; display: inline-block; border: none; }
ul#taglist li { float:left; margin: 0 5px 10px 0; padding: 0; list-style: none; border: none; display: inline-block;}
ul#taglist li a { font-family: arial; font-weight: bold;  outline: 0; font-size: 93%; padding: 5px 7px; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
ul#taglist a:hover, body.about ul#taglist li a:hover, body.approach ul#taglist li a:hover, body.work ul#taglist li a:hover, body.getinvolved ul#taglist li a:hover, body.community ul#taglist li a:hover, body.news ul#taglist li a:hover, body.misc ul#taglist li a:hover { text-decoration: none; background-color: #666;}
body.about ul#taglist li a { background-color: #F68B1F; color: #fff;}
body.approach ul#taglist li a { background-color: #D80010; color: #fff;}
body.work ul#taglist li a { background-color: #92278F; color: #fff;}
body.getinvolved ul#taglist li a { background-color: #D30074; color: #fff;}
body.community ul#taglist li a { background-color: #72BF44; color: #fff;}
body.news ul#taglist li a { background-color: #D5622A; color: #fff;}
body.misc ul#taglist li a { background-color: #D5622A; color: #fff;}

.linkbutton { font-family: arial; font-weight: bold; font-size: 100%; outline: 0; padding: 5px 15px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.linkbutton:hover, body.about a.linkbutton:hover, body.approach a.linkbutton:hover, body.work a.linkbutton:hover, body.getinvolved a.linkbutton:hover, body.community a.linkbutton:hover, body.news a.linkbutton:hover, body.misc a.linkbutton:hover { text-decoration: none; background-color: #666;}
body.about a.linkbutton { background-color: #F68B1F; color: #fff;}
body.approach a.linkbutton { background-color: #D80010; color: #fff;}
body.work a.linkbutton { background-color: #92278F; color: #fff;}
body.getinvolved a.linkbutton { background-color: #D30074; color: #fff;}
body.community a.linkbutton { background-color: #72BF44; color: #fff;}
body.news a.linkbutton { background-color: #D5622A; color: #fff;}
body.misc a.linkbutton { background-color: #D5622A; color: #fff;}

.formsubmit { border: 0; font-family: arial; font-weight: bold; font-size: 100%; outline: 0; cursor: pointer; padding: 5px 15px; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.formsubmit:hover, body.about .formsubmit:hover, body.approach .formsubmit:hover, body.work .formsubmit:hover, body.getinvolved .formsubmit:hover, body.community .formsubmit:hover, body.news .formsubmit:hover, body.misc .formsubmit:hover { text-decoration: none; background-color: #666;}
body.about .formsubmit { background-color: #F68B1F; color: #fff;}
body.approach .formsubmit { background-color: #D80010; color: #fff;}
body.work .formsubmit { background-color: #92278F; color: #fff;}
body.getinvolved .formsubmit { background-color: #D30074; color: #fff;}
body.community .formsubmit { background-color: #72BF44; color: #fff;}
body.news .formsubmit { background-color: #D5622A; color: #fff;}
body.misc .formsubmit { background-color: #D5622A; color: #fff;}

.sp-link { padding: 10px 0 0 0; }
.sp-link a { font-family: arial; font-size: 100%; text-decoration: none;}

.space20-10 {padding: 20px 10px;}
.space10-0 {padding: 10px 0px;}
.space20 {padding: 20px;}
.space10 {padding: 10px;}
.space5 {padding: 5px;}
.space15 {padding: 15px;}

.arial {font-family: arial; font-size: 100%;}
.arial_100 {font-family: arial; font-size: 100%;}
.arial_93 {font-family: arial; font-size: 93%;}

.push-left {float: left;}
.push-right {float: right;}

.forum-arial { font-family: arial; font-size: 100%; text-decoration: none; padding: 0 0 7px 0; }
.sidepanel-font { font-family: arial; font-size: 100%; }

.comment         { background-color: #fff; border: 2px solid #FDD49B; padding: 0 10px; margin: 10px 0;}
.comment p       { font-size: 100%; }
p.comment_small  { font-size: 93%; }

label span.reqMark { color: red; font-weight: bold;}

.comment_form    {font-family:arial; font-style:normal; padding: 10px 0;}
.comment_form fieldset { padding:0; margin:0 0 10px 0; border:0; }
.comment_form label { display:block; width: 100px; margin: 0 0 5px 0; font-size: 93%; font-weight: bold; padding: 0;}
.comment_form label span { font-weight:normal; color:#666666; font-size: 93%; }

#search-bar form { display: inline-block;}

#slider-approach ul.appr-list {
  width: 450px;
  padding-bottom: 15px;
}
#slider-approach ul.appr-list li {
  width: 650px;
  list-style: circle;
  line-height: 1.3em;
  font-size: 123.1%;
}

#content-main table {
  width: 480px;
  border: 0;
  margin-bottom: 15px;
}
#content-main td {
  width: 50%;
  padding-right: 20px;
  border: 0;
}

.shademe { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #F2EDD2; margin: 20px 0; padding: 10px 20px;}
.content .shademe h2, #content-main .shademe h2 { padding-top: 0;}


#content-main img { padding: 15px 0; }
#content-main img.left { float: left; padding-right: 15px; }
#content-main img.right { float: right; padding-left: 15px; }
#content-main img.right:after { clear: both;}
#content-main img.profilepic { padding: 0; }

.people_content       { padding-top: 25px;}
.people_content_photo { width: 110px; height: 90px; float: left; margin: 0 15px 15px 0; padding: 2px; border: 1px solid #ccc; }
#content-main .people_content_photo img { padding: 0; }
.people_content_text  { width: 325px; float: right; margin: 0 0 15px 0;}

#content-main .news_content_photo img { padding: 0; }

.paging { padding: 10px 0; text-align: right; width: 100%; font-family: Arial, Sans-serif;}
.paging span { float: left; }

.paginglinks {font-size:100%;}

.paginglinks a:link, .paginglinks a:visited{
   font-family: Arial, Sans-serif;
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #D5622A;
	margin-left:3px;
	text-decoration:none;
	background-color:#FAE7CE;
	color:#D5622A;
	width:25px;
	font-weight:normal;
}

.paginglinks a:hover {
	background-color:#D5622A;
	border:1px solid #D5622A;
	color:#fff;
}

.paginglinks strong {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #D5622A;
	margin-left:3px;
	text-decoration:none;
	background-color:#D5622A;
	color:#fff;
	cursor:default;}

#pledge form { background-color:#fff; padding: 20px; -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}