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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    /*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
strong {font-weight:bold;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS RESET - END */
body {
    background-color: #FFFFFF;
    font-family: Arial, Arial, Helvetica, sans-serif;
}

p {
    font-size:14px;
    line-height:19px;
    margin-bottom:21px;
}

label {
    font-size:14px;
    line-height:19px;
    margin-bottom:21px;
}

a{
    font-weight: bold;
    color: #3366cc;
    text-decoration: none;
}

a:hover{ 
    text-decoration: underline;
}

h2 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #D32027;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #7C1620;
}

h4 {
    font-size:12px;
    margin-bottom:21px;
    font-weight: bold;
}

h5 {
    font-size:25px;
    color: #FFFFFF;
    padding-top: 15px;
    padding-left: 70px;
}

strong {
    font-weight: bold;
}

.line {
    height: 1px;
    background: url(../images/point.gif) repeat-x;
    margin-bottom: 15px;
}

#wrapper {
    position: relative;
}

#wrapper #header {
    position: relative;
    height: 108px;
    background: url(../images/bg_header.jpg) repeat-x #FFFFFF;
}

#wrapper #header #head {
    position: relative;
    margin: auto;
    width: 1024px;
    height: 108px;
}

#wrapper #header #head #logo{
    position: absolute;
    top: 0px;
    left: 78px;
}

#wrapper #header #head #nav{
    position: absolute;
    top: 33px;
    right: 40px;
}

#wrapper #header #head #nav a{
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

#wrapper #header #head #nav a div{
    padding-top: 16px;
    text-align: center;
    cursor: pointer;
}

#wrapper #header #head #nav a #nav_home{float: left; background: none;height: 33px;width: 72px; margin-right: -7px;}
#wrapper #header #head #nav a #nav_home:hover{background: url(../images/rollover_home.png) no-repeat;}

#wrapper #header #head #nav a #nav_board{float: left; background: none;height: 33px;width: 140px; margin-right: -7px;}
#wrapper #header #head #nav a #nav_board:hover{background: url(../images/rollover_directors.png) no-repeat;}

#wrapper #header #head #nav a #nav_scho{float: left; background: none;height: 33px;width: 113px; margin-right: -7px;}
#wrapper #header #head #nav a #nav_scho:hover{background: url(../images/rollover_scholarships.png) no-repeat;}

#wrapper #header #head #nav a #nav_donate{float: left; background: none;height: 33px;width: 78px; margin-right: -7px;}
#wrapper #header #head #nav a #nav_donate:hover{background: url(../images/rollover_donate.png) no-repeat;}

#wrapper #header #head #nav a #nav_involved{float: left; background: none;height: 33px;width: 112px; margin-right: -7px;}
#wrapper #header #head #nav a #nav_involved:hover{background: url(../images/rollover_get_involved.png) no-repeat;}

#wrapper #header #head #nav a #nav_contact{float: left; background: none;height: 33px;width: 102px;}
#wrapper #header #head #nav a #nav_contact:hover{background: url(../images/rollover_contact.png) no-repeat;}

#wrapper #content{
    position: relative;
}

#wrapper .int{
    position: relative;
    background: url(../images/bg_content_int.jpg) repeat-x #FFFFFF;
}

#wrapper .home{
    position: relative;
    background: url(../images/bg_content_home.png) repeat-x #FFFFFF;
}

#wrapper #content #cont{
    position: relative;
    margin: auto;
    width: 1024px;
    padding-bottom: 20px;
}

#wrapper #content #cont #bg_home{
    position: absolute;
    top: -13px;
    left: 0px;
}

#wrapper #content #cont #bg_int{
    position: absolute;
    top: 0px;
    left: 0px;
}

#wrapper #content #cont .box_home{
    position: relative;
    height: 130px;
}

#wrapper #content #cont .box_home #scholarship_large{
    text-decoration: none;
    position: absolute;
    top: 72px;
    right: 80px;
    width: 163px;
    height: 42px;
    background: url(../images/scholarship_large.png) no-repeat top;
}

#wrapper #content #cont .box_home #scholarship_large:hover{
    background-position: bottom;
}

#wrapper #content #cont .box_home #donate_large{
    text-decoration: none;
    position: absolute;
    top: 25px;
    right: 80px;
    width: 163px;
    height: 42px;
    background: url(../images/donate_large.png) no-repeat top;
}

#wrapper #content #cont .box_home #donate_large:hover{
    background-position: bottom;
}

#wrapper #content #cont .box_int{
    position: relative;
    height: 60px;
}

#wrapper #content #cont .box_int #scholarship_small{
    text-decoration: none;
    position: absolute;
    top: 15px;
    right: 55px;
    width: 124px;
    height: 32px;
    background: url(../images/scholarship_small.png) no-repeat top;
}

#wrapper #content #cont .box_int #scholarship_small:hover{
    background-position: bottom;
}

#wrapper #content #cont .box_int #donate_small{
    text-decoration: none;
    position: absolute;
    top: 15px;
    right: 185px;
    width: 124px;
    height: 32px;
    background: url(../images/donate_small.png) no-repeat top;
}

#wrapper #content #cont .box_int #donate_small:hover{
    background-position: bottom;
}

#wrapper #content #cont #box{
    position: relative;
    width: 858px;
    margin-left: 40px;
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    background: url(../images/box_bg.png) repeat-y;
}

#wrapper #content #cont #box #box_top{
    position: absolute;
    width: 938px;
    height: 11px;
    top: -11px;
    left: 0px;
    background: url(../images/box_top.png) no-repeat;
}

#wrapper #content #cont #box #box_bottom{
    position: absolute;
    width: 938px;
    height: 11px;
    bottom: -11px;
    left: 0px;
    background: url(../images/box_bottom.png) no-repeat;
}

#wrapper #content #cont #box #box_left{
    position: absolute;
    width: 12px;
    height: 200px;
    top: 0px;
    left: 0px;
    background: url(../images/box_left.png) no-repeat;
}

#wrapper #content #cont #box #box_right{
    position: absolute;
    width: 12px;
    height: 200px;
    top: 0px;
    right: -2px;
    background: url(../images/box_right.png) no-repeat;
}

#wrapper #content #cont #box #left{
    float: left;
    width: 236px;
}

#wrapper #content #cont #box #right{
    float: left;
    width: 598px;
    padding-left: 23px;
    border-left: 1px solid #E4E4E4;
    padding-bottom: 15px;
}

#wrapper #content #cont #box #left_int{
    float: left;
    width: 600px;
    padding-right: 15px;
}

#wrapper #content #cont #box #right_int{
    float: left;
    width: 243px;
    text-align: right;
}

#wrapper #content #cont #box #right_int img{
    padding: 10px;
    background: url(../images/bg_image.gif) no-repeat;
    margin-bottom: 15px;
}

#wrapper #footer{
    position: relative;
    height: 77px;
    background: url(../images/bg_footer.jpg) repeat-x #FFFFFF;
}

#wrapper #footer #foot{
    position: relative;
    margin: auto;
    width: 924px;
    height: 42px;
    padding-left: 50px;
    padding-top: 35px;
    padding-right: 50px;
}

#wrapper #footer #foot p{
    float: left;
    margin: 0px;
    font-size: 12px;
    margin-top: -2px;
}

#wrapper #footer #foot ul{
    margin: 0px;
    float: right;
    list-style: none;
}

#wrapper #footer #foot ul li{
    font-size: 12px;
    float: left;
    list-style: none;
    padding-left: 5px;
}

#wrapper #footer #foot ul li a{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

#frm_contact {
    margin-left: 20px;
    width: 700px;
}

#frm_contact .frm_field{
    margin-bottom: 10px;
}

#frm_contact .frm_left{
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 5px;
}

#frm_contact .frm_right{
    float: left;
}

#frm_contact .inp_text {
    width: 300px;
    background-color: #F4F4F4;
    border: 1px solid #CFCFCF;
    padding-left: 2px;
    padding-right: 2px;
}
#donation-area {
  padding: 12px;
  font-size: 110%;
}
#donation-button {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 9px;
  display: inline-block;
  border: 1px outset buttonface;
}
.donation-input {
  padding: 3px;
  font-size: 14px;
  margin: 0px 4px 10px 4px;
}
.donation-success-message h5 {
  color: black;
  padding: 0;
  margin: 0 0 20px -2px;
}
.donation-success-message em {
  font-style: italic;
  color: #333;
}
#dummy-donation-form select {
  margin-left: 5px;
  margin-bottom: 10px;
  font-size: 18px;
}
.donation-form-row {
  padding: 5px 0;
}
.donation-label {
  font-size: 12px;
  padding: 2px 0 0 0;
  display: inline-block;
  margin: 0;
}