
body {
    margin : 0;
    padding : 0;
    background : #fff;
    font-family : verdana, helvetica, arial, sans-serif;
    font-size : 11px;
    color : #565555;
}

a {
    font-weight : bold;
    color : #565555;
    text-decoration : underline;
}

/*
* Master
*/
#mastercontainer {
    margin : 0 0 0 10px;
    width : 630px;
}

/*
* Header
*/
#header {
    margin : 0 0 3px 0;
    height : 52px;
    background : transparent url(/images/int_header_green.gif) top left no-repeat;
}

#header h1 {
    margin : 0;
}

#header a {
    display : block;
    height : 52px;
}

#header a span {
    display : none;
}


/*
* Content container
*/
#contentcontainer {
    width : 438px;
}

#compassionbanner {
    width : 438px;
    height : 266px;
    background : transparent url(compassion_landing_banner.jpg) top left no-repeat;
}

#compassionbannerinner {
    padding : 205px 0 0 0;
}

#compassionbannersharelink {
    display : block;
    float : right;
    width : 195px;
    height : 54px;
}

#ieroot #compassionbannersharelink {  /** add to any doing something weird in IE */
    background : black;
    filter : alpha(opacity=0);
}

#compassionbannergivelink {
    display : block;
    width : 211px;
    height : 54px;
}

#compassionbannersharelink span,
#compassionbannergivelink span {
    display : none;
}

#content {
    margin : 0;
    padding : 30px 0 16px 32px;
}

#content h1,
#content h2,
#content h3 {
    margin : 0;
    color : #afbc21;
}

#content h1,        /* shouldn't be used, but just in case, make it look like an h2 */
#content h2 { font-size : 1.4em }
#content h3 { font-size : 1em }

#content h1 + p,
#content h2 + p,
#content h3 + p {
    margin-top : 0;
}

/*
* Right side container
*/
#rightcontainer {
    float : right;
    width : 175px;
}

#rightcontainer .navlink {
    display : block;
    margin : 8px 0;
    padding : 8px 5px 8px 10px;
    background : #6c6c6c;
    font-weight : bold;
    color : #fff;
    text-decoration : none;
}

/*
* Donate button link
*/
.donatelink {
    display: block;
    margin : 30px 0 0 0;
    border : 1px solid #6c6c6c;
    width : 170px;
    height: 36px;
    background : transparent url(/images/nav_donate_green.gif) top left no-repeat;
}

.donatelink span {
    display : none;
}


/**
* Spanish overrides
*/
.spanishpage #compassionbanner {
    background-image : url(compassion_landing_banner_spanish.jpg);
}

.spanishpage .donatelink {
    background-image : url(/images/nav_donate_spanish_green.gif);
}
