body {background: #fff; color: #000;}
#wrap {width: 750px; margin: 0 auto; padding: 0; position: relative; font-size: 1.1em;}
#demo {text-align:center;font-weight:bold;background:#ddd;color:#333;margin-bottom:1em;padding:1em;}
label {cursor:pointer;}
label.required {font-weight:bold;}
.hide {display:none;}
fieldset {margin-bottom:1em;}
.error {margin-bottom:1em;background: #b52; color: #fff; padding: 5px; font-weight: bold;}
/**************************************************header**************************************************/
#header {background: url(../images/bg-header.jpg) no-repeat; color: #fff; height: 140px; margin: 6px 0 1px 0; z-index: 9999; position: relative;}
#header h1 a {width: 176px; height: 104px; top: 1px; left: 33px; position: absolute;}
.about #header {background: url(../about/images/bg-header.jpg) no-repeat;}
.benefits #header {background: url(../benefits/images/bg-header.jpg) no-repeat;}
#churches #header {background: url(../benefits/images/bg-header-churches.jpg) no-repeat;}
#notforprofits #header {background: url(../benefits/images/bg-header-notforprofits.jpg) no-repeat;}
#educational #header {background: url(../benefits/images/bg-header-educational.jpg) no-repeat;}
.partners #header {background: url(../partners/images/bg-header.jpg) no-repeat;}
#header ul#headerNav {width: 100%; bottom: 0; height: 24px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 24px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.hdrhover {background-position: 0 -24px;}
#header ul#headerNav li a {background: transparent; height: 24px; left: 0; position: absolute; display: block;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ae {background-image: url(../images/headerNav-aelnk.gif); width: 117px; left: 13px;}
.about #header ul#headerNav li#ae {background-position: 0 -24px;}
#header ul#headerNav li#ae a#aelnk {width: 117px;}
#header ul#headerNav li#eb {background-image: url(../images/headerNav-eblnk.gif); width: 182px; left: 157px;}
.benefits #header ul#headerNav li#eb {background-position: 0 -24px;}
#header ul#headerNav li#eb a#eblnk {width: 182px;}
#header ul#headerNav li#ep {background-image: url(../images/headerNav-eplnk.gif); width: 116px; left: 368px;}
.partners #header ul#headerNav li#ep {background-position: 0 -24px;}
#header ul#headerNav li#ep a#eplnk {width: 116px;}
#header ul#headerNav li#cu {background-image: url(../images/headerNav-culnk.gif); width: 58px; left: 580px;}
.contact #header ul#headerNav li#cu {background-position: 0 -24px;}
#header ul#headerNav li#cu a#culnk {width: 58px;}
/*1st level dropdown*/
#header ul#headerNav li ul {background: #b52; color: #fff; width: 15em; height: auto; margin: 24px 0 0 0; left: -9999px; position: absolute; z-index: 99; border: solid #fff; border-width: 1px 1px 0 1px;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {background: #b52; color: #fff; height: auto; padding: 5px 10px 5px 16px; left: auto; font-size: 1em; position: relative; border-bottom: 1px solid #fff;}
#header ul#headerNav li ul li a:hover {background: #55a; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0px;}

/**************************************************content area********************************************/
#content {position: relative; min-height: 500px; }/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main, #suggest #main {color: #333; width: 550px; margin: 0 25px 0 0; position: relative; float: left;}/*see ie.css for fixes*/
.partners #main {width: 750px; margin: 0;}
#content ul#subNavigation {margin: 0 0 25px 0;}
#content ul#subNavigation li {list-style: none; display: inline;}
#content ul#subNavigation li a {color: #55a; margin: 0 10px 0 0; font-weight: bold;}
#content ul#subNavigation li a:hover,#content ul#subNavigation li a.selected {color: #b52; text-decoration: underline;}
#main #contentContainer {margin: 0 20px; line-height: 1.5; font-size: 1.1em;}
#main #contentContainer a {font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3 {margin: 0 0 20px 0; text-indent: -9999px;}
.about #main h3 {background: url(../about/images/title-content.gif); width: 154px; height: 26px;}
.benefits #main h3 {background: url(../benefits/images/title-content.gif); width: 169px; height: 35px;}
.partners #main h3 {background: url(../partners/images/title-content.gif); width: 177px; height: 25px;}
.contact #main h3 {background: url(../contact/images/title-content.gif); width: 134px; height: 25px;}
.privacy #main h3 {background: url(../privacy/images/title-content.gif); width: 169px; height: 35px;}
.accessibility #main h3 {background: url(../accessibility/images/title-content.gif); width: 144px; height: 35px;}
.sitemap #main h3 {background: url(../sitemap/images/title-content.gif); width: 110px; height: 34px;}
#errorpages403 #main h3 {background: url(../errorpages/images/title-403.gif); width: 225px; height: 27px;}
#errorpages404 #main h3 {background: url(../errorpages/images/title-404.gif); width: 253px; height: 35px;}
#errorpages500 #main h3 {background: url(../errorpages/images/title-500.gif); width: 282px; height: 35px;}
#main h4 {color: #b52; margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ul#letters {background: url(../about/images/e-g-i-v-e.gif) no-repeat; width: 500px; height: 234px; display: block; text-indent: -9999px;}
#main ul#letters li {list-style: none;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 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 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 510px; margin: 0 0 20px 0; border: 1px solid #55a; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #55a; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #55a; vertical-align: middle;}
iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; padding: 0; text-decoration: none; vertical-align: baseline;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
address {margin: 0 0 20px 0; font-style: normal;}
#main p.button-sign-up a {background: url(../images/button-sign-up.gif) no-repeat 0 0; width: 186px; height: 31px; display: block; text-indent: -9999px;}
#main p.button-sign-up a:hover {background-position: 0 -31px;}
#main p.button-make-a-gift a {background: url(../images/button-make-a-gift.gif) no-repeat 0 0; width: 186px; height: 31px; display: block; text-indent: -9999px;}
#main p.button-make-a-gift a:hover {background-position: 0 -31px;}
#main p.button-click-here a {background: url(../images/button-click-here-to-give.gif) no-repeat; width: 120px; height: 60px; display: block; text-indent: -9999px;}
#main p.button-sizes a {margin: 0 0 15px 0; display: block;}
#main #contentContainer form.partnerTable {width: 706px;}
#main #contentContainer form.partnerTable ul {width: 706px; margin: 0 0 20px 0; border: 2px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}
#main #contentContainer form.partnerTable ul:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main #contentContainer form.partnerTable ul li {width: 352px; height: 100px; margin: 0; padding: 20px 0; list-style: none; display: block; float: left; border-bottom: 1px solid #999; border-right: 1px solid #999; overflow: auto; position: relative;}
#main #contentContainer form.partnerTable ul li img {float: left; margin: 0 0 0 20px;}
#main #contentContainer form.partnerTable ul li a.giveLink {background: url(../images/btn-give-today.gif) no-repeat; width: 75px; height: 16px; display: block; top: 100px; left: 20px; position: absolute;}
#main #contentContainer form.partnerTable ul li address {margin: 0 0 0 115px; font-style: normal;}
#main #contentContainer form.partnerTable ul li address strong {font-size: 1.2em;}
#main #contentContainer form.partnerTable ul li address a {color: #f93; font-weight: bold; text-decoration: underline;}
/*form elements*/
#main form dl dt {color: #999; width: 125px; float: left; display: block; text-align: right;}
#main form label {color: #999;}
#main form label.required {font-weight: bold;}
#main form input,#main form select {color: #999; margin: 0 0 0 15px; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form input[type=submit] {background: #bbb !important; color: #333 !important; font-weight: bold; border: 1px outset #999;}
#main p.required {color: #999; font-size: .9em; font-style: italic;}
#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; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.jpg) no-repeat; width: 175px; padding: 110px 0 0 0; position: relative; float: left;}
.about #sidebar {background: url(../about/images/bg-sidebar.jpg) no-repeat;}
.benefits #sidebar {background: url(../benefits/images/bg-sidebar.jpg) no-repeat;}
#churches #sidebar {background: url(../benefits/images/bg-sidebar-churches.jpg) no-repeat;}
#notforprofits #sidebar {background: url(../benefits/images/bg-sidebar-notforprofits.jpg) no-repeat;}
#educational #sidebar {background: url(../benefits/images/bg-sidebar-educational.jpg) no-repeat;}
.partners #sidebar {background: url(../partners/images/bg-sidebar.jpg) no-repeat;}
#sidebar #sidebar-givers {background: url(../images/bg-sidebar-givers.gif) no-repeat; width: 175px; height: 82px; margin: 0 0 10px 0; position: relative;}
#sidebar #sidebar-givers h3 {text-indent: -9999px;}
#sidebar #sidebar-givers a.sidebar-login {width: 161px; height: 22px; top: 29px; left: 6px; position: absolute; text-indent: -9999px; display: block;}
#sidebar #sidebar-givers a.sidebar-login:hover {background: url(../images/bg-sidebar-givers-login.gif) no-repeat;}
#sidebar #sidebar-givers a.sidebar-signup {width: 161px; height: 23px; top: 51px; left: 6px; position: absolute; text-indent: -9999px; display: block;}
#sidebar #sidebar-givers a.sidebar-signup:hover {background: url(../images/bg-sidebar-givers-signup.gif) no-repeat;}
#sidebar #sidebar-receivers {background: url(../images/bg-sidebar-receivers.gif) no-repeat; width: 175px; height: 82px; margin: 0 0 10px 0; position: relative;}
#sidebar #sidebar-receivers h3 {text-indent: -9999px;}
#sidebar #sidebar-receivers a.sidebar-login {width: 161px; height: 22px; top: 29px; left: 6px; position: absolute; text-indent: -9999px; display: block;}
#sidebar #sidebar-receivers a.sidebar-login:hover {background: url(../images/bg-sidebar-receivers-login.gif) no-repeat;}
#sidebar #sidebar-receivers a.sidebar-apply {width: 161px; height: 23px; top: 51px; left: 6px; position: absolute; text-indent: -9999px; display: block;}
#sidebar #sidebar-receivers a.sidebar-apply:hover {background: url(../images/bg-sidebar-receivers-apply.gif) no-repeat;}
#sidebar #sidebar-my-egive a {background: url(../images/banner-my-egive.gif) no-repeat; width: 175px; height: 57px; display: block; text-indent: -9999px;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-home-footer.gif) no-repeat; height: 100%; margin: 0 0 20px 0; position: relative; clear: both;}
#footer p#copyright {color: #b52; top: 15px; left: 255px; position: absolute;}
#footer ul#footerNav {padding: 15px; text-align: right;}
#footer ul#footerNav li {color: #55a; list-style: none; display: inline;}
#footer ul#footerNav li a {font-weight: bold;}
#footer #buttons {text-align: right;}
#footer #buttons a {margin: 0 0 0 5px;}
#footer ul#socialNav {position:absolute; display:block; height:25px; width:75px; top:26px; left:38px; margin:0; padding:0;}
#footer ul#socialNav li {display:block; float:left; height:25px; width:25px; list-style:none; margin:0; padding:0;}
#footer ul#socialNav li a {display:block; text-indent:-9999em; overflow:hidden; background-image:url(../images/social-media-icons.jpg); background-repeat:no-repeat; width:25px; height:25px; margin:0; padding:0;}
#footer ul#socialNav li a.facebook {background-position:0px 0px;}
#footer ul#socialNav li a.facebook:hover {background-position:0px -25px;}
#footer ul#socialNav li a.twitter {background-position:-25px 0px;}
#footer ul#socialNav li a.twitter:hover {background-position:-25px -25px;}
#footer ul#socialNav li a.linkedin {background-position:-50px 0px;}
#footer ul#socialNav li a.linkedin:hover {background-position:-50px -25px;}