@charset "utf-8";

div.clear {
    clear: both;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

#body {
    width: 100% !important;
    background-image: url(../images/tmp/main_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

#wrapper {
    width: 960px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#topNav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
    height: 46px;
    list-style-type: none;
    padding: 0px;
    width: 625px;
}

#topNav li {
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
    height: 46px;
}

#topNav li#give {
    background-image: url(../images/nav/give.png);
    width: 64px;
}

#topNav li#receive {
    background-image: url(../images/nav/receive.png);
    width: 90px;
}

#logo {
    background-image: url(../images/template/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 99px;
    width: 404px;
    margin-left: 33px;
    overflow: hidden;
    margin-top: 49px;
    margin-right: 0px;
    margin-bottom: 0px;
    clear: both;
}

#logo a {
    display: block;
    padding-top: 105px;
}

#content {
    margin-top: 86px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 24px;
    padding-left: 50px;
}

.column {
    float: left;
}

#mediaWindow {
    width: 438px;
    height: 266px;
    background: transparent url('../images/template/ss-bg.png') no-repeat;
    margin-left: 490px;
    position: absolute;
    z-index: 100;
    top: 118px;
    padding: 10px 0 0 10px;
}

#footer {
    clear: both;
    color: #FFFFFF;
    background-color: #605951;
}

#footer .inside {
    width: 960px;
    color: #FFFFFF;
    background-color: #605951;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin: 0px;
}

#bottomNav {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: right;
    width: 572px;
}

#bottomNav li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#bottomNav li a {
    color: #FFFFFF;
    text-decoration: none;
}

#footer a:hover {
    color: #f0b410;
}

#bottomNav li.last {
    padding-right: 0px;
    border-right-style: none;
}

#footer p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 0px;
}

#footer a {
    color: #FFFFFF;
    text-decoration: none;
}

#homeNews {
    background-image: url(../images/template/news-home-.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 265px;
    padding-top: 30px;
}

.item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    width: 212px;
    margin-bottom: 20px;
}

.item h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    display: inline;
    margin: 0px;
}

.item a, #blog .moreLink {
    color: #dca614;
    text-decoration: none;
}

.item h3 a {
    color: #999999;
}

.item h3 a:hover {
    color: #dca614;
}

.item .moreLink:hover, #blog .moreLink:hover {
    color: #666666;
}

#homeEvents {
    background-image: url(../images/template/events-home-.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 275px;
}

#homeSocial {
    width: 309px;
    padding-top: 20px;
}

#homeSocial #follow {
    font-size: 12px;
    color: #999999;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #f0b410;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #f0b410;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#follow ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 30px;
}

#follow li {
    float: left;
}

#follow p {
    clear: both;
    margin: 0px;
}

#follow img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#homeSocial #blog {
    background-image: url(../images/template/blog-home.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 12px;
    color: #999999;
    padding-left: 90px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#homeCopy {
    width: 430px;
    margin-bottom: 20px;
}

#topNav li#advise {
    background-image: url(../images/nav/advise.png);
    width: 80px;
}

#topNav li#learn {
    background-image: url(../images/nav/learn.png);
    width: 76px;
}

#topNav li#stories {
    background-image: url(../images/nav/stories.png);
    width: 83px;
}

#topNav li#scholarships {
    background-image: url(../images/nav/scholarships.png);
    width: 130px;
}

#topNav li#contact {
    background-image: url(../images/nav/contact.png);
    width: 102px;
}

#topNav li:hover, #topNav li.active {
    background-position: right top;
}

#topNav li a {
    display: block;
    padding-top: 30px;
	text-indent: -9999px;
}

#logSearch {
    background-image: url(../images/template/login-bg.png);
    width: 335px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 46px;
    overflow: hidden;
    position: absolute;
    clip: rect( auto, auto, auto, auto);
    top: 0px;
    margin-left: 625px;
}

#logSearch form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 16px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: center;
    letter-spacing: 1px;
}

#logSearch #sch {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 116px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #E6E4E1;
    border-bottom-color: #E6E4E1;
    border-left-color: #999999;
    line-height: 12px;
    padding: 0px;
}

#logSearch a {
    color: #666666;
    text-decoration: none;
}

#logSearch a:hover {
    color: #333333;
}

#imgChanger {
    height: 257px;
    width: 427px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#imgChanger IMG {
    /*display:none;*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 427px;
    z-index: 8;
    opacity: 0.0;
}

#imgChanger IMG.active {
    z-index: 10;
    opacity: 1.0;
}

#imgChanger IMG.last-active {
    z-index: 9;
}

#body-sub {
    background-image: url('../images/tmp/sub_bg5.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

#logo-sub {
    background: transparent url('../images/template/logo-smaller.png') no-repeat top left;
    height: 75px;
    width: 289px;
    overflow: hidden;
    margin: 0 0 0 33px;
    clear: both;
}

#logo-sub a {
    display: block;
    padding-top: 85px;
}

#content-sub {
    height: 578px;
    padding: 40px 50px 24px 50px;
}

#subCopy {
    float: left;
    height: 570px;
    width: 434px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #605951;
    font-size: 12px;
    line-height: 18px;
    padding: 0 6px 0 0;
}
#subCopy input, select { margin:2px; }
#subCopy h1, h2, h3, h4, h5, h6 {
    margin: 10px 0 16px 0;
    font-family: Myriad, Arial, sans-serif;
    font-weight: normal;
    line-height: auto;
}

#subCopy h1 {
    font-size: 25px;
}

#subCopy h2 {
    font-size: 23px;
    line-height: 30px;
}

#subCopy h3 {
    font-size: 21px;
}

#subCopy h4 {
    font-size: 19px;
}

#subCopy h5 {
    font-size: 17px;
}

#subCopy h6 {
    font-size: 15px;
}

#subCopy p {
    margin: 12px 0;
}

#subRight {
    float: right;
    width: 400px;
    text-align: right;
}

#subRight #pageImage {
    margin: 10px 0 0 0;
}

#subSocial {
    width: 310px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    color: #999999;
    line-height: 14px;
    text-align: left;
}

#subSocial .socialItem {
    margin: 13px 0 13px 0;
    border-top: 3px solid #f0b410;
}

#subSocial #follow {
    padding: 8px 5px 0 5px;
}

#subSocial #blog {
    background: transparent url('../images/template/blog-home.png') no-repeat 5px 8px;
    padding: 8px 5px 0 90px;
}

#DonateOnlineForm .form-lg {
    width: 400px;
}

#topNav ul.sub {
	margin-top: -20px;
    position: absolute;
    z-index: 200;
    padding: 0;
    margin: 0;
	display: none;
}

#topNav ul.sub li {
    padding: 0;
    margin: 0;
    background: #605951;
    padding: 10px;
    height: 12px;
    display: block;
    float: none;
}

#topNav ul.sub li a {
    height: auto;
    width: auto;
    color: white;
    text-decoration: none;
    padding-top: 0;
    margin: 0;
	text-indent: 0;
}

#topNav ul.sub li:hover {
    background: #F0B410
}

.result {
    padding: 10px 20px 10px 10px;  
    border-bottom: 1px dotted #999;
    margin-right: 10px;
}

.result a {
    display: block;
    color: #333;
    font-weight: bold;  
}

h6 {
    border-top: 1px dotted #999;
    padding-top: 12px;
}