html {background: #a0976b;}
body {background: #e0dabb url(../images/bg-body.jpg) repeat-x; color: #444;}
#wrap {background: url(../images/bg-wrap.gif) repeat-y; width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}
#wrap:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#wrap form#cse-search-box {background: url(../images/bg-search.gif) no-repeat; width: 253px; height: 40px; top: 0px; right: 17px; position: absolute; z-index: 9999;}
#wrap form#cse-search-box label {width: 45px; height: 21px; top: 5px; left: 13px; position: absolute;}
#wrap form#cse-search-box input#txtSearch {color: #666; width: 150px; padding: 2px 3px; top: 5px; left: 70px; position: absolute; border: 1px solid #fff;}
#wrap form#cse-search-box button {width: 19px; height: 21px; top: 5px; left: 233px; position: absolute;}

/**************************************************header**************************************************/
#header {width: 235px; float: left; position: relative;}
#header h1 a {background: url(../images/bg-logo.gif) no-repeat; width: 235px; height: 188px; display: block;}
#header ul#headerNav {margin: 0 0 10px 0;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li a {background: transparent; width: 235px; height: 24px; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {background-position: -235px 0px;}
#header ul#headerNav li a#aslnk {background-image: url(../images/headerNav-aslnk.gif); height: 30px;}
.aboutus #header ul#headerNav li a#aslnk {background-position: -235px 0px;}
#header ul#headerNav li a#omlnk {background-image: url(../images/headerNav-omlnk.gif);}
.ourprogram #header ul#headerNav li a#omlnk {background-position: -235px 0px;}
#header ul#headerNav li a#oslnk {background-image: url(../images/headerNav-oslnk.gif);}
.ourfacilities #header ul#headerNav li a#oslnk {background-position: -235px 0px;}
#header ul#headerNav li a#oylnk {background-image: url(../images/headerNav-oylnk.gif);}
.ourcommunity #header ul#headerNav li a#oylnk {background-position: -235px 0px;}
#header ul#headerNav li a#adlnk {background-image: url(../images/headerNav-adlnk.gif);}
.admissions #header ul#headerNav li a#adlnk {background-position: -235px 0px;}
#header ul#headerNav li a#uslnk {background-image: url(../images/headerNav-uslnk.gif);}
.upcomingevents #header ul#headerNav li a#uslnk {background-position: -235px 0px;}
#header ul#headerNav li a#nslnk {background-image: url(../images/headerNav-nslnk.gif);}
.newsletters #header ul#headerNav li a#nslnk {background-position: -235px 0px;}
#header ul#headerNav li a#eslnk {background-image: url(../images/headerNav-eslnk.gif);}
.employmentopportunities #header ul#headerNav li a#eslnk {background-position: -235px 0px;}
#header ul#headerNav li a#vslnk {background-image: url(../images/headerNav-vslnk.gif); height: 37px;}
.volunteeropportunities #header ul#headerNav li a#vslnk {background-position: -235px 0px;}
#header ul#headerNav li a#rslnk {background-image: url(../images/headerNav-rslnk.gif);}
.resources #header ul#headerNav li a#rslnk {background-position: -235px 0px;}
#header ul#headerNav li a#delnk {background-image: url(../images/headerNav-delnk.gif);}
.donate #header ul#headerNav li a#delnk {background-position: -235px 0px;}
#header ul#headerNav li a#cslnk {background-image: url(../images/headerNav-cslnk.gif); height: 25px;}
.contactus #header ul#headerNav li a#cslnk {background-position: -235px 0px;}
#header ul#headerNav li a#helnk {background-image: url(../images/headerNav-helnk.gif); height: 28px;}

#header ul#utilityNav {}
#header ul#utilityNav li {list-style: none; display: block;}
#header ul#utilityNav li a {width: 235px; height: 43px; margin: 0 0 7px 0; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a:hover {background-position: -235px 0px;}
#header ul#utilityNav li a#usutlnk {background-image: url(../images/banner-upcoming_events.png);}
#header ul#utilityNav li a#pyutlnk {background-image: url(../images/banner-photo_gallery.png);}
#header ul#utilityNav li a#peutlnk {background-image: url(../images/banner-poison_love.png);}
#header ul#utilityNav li a#trutlnk {background-image: url(../images/banner-take_tour.png);}

/**************************************************content area********************************************/

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.gif) no-repeat 100% 0; min-height: 650px; margin: 0; width: 725px; float: left; position: relative;}/*see ie.css for fixes*/
#main:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main h2.sectionTitle {background: url(../images/bg-sectionTitle.gif) no-repeat; color: #c73; padding: 64px 0 0 0; font-weight: bold; font-size: 1.8em; text-transform: uppercase;}
#main h2.sectionTitle strong {background: #fca url(../images/bg-sectionTitle-strong.gif) no-repeat 0 100%; padding: 0 0 6px 15px; margin: 0 26px 0 4px; display: block;}
#main ul#sidebarNav {margin: 0 8px}
#main ul#sidebarNav:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main ul#sidebarNav li {margin: 0; list-style: none; display: inline;}
#main ul#sidebarNav li a {color: #c73; padding: 10px; font-size: 1.2em; line-height: 1; text-transform: uppercase; display: block; float: left; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#main ul#sidebarNav li a:hover,#main ul#sidebarNav li a.selected {background: #c73; color: #fff; text-decoration: none;}
#main #contentContainer {margin: 0 75px 50px 60px; padding: 40px 0 0 0; line-height: 1.5; font-size: 1.3em; clear: both;}
#main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover	{font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0; border: none;}
#main img.right {float: right; margin: 0 0 10px 20px; border: none;}
#main div.vcard {margin: 0 0 20px 0;}
#main h3 {color: #a96; margin: 0 0 5px 0; font-weight: bold; font-size: 1.17em; line-height: 1.29; text-transform: uppercase;}
#main h4 {color: #a96; margin: 0 0 5px 0; font-weight: bold; font-size: 1.08em; line-height: 1.38;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 5px 0;}
#main ol li {margin: 0 0 5px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 5px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {margin: 0 0 20px 0; border: 1px solid #fca;}
#main table thead tr th, #main table tfoot tr td {background: #fca; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #fca; vertical-align: middle;}
#main address {margin: 0 0 20px 0; font-style: normal;}
#main address .adr,#main address .tel {display: block;}
a.grunt-file-pdf {background: url(../images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(../images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(../images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(../images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(../images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main h3#step1 {background: url(../contactus/images/banner-step1.gif) no-repeat; width: 530px; height: 22px; margin: 0 0 30px 26px; text-indent: -9999px;}
#main h3#step2 {background: url(../contactus/images/banner-step2.gif) no-repeat; width: 530px; height: 22px; margin: 0 0 10px 26px; text-indent: -9999px;}
#main p#message-wait {background: url(../contactus/images/banner-wait.gif) no-repeat; width: 441px; height: 37px; margin: 0 5px 15px 26px; text-indent: -9999px; float: left;}
#main #message-error {color: #c54; margin: 0 34px 20px 26px; padding: 20px 20px 0px; border: 1px solid #c54; }
#main form label {color: #999; font-weight: bold; float: left; display: block;}
#main form input,#main form select {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form textarea {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1.3em; border: 1px solid #999;}
#main form .text {margin: 0 0 15px 0;}
#main form .text label {width: 150px; margin: 3px 0 10px 0; text-align: right;}
#main form strong {background: url(../contactus/images/input-bottom-left.gif) no-repeat 0 100%; margin: 0 0 5px 15px; display: block; float: left;}/*longer sides*/
#main form strong em {background: url(../contactus/images/input-top-right.gif) no-repeat 100% 0; display: block; float: left;}/*longer sides*/
#main form strong em span {background: url(../contactus/images/input-bottom-right.gif) no-repeat 100% 100%; display: block; float: left;}
#main form strong em span span {background: url(../contactus/images/input-top-left.gif) no-repeat; display: block; float: left;}
#main form .checkbox {margin: 0 0 15px 160px;}
#main form .checkbox label {width: auto; font-weight: normal;}
#main form .checkbox input {margin: 0 5px 10px 0; padding: 0; float: left; display: block; border: none;}
#main form .checkbox input.text {color: #999; margin: 1px 3px; padding: 3px; font-size: 1em; border: 1px solid #fff;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .text input, #main form .text select, #main form .text textarea {margin: 1px 3px; border: 1px solid #fff;}
#main form br {clear: both;}
#main form input#btnNext {margin: 0 0 0 160px; padding: 0; border: none;}
#main form input#btnEdit {margin: 0 5px 0 100px; padding: 0; border: none;}
#main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form input#btnSubmitSmall {margin: 0; padding: 0; border: none;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both;}
#main ul.formVerify li:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: none; width: 46%; margin: 0 15px 0 0; text-align: right; float: left; display: block;}
#main ul.formVerify li em {width: 48%; margin: 0; float: left; display: block;}
/*end form elements*/
/*Special Layouts*/
#main ul.gallery {}
#main ul.gallery li {width: 108px; margin: 0 11px 15px; list-style: none; display: block; float: left;}
#main ul.gallery li a img {border: none;}
#main ul.gallery li p {color: #a96; margin: 0; text-align: center;}
#main ul.gallery li p a {color: #a96;}
#main #contentContainer ul.gallery li p.amount a {font-weight: normal; font-size: .9em;}
#main ul.gallery li ul {display: none;}
#main img.bioImage {clear: both;}
#main .bio {clear: both; margin: 0 0 75px 0;}
#main .bio dl dt {margin: 0 10px 0 0; font-weight: bold; float: left;}
#main .clear {clear: both;}
/*end Special Layouts*/

/**************************************************left column*********************************************/

/**************************************************footer**************************************************/
#footerWrap {background: #a0976b url(../images/bg-footerWrap.gif) repeat-x;}
#footer {background: url(../images/bg-footer.gif) repeat-x; width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1.1em; clear: both;}
#footer:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#footer address {color: #edb; padding: 20px 0 0 25px; float: left; font-style: normal;}
#footer address a {color: #fff; font-weight: bold;}
#footer address span.links {color: #edb; padding: 5px 0 0 0; text-transform: uppercase; display: block;}
#footer address span.links a {color: #fff; font-weight: bold;}
#footer p.facebook a {background: url(../images/callout-facebook.gif) no-repeat; width: 156px; height: 62px; margin: 5px 25px 0 0; float: right; display: block; text-indent: -9999em; overflow: hidden;}
#footer p.facebook a:hover {background-position: 0 -62px;}