/*

Colors:
Blue: #015a8e;
Light Blue: #819ca4;
Dark Blue: #0e475b;
Red:  #993300
Dark gray: #333333;
red: #b20804;

H1: homepage heading
font-family: georgia;
font-size: 16px;
font-weight: bold;
color: #333333;

H2: interior page heading
font-family: georgia;
font-size: 14px;
font-weight: bold;
color: #0e475b;

H3 (default = body text + bold)homepage:
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #b20804;

p (main body text):
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #333333;

a (main body links):
font-family: georgia;
font-size: 14px;
font-weight: normal;
color: #015a8e;

a:hover:
font-family: georgia;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
color: #015a8e;

#nav a
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #fefefe;

#nav a:hover
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #fefefe;

#teaser titles:
font-family: georgia;
font-size: 14px;
font-weight: normal;
color: #0e475b;

#teaser links:
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #0e475b;

#tell your story-body text:
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #fefefe;

#footer nav
font-family: verdana;
font-size: 12px;
font-weight: normal;
color: #819ca4;

#footer nav - hover
font-family: verdana;
font-size: 12px;
text-decoration: underline;
font-weight: normal;
color: #819ca4;

Footer headings:
font-family: verdana;
font-size: 14px;
font-weight: normal;
color: #ffffff;

footer fields active:
border size: 1px;
color: #5db9d8;

footer fields:
border size: 1px;
color: #5b8aa3;

check out the archive:
font-family: verdana;
font-size: 10px;
font-weight: normal;
color: #5db9d8;


INTERIOR FIELD STYLE

field title:
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #114354;

field title astric:
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #b20804; - red

Field style - interior - active
border size: 1px;
color: #5db9d8;

Field style - interior
border size: 1px;
color: #b1af9e;

Field style - user entered text
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #545454;

*/


/*---------------------------------------- reset -------------------------------------------*/
* {
margin:0;
padding:0;}

html {
overflow-y:auto;}

a img {
border:none;}

.clear {
clear:both;}



/*---------------------------------------- fonts -------------------------------------------*/
body {
font-family: arial, sans-serif;
font-size: 12px;
color: #333333;}

h1 { /*home page heading*/
font-family: georgia, serif;
font-size: 16px;
text-transform:uppercase;
font-weight: bold;
color: #333333;
margin-bottom:15px;}

h2 { /*interior page heading*/
font-family: georgia, serif;
font-size: 14px;
font-weight: bold;
color: #0e475b;
border-bottom:2px solid #0e475b;
margin-bottom:15px;}

h3 {
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #b20804;}

p {
line-height:130%;
margin-bottom:15px;}

a {
font-family: georgia, serif;
font-size: 14px;
font-weight: normal;
color: #015a8e;
text-decoration:none;}

a:hover {
text-decoration: underline;}

/* main nav */
#nav ul li a {
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fefefe;
text-decoration:none;}

#nav a:hover {
text-decoration:none;}

/* home page teasers */
#teasers h2 {
font-family: georgia;
font-size: 14px;
text-transform:uppercase;
font-weight: bold;
color: #0e475b;
padding-bottom:2px;}

#stories {
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #fefefe;}

.more a {
font-family: arial;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
color: #0e475b;
background:url(../../images/arrow.png) right center no-repeat;
padding-right:10px;}

/* forms */
/*field title {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #114354;}

field title astric {
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #b20804; - red}

Field style - interior - active {
border:1px solid #5db9d8;}

Field style - interior {
border:1px solid #b1af9e;}

Field style - user entered text {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #545454;}*/


/* footer */
#footer h4 {
font-family: verdana;
font-size: 14px;
font-weight: normal;
color: #ffffff;
margin-bottom:7px;}

#footer div li {
list-style:none;
margin-bottom:7px;}

#footer div a {
font-family: verdana;
font-size: 12px;
font-weight: normal;
color: #819ca4;
text-decoration:none;}

#footer div a:hover {
text-decoration: underline;}


/* newsletter form */
#footer .text {
background-color:#5C656C;
border:1px solid #5db9d8;
height:20px;}

#footer .short {
width:120px;}

#footer .long {
width:249px;}

#footer .text:hover {
border:1px solid #5db9d8;}

#footer .archive {
font-family: verdana;
font-size: 10px;
font-weight: normal;
color: #5db9d8;
text-decoration:none;}



/*---------------------------------------- layout -------------------------------------------*/
body {
background:url(../../images/bg-page.gif) repeat;}

#bg_page, #bg_home_page {
width:100%;
background:url(../../images/bg-body.gif) repeat-x;}

#wrapper {
width:920px;
margin:0 auto;}

#header {
width:920px;
height:130px;
float:left;
background:url(../../images/bg-header.gif) top center no-repeat;}

#header img.logo {
float:left;
margin-top:15px;}


/* ---------- main nav ------- */
#nav {
width:625px;
float:right;
margin-top:60px;}

#nav ul {
float:right;
list-style:none;}

#nav ul li {
float: left;}

#nav ul li a {
display: block;
float: left;
height: 44px;
margin-right: 6px;
padding-right: 14px;}

#nav ul li a span {
display: block;
line-height: 24px;
padding: 8px 0 7px 14px;}

#nav ul li a:hover, #nav ul li a.navsel {
background: transparent url(../../images/nav-right.png) no-repeat scroll top right;}

#nav ul li a:hover span, #nav ul li a.navsel span {
background: transparent url(../../images/nav-left.png) no-repeat;}


/* ---------- main content ------- */
#main {
width:590px;
float:left;
padding:30px 30px 30px 0;}


/* ---------- sidebar ------- */
#sidebar {
width:300px;
float:left;
padding:30px 0;
clear:none;}


/* home page */
#intro {
width:390px;
float:left;
margin:50px 29px 0 0;}

a.give_now {
display:block;
width:227px;
height:50px;
text-indent:-9999px;
background:url(../../images/btn-givenow.png) top center no-repeat;
margin-bottom:10px;}

a.give_now:hover {
background:url(../../images/btn-givenow-hover.png) top center no-repeat;}

#video {
width:474px;
height:305px;
float:left;
margin:30px 0 20px 0;
background:url(../../images/bg-main-image.gif);
padding:21px 13px 21px 14px;}

#teasers_wrap {
width:100%;
clear:both;
background:#5EB9D8 url(../../images/bg-people.gif) top center repeat-x;
padding-top:110px;}

#teasers {
width:920px;
height:240px;
margin:0 auto;
background-color:#5eb9d8;}

#featured, #stats, #stories {
width:300px;
float:left;
position:relative;}

#stats {
margin:0 10px;}

#story {
width:240px;
height:104px;
padding:30px;
background:url(../../images/teaser-story-full.png) top center no-repeat;}

.more {
border-top:2px solid #0e475b;
padding-top:3px;
margin-top:15px;}


/* ---------- footer ------- */
#footer_wrap {
background:url(../../images/bg-footer-interior.gif) bottom center repeat-x;
width:100%;
clear:both;}

#footer {
width:920px;
height:237px;
padding-top:135px;
margin:0 auto;
background:url(../../images/bg-footer.gif) bottom center no-repeat;}

/* sticky footer */
html, body {
height: 100%;}

#bg_page {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -372px; /* the bottom margin is the negative value of the footer's height */}

#footer_wrap, .push {
height: 372px; /* .push must be the same height as .footer */}
/* end sticky footer */

#footer #links,
#footer #social,
#footer #support {
width:200px;
height:200px;
float:left;}

#footer #social a {
padding-left:20px;}

#footer a.blog {
background:url(../../images/icon-footer-subscribe.gif) left center no-repeat;}

#footer a.twitter {
background:url(../../images/icon-footer-twitter.gif) left center no-repeat;}

#footer a.fb {
background:url(../../images/icon-footer-facebook.gif) left center no-repeat;}

#footer a.rss {
background:url(../../images/icon-footer-rss.gif) left center no-repeat;}

#footer #newsletter {
width:270px;
height:200px;
float:left;
padding-left:50px;}

#footer #newsletter td {
padding:3px;}

/* homge page footer without sticky */
#footer_wrap.home {
background:url(../../images/bg-footer-2.gif) bottom center repeat-x;}

#bg_home_page {
margin:0 auto;}