﻿body, a, h1, h2, h3, h4, h5, h6, ul, ul li, p, form { margin: 0px; padding: 0px; }
body { position: relative; }
h2 { font-size: 18px; margin-bottom: 0.5em; }
h3 { font-size: 12px; }
body { font-family: Arial; background: #D3DABB; color: #262626; padding-top: 20px; }
body, a, p, ul, ol { font-size: 12px; }
ul { list-style: none; }
a { text-decoration: none; color: #8C4E77; }
p { margin-bottom: 1em; }

/* Clear fix styling */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .clearfix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .clearfix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.clearfix{
	display:inline-table;
}
/**/

#page { position: relative; width: 950px; margin: auto; }
#header { font-family: "Arial Black", Arial; background: #A7B578; color: #FFFFFF; position: relative; }
#header .name { position: relative; font-size: 24px; line-height: 1em; margin-top: -0.9em; margin-bottom: -0.1em; margin-right: 275px; background: none; text-align: right; }

#header .crisis { font-size: 18px; padding: 4px 24px; height: 1.5em; overflow: hidden; text-shadow: 2px 2px 5px rgba(0,0,0,.5); }
#header .crisis div { float: left; width: 450px; }

#left, #main, #mainWide, #right { position: relative; float: left; padding-top: 35px; }
#main, #mainWide, #mainFull { width: 526px; padding: 32px 52px 42px 32px; }
#mainWide { width: 582px; }
#mainFull { width: 866px; }
#content { position: relative; background: #FFFFFF; width: 950px; }
#footer { position: relative; padding: 0em 23px; margin: 0em; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer p { margin: 0.5em 0em; font-size: 10px; }
#footer a { font-size: 10px; }
#footer .credit a { color: #9EA38C; }

#minheight { position: relative; float: left; height: 540px; width: 0px; font-size: 0px; line-height: 0px; }

#shadow { position: relative; width: 970px; margin-bottom: -20px; background: url(../images/shadow/right.jpg) right repeat-y; }
#shadow .sb { position: relative; height: 20px; background: url(../images/shadow/bottom.jpg) bottom repeat-x; }
#shadow .sbl, #shadow .sbr, #shadow .str { width: 20px; height: 20px; }
#shadow .sbl { float: left; background: url(../images/shadow/bottom.jpg) top left no-repeat; }
#shadow .sbr { float: right; background: url(../images/shadow/bottom.jpg) top right no-repeat; }
#shadow .str { position: absolute; top: 0px; right: 0px; background: url(../images/shadow/right.jpg) no-repeat; }

#page.level0 #header .name { display: none; }
#page.typelocations #header { background: #9CBFD9; }
#page.typeabout #header { background: #A7B578; }
#page.typeprograms #header { background: #A699CA; }
#page.typeemployment #header { background: #797C66; }
#page.typenews #header { background: #FF9966; }
#page.typecontactus #header { background: #8C4E77; }

#page.typeprograms #header .name,
#page.typeemployment #header .name,
#page.typecontactus #header .name { font-size: 20px; margin-top: -115px; margin-left: 310px; width: 168px; height: 115px; text-align: center; line-height: 115px; }

#page.typelocations #menu a.current { background: #EBF2F7; }
#page.typeprograms #menu a.current { background: #EDEBF4; }
#page.typeemployment #menu a.current { background: #E4E5E0; }
#page.typenews #menu a.current { background: #FFE5D9; }
#page.typecontactus #menu a.current { background: #E8DCE4; }

#header .pic { height: 115px; background: #C2CBA1; }
#header .picMain { height: 225px; background: url(../images/headers/main.jpg) center no-repeat; }
#header .picAbout { background: url(../images/headers/about.jpg) center no-repeat; }
#header .picLocations { background: url(../images/headers/locations.jpg) center no-repeat; }
#header .picPrograms { background: url(../images/headers/programs.jpg) center no-repeat; }
#header .picProgramsChild { background: url(../images/headers/programs/child.jpg) center no-repeat; }
#header .picProgramsAdolescent { background: url(../images/headers/programs/adolescent.jpg) center no-repeat; }
#header .picEmployment { background: url(../images/headers/employment.jpg) center no-repeat; }
#header .picContactUs { background: url(../images/headers/contactus.jpg) center no-repeat; }
#header .picFoundation,
#header .picDonations { background: url(../images/headers/foundation.jpg) center no-repeat; }
#header .picBoard { background: url(../images/headers/board.jpg) center no-repeat; }
#header .picCommunity { background: url(../images/headers/community.jpg) center no-repeat; }
#header .picNews { background: url(../images/headers/news.jpg) center no-repeat; }
#fidgety-fairy-tales { float: left; padding: 0 10px 10px 0; }

#menu { position: relative; font-size: 12px; margin-bottom: 2em; }
#menu .first { margin-top: 0em; }
#menu .last { margin-bottom: 0em; }
#menu a { position: relative; font-weight: bold; margin: 0.75em 0em; color: #70736A; display: block; padding: 0px 22px 0px 32px; width: 116px; text-indent: -10px; }
#menu a.current { background: #EDF0E4; }
#menu span { position: relative; display: block; margin-top: -0.75em; }
#menu span a { margin: 0em; padding-left: 43px; padding-right: 11px; }
#menu span span { margin-top: 0em; }
#menu span span a { padding-left: 54px; padding-right: 0px; }

#left { width: 170px; }
#left .box { border: #A7B578 solid 2px; color: #626366; width: 142px; margin: 1em auto; }
#left .box a { color: #262626; }
#left .box h3 { font-size: 12px; background: #A7B578; text-align: center; padding: 3px 0px 5px 0px; color: #FFFFFF; }
#left .box ul { text-align: right; list-style: none; padding: 2em 10px; background: #FFFFFF url(../images/menuwoman.jpg) top left no-repeat; }
#left .box ul li { font-weight: bold; margin: 0.5em auto; text-align: center; }
#left .box ul li a { font-size: 11px;  }

#right { width: 170px; }
#right a img { border: none; }
#right a.strip { display: block; background: #A7B578; color: #262626; margin: 1em 0em; font-weight: bold; text-align: right; padding: 0.5em 1em; }
#right .links { font-size: 12px; }
#right .links .donate { background: #A7B578 url(../images/icons/donate.jpg) left center no-repeat; }
#right .links .quiz { background: #A699CA url(../images/icons/quiz.jpg) left center no-repeat; margin: 2em 0 1.5em; line-height: 24px; -moz-border-radius: 5px 0 0; border-radius: 5px 0 0; -webkit-border-radius: 5px 0 0; }
#right .links .food { background: #A7B578 url(../images/icons/food.png) left center no-repeat; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
#right .links .facebook img { margin: 0 3px -3px 0; }

#map { position: relative; }
#map img { border: none; }
#extra { position: relative; float: left; padding-bottom: 42px; width: 550px; margin-top: -200px; margin-left: 400px; }
#location { background: #CDDFEC; width: 450px; padding: 20px; }
#location h2 { margin-bottom: 0em; }
#location table { width: 450px; margin-bottom: 1em; border-collapse: collapse; }
#location table td { padding: 0px; width: 225px; }

.sub-heading { margin-top: -10px; color:#666; font-style: italic; }

.news { margin: 1em 0em 2em 0em; }
.news .name { font-weight: bold; }

.manager { margin: 1em 0em; }
.manager .pic { float: left; width: 129px; height: 129px; background: url(../images/frame.jpg) center center no-repeat; }
.manager .text { float: left; margin-left: 10px; width: 375px; }
.manager .text .name { font-weight: bold; }

#main ul, #mainWide ul { margin-bottom: 1em; }
 
.navigation { margin-top: 1em; }
.navigation a { font-weight: bold; }
.navigation .prev { float: left; }
.navigation .next { float: right; }

.errorSummary { color: #9E2629; font-weight: bold; }
.errorSummary ul,
ul.normal { font-weight: normal; list-style-type: disc; padding-left: 40px; }

.twoColumn { position: relative; }
.twoColumn .column { position: relative; width: 239px; float: left; margin-right: 32px; }
.twoColumn .columnLast { margin-right: 0px; }

/* Normal fieldset styling */
.fieldset { font-size: 12px; color: #70736A; position: relative; background: url(../images/fieldset/border1.jpg) right repeat-y; padding-right: 16px; }
.fieldset .fsbt { background: url(../images/fieldset/border2.jpg) top repeat-x; height: 16px; margin-right: -16px; }
.fieldset .fsbtl { background: url(../images/fieldset/border2.jpg) center left no-repeat; height: 16px; width: 16px; float: left; }
.fieldset .fsbtr { background: url(../images/fieldset/border1.jpg) top center no-repeat; height: 16px; width: 16px; float: right; }
.fieldset .fsbl { background: url(../images/fieldset/border1.jpg) left repeat-y; padding-left: 16px; }
.fieldset .fsbc { background: #FFFFFF; padding: 6px 35px 20px 5px; }
.fieldset .fsbb { background: url(../images/fieldset/border2.jpg) bottom repeat-x; height: 16px; margin-right: -16px; }
.fieldset .fsbbl { background: url(../images/fieldset/border1.jpg) bottom center no-repeat; height: 16px; width: 16px; float: left; }
.fieldset .fsbbr { background: url(../images/fieldset/border2.jpg) center right no-repeat; height: 16px; width: 16px; float: right; }

/* Tables within field sets */
.fieldset table { border-collapse: collapse; padding: 0px; background: #F5F7F2; }
.fieldset table tr.odd { background: #ECF4F6; }
.fieldset table td { padding: 0px; }
.fieldset .field table { background: transparent; }

/* Fieldset field styling */
.fieldset .title { color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase; position: absolute; top: -0.5em; left: 16px; background: #FFFFFF; padding: 0em 0.25em; }
.fieldset .field { margin: 0px 0px 5px 0px; padding: 5px; display: block; }
.fieldset .field label { font-weight: bold; display: block; padding: 0px; margin: 0px; }
.fieldset .field input.tbsl,
.fieldset .field textarea.tbml { padding: 2px; border: #70736A solid 1px; }
.fieldset .field input.tbsl { width: 223px; }
.fieldset .halfField .field input.tbsl { width: 101px; }
.fieldset .field textarea.tbml { width: 494px; height: 100px; }
.fieldset .field .rbl label,
.fieldset .field .cbl label,
.fieldset .field label.cb { display: inline; font-weight: normal; }
.fieldset .invalid { background: #F1DFDF; }
.fieldset .invalid label { color: #9E2629; }
.fieldset .invalid .rbl label,
.fieldset .invalid .cbl label { color: #262626; }
.fieldset .indent { margin-left: 20px; }
.fieldset .info { padding: 0px 5px; }
.fieldset .iconField label { position: relative; }
.fieldset .iconField label img { position: absolute; right: 0; bottom: 2px; }

/* Special Formatting for City/State/Zip */
.fieldset .rowCSZ { margin-bottom: 5px; }
.fieldset .rowCSZ .field { margin-top: 0px; margin-bottom: 0px; }
.fieldset .rowCSZ .field1 { width: 117px; float: left; margin-right: 5px; }
.fieldset .rowCSZ .field1 input.tbsl { width: 101px; }
.fieldset .rowCSZ .field2 { width: 56px; float: left; margin-right: 5px; }
.fieldset .rowCSZ .field2 input.tbsl { width: 40px; }
.fieldset .rowCSZ .field3 { width: 56px; float: left; }
.fieldset .rowCSZ .field3 input.tbsl { width: 40px; }

/* Special Formatting for First/Last Names */
.fieldset .rowFLN { margin-bottom: 5px; }
.fieldset .rowFLN .field { margin-top: 0px; margin-bottom: 0px; }
.fieldset .rowFLN .field1 { width: 117px; float: left; margin-right: 5px; }
.fieldset .rowFLN .field1 input.tbsl { width: 101px; }
.fieldset .rowFLN .field2 { width: 117px; float: left; }
.fieldset .rowFLN .field2 input.tbsl { width: 101px; }

/* Special Formatting for Expiration/Security Code */
.fieldset .rowCCESC { margin-bottom: 5px; }
.fieldset .rowCCESC .field { margin-top: 0px; margin-bottom: 0px; }
.fieldset .rowCCESC .field1 { width: 134px; float: left; margin-right: 5px; }
.fieldset .rowCCESC .field1 select.dsm { width: 46px; margin-right: 4px; }
.fieldset .rowCCESC .field1 select.dsy { width: 64px; }
.fieldset .rowCCESC .field2 { width: 100px; float: left; }
.fieldset .rowCCESC .field2 input.tbsl { width: 84px; }

/* Radio Button/Checkbox Flow Layout */
.fieldset .rbl input, .fieldset .cbl input { margin: 3px 3px 0px 0px; }
.fieldset .rbl label, .fieldset .cbl label { margin-right: 10px; }

#programs { padding: 0px 15px; position: relative; }
#programs .item h3 { margin: 0px -15px; }
#programs .item h3 a { padding: 5px 15px; color: #262626; display: block; border-bottom: #8C4E77 solid 1px; width: 496px; }
#programs .item .info { position: relative; }
#programs .item .info p { margin: 1em 0em; }
#programs .item .info h3 { background: none; padding-top: 0px; padding-bottom: 0px; }
#programs .item .info .indent { padding-left: 40px; }
#programs .item .info ul { font-weight: normal; list-style-type: disc; padding-left: 40px; }
#programs .item .info ol li { margin-bottom: 1em; }

#listings { position: relative; }
#listings .item h3 { font-size: 16px; text-align: left; }
#listings .item h3 a { padding: 5px 15px; color: #262626; display: block; border-bottom: #8C4E77 solid 1px; width: 496px; }
#listings .item .info table { margin: 1em 0em; }
#listings .item .info table td { padding: 0.125em 0.25em; vertical-align: top; }
#listings .item .info table .label { text-align: right; }
#page.typeadmin #listings .item h3 a { width: 552px; }

table.jobListing { margin-bottom: 2em; }
table.jobListing td { vertical-align: top; }

span.phone { white-space: nowrap; }
a.start { font-size: 14px; font-weight: bold; color: #797C66; }

ul.disc { font-weight: normal; list-style-type: disc; padding-left: 40px; }

#im-back-home-but-the-war-isnt-over-img { float: left; width: 125px; margin: 0 10px 10px 0; }

/* Styling for the Board of Directors, Senior Management, etc. */
table.people { border-collapse: collapse; width: 100%; }
table.people td { vertical-align: top; padding: 0px 10px 1em 0px; width: 183px; }
table.people td.image { width: 60px; }

/* Ribbon Cutting Opening */
#ribbon { margin: auto; margin-top: -20px; background: url(../images/ribbon.jpg) center center no-repeat; position: relative; }
#ribbon div { height: 710px; width: 950px; margin: auto; }

/* Upload Progress Bar */
#progress td, #progress th { text-align: left; font-weight: normal; color: #70736A; vertical-align: top; }
#progress th { white-space: nowrap; text-align: right; padding-right: 10px; }
#progress td { width: 100%; }
#progress .title { font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: left; color: #000000; }
#progress .bar { padding: 10px 0px; }
#progress #uploadBar { padding: 20px; border: #A7B578 solid 3px; background-color: #FFFFFF; font-size: 12px; line-height: 1em; color: #333333; }

/* Control Modal Styling */
#modal_container { padding: 0px; overflow: auto; font-size: 0px; line-height: 0px; text-align: left; color: #000000; }
#modal_overlay { background-color: #000000; }

.errorBox { background: #FFC0C0; border: solid 2px #FF4040; padding: 5px; font-weight: bold; color: #000000; margin-bottom: 10px; }
.errorBox p { margin-bottom: 0; }

.messages .warning, .messages .notification, .messages .error { padding: 5px; margin: 0 0 1em; }
.messages .warning { border: solid 1px #B8D0D0; background: #E0F8F8; }
.messages .notification { border: solid 1px #B8D0B8; background: #E0F8E0; }
.messages .error { border: solid 1px #D0B8B8; background: #F8E0E0; }
.bubble { display: inline-block; background: #EEE; border: solid 1px #DDD; color: #333; padding: 2px 5px; border-radius: 5px; -moz-border-radius: 5px; }
.bubble a { font-family: Courier New; font-weight: bold; margin-left: 0.5ex; padding: 0 2px; }
.mb1em { margin-bottom: 1em !important; }

.gallery{margin:0 0 12px;width:528px}
.gallery .entry{float:left;margin:0 2px 12px 0;text-align:center;width:174px}
.gallery .entry img{background:#F6F6F6;border:solid 1px #CCC;margin:0 0 2px;padding:2px}
.gallery .entry2x{width:350px}
.gallery .entry3x{width:520px}
