/*====================================================

Copyright © 2009

------------------------------------------------------
THIS CODE WRITTEN BY ARIAMEDIA PLEASE DO
NOT STEEL IT, BUT FEEL FREE TO BORROW ANYTHING YOU SEE
------------------------------------------------------

====================================================*/

* { margin: 0; padding: 0; }

html { background-position: 0 0; background-repeat: repeat-x; }

html, body { width: 100%; height: 100%; }
body { font: 9pt Helvetica, Arial, Verdana, sans-serif; color: #000; background: #02275C url(../images/tile-bg.gif) repeat-x top left; }



/* =GLOBALS
---------------------------------------------------*/

/* @group Block Elements */

a { color: #156299; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a img { border-width: 0; border-style: none; }
p { color: #666; margin-bottom: 1em; font-weight: 100; font-size: 10pt; line-height: 1.3em; }
h1 { background: url(../images/masthead.png) 0 0 no-repeat; width: 780px; height: 0; padding-top: 140px; float: left; overflow: hidden; }
h2 { margin-bottom: .5em; font-weight: 100; font-size: 16pt; }
h3 { font-size: 9pt; font-weight: bold; color: #333; margin-bottom: .5em; }
input, textarea { color: #999; font-size: 9pt; border: 1px solid #A9A9A9; padding: 5px 3px; }
input.donate-button { border: none; padding: 0; }
form { margin-bottom: 1em; }
form, input, textarea, option, select { font: 9pt Helvetica, Arial, Verdana, sans-serif; }
label { display: block; width: 100%; float: left; font-weight: bold; font-size: 8pt; color: #000; margin-bottom: 1em; }
hr { width: 100%; height: 0px; border: none; border-top: 3px solid #DDDDDD; margin: 0 0 2em 0; }

/* @end */

/* @group Containers */

#wrapper { background: url(../images/main-bg.jpg) no-repeat 50% 0; width: 100%; height: 100%; margin: 0 auto; float: left; }
#masthead { width: 780px; height: 140px; float: left; margin: 30px 0 20px 0; }

/* @end */

/* @group Columns */

.content { width: 780px; margin: 0 auto; padding-bottom: 20px; }

.c-left { width: 620px; float: left; }

.c-right { width: 160px; float: right; margin-bottom: 20px; }
.c-right a { margin-bottom: 20px; float: right; }
.c-right #bigcall { margin: 29px 0 40px 0; float: right; }

.content .c-left .tabs { width: 580px; background: url(../images/c-left-bg.png) no-repeat 0 100%; float: left; padding: 20px 20px 140px; }
.content .c-left .tabs .left { width: 120px; float: left; }
.content .c-left .tabs .right { width: 440px; float: right; padding-top: 10px; padding-bottom: 20px; }

#footer { width: 100%; float: left; margin-bottom: 20px; padding: 20px 0; }
#footer img { margin-bottom: 1em; }
#footer p { font-size: 7.5pt; color: #4a9cc2; }
#footer p a { color: #4a9cc2; }

/* @end */

/* @group Tabs */

#nav-tabs { width: 100%; float: left; }
#nav-tabs ul { display: block; float: left; width: 100%; }
#nav-tabs ul li { display: block; float: left; font-weight: bold; font-size: 9pt; text-transform: uppercase; }
#nav-tabs ul li a:hover { text-decoration: none; }

#nav-tabs ul li#n-1 { margin-right: 3px; }
#nav-tabs ul li#n-1 a { display: block; background: url(../images/n-1-bg.png) no-repeat 0 0; padding: 10px 13px 5px 12px; height: 14px; overflow: hidden; }
#nav-tabs ul li#n-1.active a { background: url(../images/n-1-bg-active.png) no-repeat 0 0; color: #000; }

#nav-tabs ul li#n-2 a { display: block; background: url(../images/n-2-bg.png) no-repeat 0 0; padding: 10px 13px 5px 12px; overflow: hidden; height: 14px; }
#nav-tabs ul li#n-2.active a { background: url(../images/n-2-bg-active.png) no-repeat 0 0; color: #000; }

#nav-tabs ul li#n-3 { display: block; font-size: 12pt; }
#nav-tabs ul li#n-3 a { display: block; background: url(../images/n-3-bg.png) no-repeat 0 0; color: #FFF; height: 20px; overflow: hidden; padding: 8px 23px 1px; }
#nav-tabs ul li#n-3.active a { background: url(../images/n-3-bg-active.png) no-repeat 0 0; color: #000; }
#nav-tabs ul li#n-3.active a:hover { background: url(../images/n-3-bg-active.png) no-repeat 0 0; color: #000; }
#nav-tabs ul li#n-3 a:hover { background: url(../images/n-3-bg-hover.png) no-repeat 0 0; }

#nav-tabs ul li#n-4 { float: right; display: block; font-size: 9pt; }
#nav-tabs ul li#n-4 a { color: #FFF; display: block; padding: 9px 0 0 0; }
#nav-tabs ul li#n-4 a:hover { text-decoration: underline; }

/* @end */

/* @group Headings */

h2#title-1 { width: 440px; padding-top: 25px; height: 0; overflow: hidden; background: url(../images/title-1-bg.gif) no-repeat 0 0; }
h2#title-2 { width: 440px; padding-top: 25px; height: 0; overflow: hidden; background: url(../images/title-2-bg.gif) no-repeat 0 0; }
h2#title-3 { width: 440px; padding-top: 25px; height: 0; overflow: hidden; background: url(../images/title-3-bg.gif) no-repeat 0 0; }
h2#title-4 { width: 440px; padding-top: 25px; height: 0; overflow: hidden; background: url(../images/title-4-bg.gif) no-repeat 0 0; }
h2#title-5 { width: 440px; padding-top: 25px; height: 0; overflow: hidden; background: url(../images/title-5-bg.gif) no-repeat 0 0; }


/* @end */

/* @group Misc */

.contact-us input,
.contact-us textarea { margin-bottom: 1em; }
.contact-us textarea { width: 548px; height: 5em; }
.fifty { width: 50%; }
.float-left { float: left; }
.float-right { float: right; }
.caption { width: 220px; font-size: 7.5pt; }
.caption-spanish { font-size: 7.5pt; }
.learn-more { font-size: 9pt; display: none; }
.learn-more a { background: url(../images/arrow.gif) no-repeat 100% 50%; padding-right: 10px; }
.clear { clear: both; }
.your-email { border-right-style: none; width: 180px; }
.go { color: #FFF; border-style: none; background: url(../images/btn-go.gif) no-repeat 0 0; font-size: 8pt; font-weight: bold; padding: 6px 9px 6px 8px; }
#sharethis_0 .stico_default { display: block !IMPORTANT; overflow: hidden !IMPORTANT; width: 140px !IMPORTANT; height: 0px !IMPORTANT; padding: 99px 0 0 0 !IMPORTANT; background: url(../images/rb-email.png) 0 0 no-repeat !IMPORTANT; float: right !IMPORTANT; }
#sharethis_0 .stbutton { display: block !IMPORTANT; overflow: hidden !IMPORTANT; width: 140px !IMPORTANT; height: 0px !IMPORTANT; padding: 99px 0 0 0 !IMPORTANT; background: url(../images/rb-email.png) 0 0 no-repeat !IMPORTANT; float: right !IMPORTANT; }
#sharethis_0 .stbutton span { display: none !IMPORTANT; }

/* @end */