/*
TEMPLATE:
skin and page structure elements
*/

body { margin:0; padding:0; background:#1A293C url(../images/bg_repeat.png) repeat-x; }



.templateWrapper { background:white; margin:0 auto; width:974px; padding:0 50px; }

#header .templateWrapper { height:249px; background:url(../images/header_1.jpg) no-repeat; }
#body .templateWrapper {  }
#footer .templateWrapper { height:156px; background:url(../images/footerbg.png) no-repeat; padding:40px 50px; }

.seed_1 #header .templateWrapper { background-image:url(../images/header_1.jpg); }
.seed_2 #header .templateWrapper { background-image:url(../images/header_2.jpg); }
.seed_3 #header .templateWrapper { background-image:url(../images/header_3.jpg); }
.seed_4 #header .templateWrapper { background-image:url(../images/header_4.jpg); }

#body .templateWrapper { background:white url(../images/subpg_bottom.png) no-repeat center bottom; }
.page_home #body .templateWrapper { background-image:none; }

#header .templateWrapper { position:relative; }

#header h1 { margin:0; padding:0; }
#header h1 a { display:block; text-indent:-9999px; width:350px;; height:154px; }
#header h2 { display:none; }

#header .nav {  }
#header .nav ul { margin:0; padding:0; text-align:center; }
#header .nav ul li { display:inline; margin:0; padding:0 2.1em; line-height:54px; font-size:1.231em; }
#header .nav ul li a { color:#E4E4E4; }
#header .nav ul li a:hover { color:#F1D17C; text-decoration:none; }

#header #socialnav { position:absolute; top:64px; right:46px; }
#header #socialnav ul { margin:0; padding:0; }
#header #socialnav ul li { float:left; margin:0; padding:0 3px; }
#header #socialnav ul li a { display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; }
#header #socialnav ul li.twitter a { background-image:url(../images/soc_twitter.png); }
#header #socialnav ul li.flickr a { background-image:url(../images/soc_flickr.png); }
#header #socialnav ul li.youtube a { background-image:url(../images/soc_youtube.png); }
#header #socialnav ul li.facebook a { background-image:url(../images/soc_facebook.png); }
#header #socialnav ul li a:hover { background-position:left bottom; }

#content { width:687px; float:left; padding-top:40px; }
#sidebar { width:242px; float:right; padding-top:40px; }

#content .header.body .nav { color:#6C6C6C; border-bottom:1px solid #D4D4D4; font-style:italic; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size:1.077em; line-height:26px; }
#content .header.body .nav a { color:inherit; }
#content .header.body .nav a:hover { color:#263750; }
#content .header.body .nav a.last {  }


#sidebar .section { padding-bottom:4em; }

#sidebar .header.sidebar h1 { width:242px; height:26px; margin:0; border-bottom:1px solid #D4D4D4; background:url(../images/sub_title_relatedlinks.png) no-repeat; text-indent: -9999px; }
#sidebar .section.submenu .nav { font-size:1.077em; }
#sidebar .section.submenu .nav ul { margin:0; }
#sidebar .section.submenu .nav ul li { padding:1em 0; border-bottom:1px solid #D4D4D4; text-align:right; }
#sidebar .section.submenu .nav ul li a { color:#6C6C6C; }
#sidebar .section.submenu .nav ul li a:hover { color:#5073a6; text-decoration:none; }

#sidebar .header.takeaction h1 { width:242px; height:26px; margin:0; border-bottom:1px solid #D4D4D4; background:url(../images/sub_title_takeaction.png) no-repeat; text-indent: -9999px; }
#sidebar .section.takeaction .nav {  }
#sidebar .section.takeaction .nav ul { margin:0; }
#sidebar .section.takeaction .nav ul li { padding:0; border-bottom:1px solid #D4D4D4; }
#sidebar .section.takeaction .nav ul li a { text-indent:-9999px; display:block; width:242px; height:66px; background-position:left top; background-repeat:no-repeat; }
#sidebar .section.takeaction .nav ul li a:hover { background-position:left bottom; }
#sidebar .section.takeaction .nav ul li.donate a { background-image:url(../images/takeaction_donate.png); }
#sidebar .section.takeaction .nav ul li.volunteer a { background-image:url(../images/takeaction_volunteer.png); }
#sidebar .section.takeaction .nav ul li.events a { background-image:url(../images/takeaction_events.png); }
#sidebar .section.takeaction .nav ul li.polls a { background-image:url(../images/takeaction_pollssurveys.png); }
#sidebar .section.takeaction .nav ul li.endorse a { background-image:url(../images/takeaction_endorse.png); }
#sidebar .section.takeaction .nav ul li.getInvolved a { background-image:url(../images/takeaction_getinvolved.png); }

#footer { color:#ACACAC; }
#footer .nav { width:530px; margin-right:30px; float:right; text-align:center; line-height:1.5; }
#footer a { color:inherit; }
#footer .address { width:530px; margin-right:50px; float:right; text-align:center; line-height:1.5; }
#footer .disclaimer {  width:322px;  border:1px solid #B4B4B4; line-height:75px; text-align:center; }

.page_home #body .templateWrapper { width:1074px; padding:0; }

#home { padding:0; }

#home_top { padding:40px 50px; background:url(../images/ftbg_bottom.jpg) no-repeat center bottom; }
#home_mid { padding:40px 50px 0 50px; background:url(../images/middlebg_bottom.png) no-repeat center bottom; }

#home_featured { width:687px; float:left; position:relative; z-index:1; }
#home_sidebar { width:242px; float:right; }

#home_featured .story { display:none; }
#home_featured .active { display:block; }

#home_featured .story .readmore { float:left; margin-right:15px; }
#home_featured .story .bookmarklet { float:left; }

ul#story_selector { position:absolute; top:240px; right:6px; z-index:20; }
ul#story_selector li { float:left; }
ul#story_selector li a { display:block; width:33px; height:33px; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; }
ul#story_selector li.story_1 a { background-image:url(../images/ftnews_1.png); }
ul#story_selector li.story_2 a { background-image:url(../images/ftnews_2.png); }
ul#story_selector li.story_3 a { background-image:url(../images/ftnews_3.png); }
ul#story_selector li.story_4 a { background-image:url(../images/ftnews_4.png); }
ul#story_selector li a.active { background-position:left bottom; }

.home_featured_resource { width:687px; height:350px; background:url(../images/ftnews_bg.png) no-repeat; position:relative; }
.home_featured_resource .resource { width:670px; height:306px; position:absolute; z-index:9; top:11px; left:11px; }
.home_featured_resource_ribbon { width:130px; height:130px; position:absolute; z-index:10; background:url(../images/ftnews_banner.png) no-repeat; }

#home_sidebar_signup { width:242px; height:119px; background:url(../images/newsletter_bg.png) no-repeat; margin-bottom:30px; }
#home_sidebar_signup h2 { display:none; }
#home_sidebar_signup form { margin:0; padding:0; position:relative; z-index:5; }
#home_sidebar_signup form label { display:none; }
#home_sidebar_signup form #home_sidebar_signup_emailaddress { position:absolute; top:62px; left:16px; width:175px; height:25px; border:0; background:transparent; padding:0 10px; line-height:25px; }
#home_sidebar_signup form #home_sidebar_signup_submit { position:absolute; top:67px; right:5px; text-indent:-9999px; line-height:0; cursor:pointer; width:19px; height:19px; padding:0; margin:0; border:0; background:transparent url(../images/email_arrow.png) no-repeat top left; }
#home_sidebar_signup form #home_sidebar_signup_submit:hover { background-position:left bottom; }

#home_sidebar_takeaction { width:242px; height:265px; padding-top:29px; background:url(../images/takeaction_bg.png) no-repeat; }
#home_sidebar_takeaction h2 { display:none; }
#home_sidebar_takeaction ul { margin:0; padding:0; }
#home_sidebar_takeaction ul li { padding:0; margin:0; }
#home_sidebar_takeaction ul li a { text-indent:-9999px; display:block; width:242px; height:66px; background-position:left top; background-repeat:no-repeat; }
#home_sidebar_takeaction ul li a:hover { background-position:left bottom; }
#home_sidebar_takeaction ul li.donate a { background-image:url(../images/takeaction_donate.png); }
#home_sidebar_takeaction ul li.volunteer a { background-image:url(../images/takeaction_volunteer.png); }
#home_sidebar_takeaction ul li.events a { background-image:url(../images/takeaction_events.png); }
#home_sidebar_takeaction ul li.polls a { background-image:url(../images/takeaction_pollssurveys.png); }
#home_sidebar_takeaction ul li.endorse a { background-image:url(../images/takeaction_endorse.png); }
#home_sidebar_takeaction ul li.getInvolved a { background-image:url(../images/takeaction_getinvolved.png); }

#home_events, #home_news, #home_twitter, #home_facebook { float:left; }
#home_events h2, #home_news h2, #home_twitter h2, #home_facebook h2 { margin:0; padding:0; background-repeat:no-repeat; text-indent:-9999px; }

#home_events { width:321px; margin-right:45px; }
#home_events h2 { width:164px; height:24px; background-image:url(../images/title_upcomingevents.png); }
#home_news { width:321px; margin-right:45px; }
#home_news h2 { width:226px; height:28px; background-image:url(../images/title_latestnewsandblogs.png); }
#home_twitter { width:242px; }
#home_twitter h2 { width:100%; height:52px; background-image:url(../images/title_latesttwitterupdates.png); background-position: top right;}

#home_events_first,#home_events_other { margin:1.33em 0; }
#home_events_first {  }
#home_events_first .date { display:block; float:left; width:43px; height:46px; padding:7px 10px 5px 5px; margin-right:10px; background:url(../images/events_datebg.png) no-repeat; text-align:center; color:#72633D; line-height:1; }
#home_events_first .date .month { display:block; font-family:Times, Times New Roman, Georgia, serif; font-size:17px; }
#home_events_first .date .day { display:block; font-size:27px; font-weight:bold; }
#home_events a { color:#6C6C6C; }
#home_events a:hover { color:#1d3f71; text-decoration:none; }

#home_events_other { padding:1px 1.33em 1px; min-height:150px; background:url(../images/events_bg.png) no-repeat; }
#home_events_other .date { font-weight:bold; }

#home_events .readmore a { display:block; width:96px; height:32px; background:url(../images/btn_moreevents.png) no-repeat left top; text-indent:-9999px; }
#home_events .readmore a:hover {  background-position:left bottom; }

#home_facebook { width:321px; margin-right:45px; }
#home_facebook h2 { width:264px; height:24px; background-image:url(../images/title_facebookupdates.png); padding-bottom: 1em;}

#home_news ul { margin-left:0; }
#home_news ul li { margin:1em 0; }
#home_news ul li .date { font-weight:bold; }
#home_news ul li a { color:#6C6C6C; }
#home_news ul li a:hover { color:#750D15; text-decoration:none; }
#home_news .readmore a { display:block; width:135px; height:32px; background:url(../images/btn_morenews.png) no-repeat left top; text-indent:-9999px; }
#home_news .readmore a:hover {  background-position:left bottom; }

#home_twitter ul { margin-left:0; }
#home_twitter ul li { margin:1em 0; text-align:right; }
#home_twitter ul li a {  }
#home_twitter ul li a:hover { color:#1d3f71; text-decoration:none; }

#home_twitter .readmore { float:right; }
#home_twitter .readmore a { display:block; width:93px; height:32px; background:url(../images/btn_followjohn.png) no-repeat left top; text-indent:-9999px; }
#home_twitter .readmore a:hover {  background-position:left bottom; }