﻿body {
    background-image: url( '/images/layout/bg_3.jpg' );
    background-repeat: repeat;
    background-color: #ffffff;
    margin: 0;
    font-family: Calibri;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
}

A:link {
    text-decoration: underline;
    color: #FFFFFF;
}

A:visited {
    text-decoration: underline;
    color: #FFFFFF;
}

A:active {
    text-decoration: underline;
    color: #FFFFFF;
}

A:hover {
    text-decoration: underline;
    color: #ffcc33;
}


.menudiv1 {
    width: 960px;
    background-color: #003366;
    margin: auto;
    -webkit-box-shadow: #666666 5px 4px 8px;
    -moz-box-shadow: #666666 5px 4px 8px;
    box-shadow: #666666 5px 4px 8px;
}

.banner {
    background-image: url( '/images/layout/banner1.PNG' );
    /*width: 100%; Request by Sam to change banner width*/
    height: 117px;
    position: absolute;
    top: 74px;
    margin-left: -15px;
    width: 960px;
}

.page {
    width: 930px;
    height: auto;
    padding: 120px 15px 15px 15px;
    margin: auto;
    background-color: #003366;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: #666666 5px 4px 8px;
    -moz-box-shadow: #666666 5px 4px 8px;
    box-shadow: #666666 5px 4px 8px;
    margin-top: -20px;
}

.bottompage {
    width: 958px;
    padding: 7px;
    margin: auto;
    text-align: center;
    font-size: small;
    color: #003366;
}

    .bottompage a:link,
    .bottompage a:visited,
    .bottompage a:active,
    .bottompage a:hover {
        color: #003366;
        text-decoration: none;
    }

    .bottompage a:hover {
        text-decoration: underline;
    }

.main_left {
    width: 500px;
    height: 510px;
    float: left;
}

.main_right {
    height: 520px;
    width: 396px;
    float: right;
}

.main_top {
    width: 930px;
    height: 610px;
}

.main_buttons {
    width: 200px;
    height: 250px;
    float: left;
}

.main_donate {
    padding: 0px 0px 8px 0px;
    width: 200px;
}

.main_volunteer {
    padding: 0px 0px 8px 0px;
    width: 200px;
}

.main_gethelp {
    padding: 0px 0px 8px 0px;
    width: 200px;
}

.main_missionstatement {
    padding: 0px 0px 8px 0px;
    width: 200px;
}

.main_video {
    padding-top: 20px;
    width: 560px;
    height: 335px;
    clear: both;
}




.last {
    clear: both;
}

.info_containernew {
    width: 300px;
    height: 250px;
    float: right;
}

.top_button {
    text-align: center;
    font-size: 1.6em;
}

.heading_font {
    font-size: 1.5em;
}

.watermark {
    color: Gray;
}


/* Style all Submit buttons */
input[type=submit] {
    background-color: #003366;
    color: #ffcc33;
    border-color: #ffcc33;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.round_edges {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.socialicons {
    text-align: center;
    width: 100%;
    clear: both;
}

/*!
* Bootstrap v2.3.2
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 0px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .alert, .alert h4 {
        color: #c09853;
    }

        .alert h4 {
            margin: 0;
        }

        .alert .close {
            position: relative;
            top: -2px;
            right: -21px;
            line-height: 20px;
        }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

    .alert-success h4 {
        color: #468847;
    }

.alert-h4h {
    background-color: #ffcc33;
    border-color: #d6e9c6;
    color: #003366;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

    .alert-info h4 {
        color: #3a87ad;
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

.alert a {
    color: blue;
}

.button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.clear {
    clear: both;
}

.guidestar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 25px 0px 25px;
}

.icons_padding {
    padding: 16px 15px 0px 25px;
}

.fb {
    height: 352px;
    width: 356px;
    z-index: 0;
}

.default {
    top: 500px;
}

.menuimg {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 0px;
}

.newsletter {
    margin: 0;
    padding: 0;
    text-align: center;
}

.h4h_donate_pageunderlay {
    width: 930px;
    height: 100px;
    /**background-color: #3a87ad;*/
    background-color: #ffcc33;
    margin-bottom: 50px;
    top: 80px;
    position: absolute;
    z-index: 5;
    box-shadow: 0px 1px 1px #000000;
}

.banner {
    z-index: 99;
}

.h4h_donate_button {
    position: absolute;
    top: 103px;
    right: 30px;
    width: 240px;
    height: 44px;
    background-color: #ffcc33;
    font-size: 40px;
    cursor: pointer;
    float: right;
    z-index: 1;
    text-align: center;
    /*box-shadow: 0px 1px 1px #000000;*/
    text-transform: uppercase;
}

    .h4h_donate_button:after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50%;
        content: '';
        width: 0;
        height: 0;
        border-top: solid 30px #ffcc33;
        border-left: solid 120px transparent;
        border-right: solid 120px transparent;
    }

    .h4h_donate_button a {
        text-decoration: none;
    }

        .h4h_donate_button a:hover {
            color: #ffffff;
        }

.h4h_spacer {
    height: 70px;
}

.donate_info {
    z-index: 0;
}

.hoopsforhavenbanner {
    background-color: white;
    padding: 5px;
    border: 2px solid;
    border-radius: 5px;
    width: 300px;
    text-align: center;
}

div[class='socialicons'] a {
    text-decoration: none;
    color: transparent;
}
