/**
 * HTML5 # Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body.full-page-graphic { font:12px/1.331 Arial; *font-size:small; color:#000; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/**
 * Minimal base styles.
 */
/* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h2{
    color: #ed1c2e;
    text-transform: uppercase;
    padding-top: 50px;
    line-height: 1.331;
    font-size: 18px;
}
h3{
    padding-top: 22px;
}
a, a:active, a:visited { 
    color: #000; 
}
a:link {
    text-decoration: underline;
}
a:hover { 
    color: #036;
    text-decoration: none;
 }
#container{
    height: 567px;
    width: 945px;
    background: transparent url(/es/images/bg.jpg) repeat-x;
    margin:0 auto;
}
#img{
    height: 567px;
    width: 445px;
    background: transparent url(/es/images/hero.png) bottom right no-repeat;
    float: left;
}
#main{
    height: 567px;
    width: 500px;
    background: transparent url(/es/images/main.png) top center no-repeat;
    float: right;
}
.headline{
    height: 89px;
    width: 448px;
    background: transparent url(/es/images/headline.png) center no-repeat;
    margin: 61px 25px;
}
.content{
    height: 404px;
    width: 392px;
    margin-left: 56px;
}
.donate-now-nav{
    height: 30px;
    width: 330px;
    background: transparent url(/es/images/nav-donate-now-off.png) no-repeat;
    text-indent: -9000px;
    display: block;
}
.donate-now-nav:hover{
    background: transparent url(/es/images/nav-donate-now-on.png) no-repeat;
}