/* @group Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: n ormal;}
/* @end */
/* @group Default HTML Styles */
body {background-color: #000; background-repeat: no-repeat; background-position: 0 0; font-family: Arial, Helvetica, sans-serif; color: #010101; font-size: 12px; line-height: 1.5em;}
p, h2, h3, h4, dd {padding-bottom: 14px;}
p, dd, li {font-size: 1em; line-height: 1.5em;}
h2, h3, h4, h5 {line-height: 1.2em;}
dt {font-size: 1.15em; font-weight: bold; line-height: 1.5em;}
a, a:link, a:visited {color: #f00; text-decoration: none;}
a:hover {text-decoration: underline;}
h2 {color: #f00; padding: 0 0 18px 0; font-size: 18px; line-height: 1.1em; font-weight: normal;}
h3 {color: #101010; padding-bottom: 14px; font-size: 12px; font-weight: bold;}
h4 {color: #555; padding-bottom: 14px; font-size: 12px; font-weight: bold;}
dl {margin: 0; padding: 0 0 4px 0;}
dt {font-weight: bold; font-size: 12px; line-height: 15px; margin: 0; padding: 0;}
dd {font-size: 11px; line-height: 15px; margin: 0; padding: 0 0 14px 0;}
ul, ol {margin: 0 0 0 15px; padding: 0 0 14px 15px;}
ul.ul_no_bullet {list-style: none; padding: 0 0 14px 0; margin: 0;}
img {border: 0;}
/* @end */
/* @group Generic Classes */
.nopad {padding: 0;}
.small {font-size: .92em;}
.clear {clear: both;}
/* @end */

/* @group Header */
#header_wrap {width: 100%; height: 52px; background: #000;}
#header {width: 955px; position: relative; height: 52px;}
#header h1 {width: 127px; height: 36px; position: absolute; top: 9px; left: 22px; text-indent: -999em; background: url(imgs/logo.png) no-repeat 0 0;}
#header h1 a {width: 127px; height: 36px; display: block;}
#header ul {position: absolute; top: 0; right: 0; height: 52px; list-style: none; padding: 0; margin: 0}
#header li {float: left; font-size: 13px; height: 52px;}
#header li a {display: block; float: left; height: 52px; line-height: 52px; padding: 0 11px; color: #fff;}
#header li a:hover, #about_page #header li#li_about a, #celebrating_page #header li#li_celebrating a, #giving_page #header li#li_giving a, #grants_page #header li#li_grants a, #contact_page #header li#li_contact a {color: #f00; text-decoration: none;}
/* @end */

/* @group Content */
#content_wrap {background: url(imgs/bg/content.png) repeat-y 200px 0; margin-top: 68px; width: 100%;float: left;}
#content {width: 755px; background: #fff; float: left; margin: 0 0 0 200px; padding: 30px 0;}
/* @group Left Column */
#left_col {float: left; width: 172px; text-align: right;}
#left_col h3 {border-bottom: 1px solid #999696; margin-bottom: 14px; padding: 0 12px 14px 10px;}
#left_col ul {list-style: none; padding: 0 0 14px 0; margin: 0;}
#left_col li {padding: 0 12px 10px 10px;}
#left_col li.active a {color:#000;}
/* @end */


/* @group Center Column */
#center_col {float: left; width: 365px; padding: 0 23px;}
.inner_col {float: left; width: 175px; padding-right: 7px;}
/* @end */
/* @group Right Column */
#right_col_wrap {float: left; width: 172px; background: #b10014 url(imgs/bg/right_col.png) repeat-x 0 100px;}
#right_col {background: url(imgs/bg/right_col_top.jpg) no-repeat 0 0; width: 172px;}
#right_col dl {color: #fff; padding: 120px 15px 0 15px;}
#right_col dt {font-size: 14px; font-weight: bold;}
#right_col dd {font-size: 12px;}


#right_col a {color: #fff; text-decoration: underline;}
#right_col a:hover {text-decoration: none;}

/* @end */

/* @group Footer */
#footer {clear: both; width: 735px; padding: 40px 10px 20px 10px; text-align: center; font-size: 11px;}
#footer a {padding: 0 3px; color: #4390d0;}
/* @end */
/* @end */

/* @group Home */
#home_page #content_wrap {width: 980px; background: none; margin: 0; width: 980px;}
#home_page #content {width: 280px; background: url(imgs/bg/home_content.png) repeat 0 0; float: left; margin: 0 0 0 590px; padding: 50px 50px 100px 60px; color: #fff;}

/* Orig
#home_page #content {width: 280px; background: url(imgs/bg/home_content.png) repeat 0 0; float: left; margin: 0 0 0 590px; padding: 100px 50px 260px 60px; color: #fff;}
*/
#home_page #content h2 {color: #f00; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 1.1em;}
#home_page #content p {font-size: 14px; line-height: 18px;}
#home_page #footer_wrap {width: 100%; background: #fff; border-top: 24px solid #000; float: left; padding: 0 0 40px 0;}
#footer_top {float: left; padding: 0 0 40px 200px;}
#footer_top dl {width: 180px; padding: 20px 8px 0 8px; float: left; border-left: 1px solid #999;}
#footer_top dt {font-size: 18px; color: #f00; font-weight: normal; padding: 0; margin: 0;}
#footer_top dd {font-size: 12px; padding: 0 0 10px 0;}
#home_page #footer { clear: both; width: 780px; padding: 0 0 0 200px; text-align: center; font-size: 11px;}
/* @end */


/* @group Form Elements */
form table {width: 365px; padding: 0; margin: 0 0 14px 0; border: 0; border-collapse: collapse;}
form table td {padding: 0 10px 10px 0;}
input, textarea, select {width: 170px; font-family: arial; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif;}
textarea {width: 280px;}
.input_short {width: 60px;}
.select_short {width: 60px;}
label {display: block; cursor:pointer;}
button {text-indent: -999em; display: block; border: 0; cursor: pointer; width: 79px; height: 25px; background: url(imgs/btn_submit.png) no-repeat 0 0;}
/* @end */


/* Simple square overlay with wide border */
.default_overlay { width: 600px; left:50%; top: 40px; margin-left:-325px; background-color:#fff; position: fixed !important; border: 5px solid #ccc; padding: 15px 20px 20px 20px; z-index:950; -moz-box-shadow: 0 0 1em #555; -webkit-box-shadow: 0 0 1em #555; }
.default_overlay_600 { width: 600px; margin-left: -320px; }
.default_overlay input { width: 392px; }
.default_overlay select { width: 400px; }
.overlay_inner { height: 300px; overflow: auto; padding: 0 20px 0 0; }
.overlay_close { position: absolute; right: 20px; top: 20px; width: 22px; height: 22px; display: block; text-indent: -999em; background: url(/imgs/close.png) no-repeat 0 0; }

.default_onion { background: #000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); z-index: 900; display:block;  }

/* @end */

