/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 10, 2014 */
@font-face
{
    font-family: 'proxima_nova_rgregular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('proximanova-regular-webfont.woff2') format('woff2'), url('proximanova-regular-webfont.woff') format('woff'), url('proximanova-regular-webfont.ttf') format('truetype'), url('proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body
{
    width: 100%;
    background: #eee;
    margin-top: 0;
    overflow-x: hidden;
    font-family: 'proxima_nova_rgregular';
}

#main
{
    margin: 0 0% 0 0%;
}

#header
{
    height: 80px;
    display: table-row;
    display: table;
    width: 100%;
    background: #fff;
}

#logo, #links
{
    vertical-align: middle;
    display: table-cell;
}

#logo
{
    width: 40%;
    text-align: right;
}

#links
{
    padding-left: 5%;
}

#links ul
{
    list-style: none;
    padding-bottom: 1%;
    margin-top: 0px;
}

#links ul li
{
    float: left;
    padding: 1% 2% 1% 2%;
    font-family: 'proxima_nova_rgregular';
    font-size: 12px;
    border-right: 1px dotted #000;
    color: #636363;
}

#links ul li a
{
    text-decoration: none;
    color: #000;
}

#links ul li:last-child
{
    border-right: 0px solid #000 !important;
}

#banner
{
    position: relative;
    background: #083f88;
}

#banner img:first-child
{
}

#img_aidan
{
    position: absolute;
    top: 45%;
    left: 17%;
}

#img_story
{
    position: absolute;
    top: 42%;
    left: 65%;
}

#content
{
    margin-top: -5px;
    padding: 3% 35% 2% 17%;
    font-size: 14px;
    background: #ccc;
    font-family: 'proxima_nova_rgregular';
}

#content p
{
    text-align: justify;
}

#banner
{
    margin: 0px !important;
    padding:0% 0% !important;
}

#mission
{
    background-color: #ef4023;
    height: 156px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    margin-top: -10px;
}

#mission P
{
    vertical-align: middle;
    font-family: 'proxima_nova_rgregular';
}

#mission P:first-child
{
    margin-top: 10px;
    font-size: 25px/48px;
    padding-top: 40px;
    font-weight: normal;
}

#mission P:last-child
{
    font-size: 35px;
    margin-top: 10px;
    font-weight: bold;
}

#footer
{
    background: #303030;
    text-align: center !important;
    margin-top: -20px;
    font-family: 'proxima_nova_rgregular';
}

#footer p
{
    color: #fff;
}

#footer p:first-child
{
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

#footer div:first-child
{
    text-align: center;
}

.footer-table
{
    display: table;
    width: 50%;
    margin: auto;
    color: #fff;
}

.footer-table div
{
    display: table-row;
}

.footer-table div div
{
    padding: 1%;
    text-align: center;
    display: table-cell;
}

.footer-table div:last-child div:first-child
{
    width: 45%;
    border: 1px solid #fff;
}

.footer-table div:last-child div:last-child
{
    width: 45%;
    border: 1px solid #fff;
}

.footer-table div:last-child div:nth-child(2)
{
    width: 10%;
}

.footer-table div:first-child div:first-child
{
    width: 45%;
    border: 0px solid #fff;
}

.footer-table div:first-child div:last-child
{
    width: 45%;
    border: 0px solid #fff;
}

.footer-table div:first-child div:nth-child(2), .footer-table div:first-child div+div
{
    width: 10%;
}

.footer-table1
{
    display: table;
    width: 100%;
    margin: auto;
    color: #fff;
}

.footer-table1 div
{
    display: table-row;
}

.footer-table1 div div
{
    padding: 1% 0.5%;
    text-align: center;
    display: table-cell;
    width: 50%;
}

.footer-table1 div div:first-child
{
    text-align: center !important;
}

.footer-table1 div div:last-child
{
    text-align: left;
}

.footer-table1 div div a
{
    text-decoration: none !important;
    color: #fff;
}



/** About Page **/

.about
{
    font: 'proxima_nova_rgregular';
    font-weight: lighter;
    font-size: 35px/48px;
    color: #083f88;
}

.aidan_brown
{
    font: 'proxima_nova_rgregular';
    font-weight: bold;
    font-size: 35px;
    color: #083f88;
}

.ADRENOCORTICAL_CARCINOMA
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 20px;
    color: #083f88;
}


/** footer **/

#footer p:first-child
{
    font-size: 35px;
}

#footer p:nth-child(2), #footer p + p
{
    font-size: 18px/18px;
}

.footer-table1, .footer-table
{
    color: #ffeb79 !important;
    font-size: 14px/20px;
}

.footer-table1 a, .footer-table a
{
    text-decoration: none;
    color: #ffeb79;
    font-size: 18px/20px;
}


/**donate.asp and message.asp **/
.heading
{
    font-size: 18px;
    color: #083f88;
}

/** donation confirm.asp **/

.confirm_ref_number
{
    color: #CC6600;
    font-size: 25px;
}

#footer
{
    margin-top: -40px;
}

/* Gradient color1 - color2 - color1 */

hr
{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.msg_confirmation 
{
    color: #CC6600;
    font-size: 30px;
}
