/***CSS RESET****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both; }

ul.norm{
  list-style-type: disc;
  margin-left: 20px;
}
ul.norm li{ margin-bottom: 8px;}

/***BODY STYLES***/

body { font-family: Arial; color: #FFF; background: url('images/bkg.jpg') repeat-x #35669D; }

a { text-decoration: none; color: #FFF; }
a:hover { color: #A9152E; }
h1, h2, h3, h4 { text-transform: uppercase; color: #FFF; }
h1 { font-size: 16px; }
h2 { font-size: 32px; margin: 5px 0 0 40px; }
h3 { font-size: 20px; line-height: 18px; }
h4 { font-size: 26px; margin: 5px 0 0 35px; }
input { color: #000; font-size: 16px; font-weight: bold; }

hr {background-color:#6D83AF;border: 2px solid #6d83af;margin: 10px 0;}

#container { position: absolute; width: 100%; background: url('images/stars.jpg') no-repeat top left; }
#contentContainer { margin: 0 auto; width: 968px; position:relative; }

#nameLogo{ position: relative; float: right; width: 370px; margin-top: 34px; }

/***NAV STYLES***/
#nav { height:125px; }
#nav a { float: left; width: 113px; height: 35px; padding-top: 45px; text-transform: uppercase; text-align: center; font-size: 16px; color: #FFF; font-weight: bold; }
#nav a:hover { color: #FFF; background: url('images/navRoll.jpg') no-repeat; }

a#navWorks {float:none;height:auto;width:auto;padding:0;background:none;}
a#navWorks:hover {background:none;}
a#navJobs:hover {background:none;}

#address { float: right; width: 252px; height: 66px; margin-top: 22px; text-align: right; line-height: 18px; padding: 5px 15px 0 15px; font-size: 13px; color: #ADBFE4; background: url('images/address.jpg') no-repeat; }
#address span { font-size: 17px; font-weight: bold; }

/***FOOTER STYLES***/

#footer { float: left; width: 938px; margin-top: 10px; padding: 15px; font-size: 11px; }
#footer span { float: right; margin-top: -20px; }

/***CONTENT STYLES***/

#photos{ position: relative; width: 556px; height: 320px; float: left; margin-bottom: 20px; background: #6D83AF; }
#photos img{ position: absolute; top: 10px; left: 10px; width: 536px; height: 300px; }
.next{ display: none; }

#hero { float: left; width: 968px; height: 342px; margin-bottom: 10px; background: url('images/hero.png') no-repeat; }
#flash1 {float: left; width: 470px; }
#flash2 {float: left; width: 498px; }


/* ---- New Get Connected homepage box ---- */
#newConnected { float: right; width: 363px; height: 320px; font-size: 14px; background: url('images/newConnectedBkg.png') no-repeat; }
#newConnectedBox{ padding: 10px 20px 0px 20px; }
#newConnected img{ vertical-align: middle; }
.connectLink{
  display: block;
  position: relative;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  padding-left: 8px;
  background: url(images/button_bg.jpg) repeat-x;
}


/* ---- Old Get Connect & Icons ---- */
#connected { float: left; width: 556px; height: 175px; margin-left: 10px; background: url('images/connectedBkg.png') no-repeat; }
.emailIcon a, .textIcon a, .volunteerIcon a, .sendIcon a, .facebookIcon a { float: left; width: 131px; height: 53px; font-size: 15px; }
.campaignIcon a { float: left; width: 159px; height: 55px; }
.facebookIcon2 a { float: left; width: 131px; height: 53px; font-size: 15px; }
.campaignIcon2 a { float: left; width: 159px; height: 55px; }
.blogIcon a { float: left; width: 167px; height: 55px; }
.emailIcon a { margin: 15px 0 4px 32px; background: url('images/emailIconOFF.jpg') no-repeat; }
.emailIcon a:hover { background: url('images/emailIconON.jpg') no-repeat; }
.textIcon a { margin-top: 15px; background: url('images/textIconOFF.jpg') no-repeat; }
.textIcon a:hover { background: url('images/textIconON.jpg') no-repeat; }
.volunteerIcon a { margin: 15px 0 0 0px; background: url('images/volunteerIconOFF.jpg') no-repeat; }
.volunteerIcon a:hover { background: url('images/volunteerIconON.jpg') no-repeat; }
.sendIcon a { margin: 15px 0 0 0px; background: url('images/sendIconOFF.jpg') no-repeat; }
.sendIcon a:hover { background: url('images/sendIconON.jpg') no-repeat; }
.flickrIcon a { margin: 15px 0 0 0px; background: url('images/flickrIconOFF.jpg') no-repeat; width:111px; height:53px; float:left; }
.flickrIcon a:hover { background: url('images/flickrIconON.jpg') no-repeat; }
.campaignIcon a { clear:both; margin: -5px 0 0 32px; background: url('images/campaignIconOFF.jpg') no-repeat; }
.campaignIcon a:hover { background: url('images/campaignIconON.jpg') no-repeat; }
.facebookIcon a { margin: 1px 0 0 170px; background: url('images/facebookIconOFF.jpg') no-repeat; }
.facebookIcon a:hover { background: url('images/facebookIconON.jpg') no-repeat; }
.campaignIcon2 a { clear:both; margin: -5px 0 0 33px; background: url('images/campaignIconOFF.jpg') no-repeat; }
.campaignIcon2 a:hover { background: url('images/campaignIconON.jpg') no-repeat; }
.facebookIcon2 a { margin: 1px 0 0 13px; background: url('images/facebookIconOFF.jpg') no-repeat; }
.facebookIcon2 a:hover { background: url('images/facebookIconON.jpg') no-repeat; }
.blogIcon a { margin: 0 0 0 18px; background: url('images/blogIconOFF.jpg') no-repeat; }
.blogIcon a:hover { background: url('images/blogIconON.jpg') no-repeat; }

#donation { float: right; width: 363px; height: 175px; margin-right: 10px; font-size: 14px; background: url('images/donationBkg.png') no-repeat; }
#donation p { text-align: center; line-height: 1.4em; }
#donationForm, #donationForm p { float: left; width: 100px; margin: 3px 0 0 25px; }
.donateButton, .whydonateButton { margin:0 auto; }
.donateButton, .donateButton a { width: 174px; height: 43px; background: url('images/donateButtonOFF.jpg') no-repeat; }
#donation a:hover div { background: url('images/donateButtonON.jpg') no-repeat; width: 174px; height: 43px; }

#donationBox{ padding: 0px 20px; }
#donationBox a.btn{
  display: block;
  position: relative;
  margin: 12px 0px;
  float: left;
  width: 144px;
  height: 34px;
  background-position: top left;
}
#donationBox a.btn:hover{ background-position: bottom left; text-decoration: none; }
#btnDonateNow{ background: url('images/donateButton.gif'); }
#btnWhyDonate{ background: url('images/whyDonate.gif'); }

#donationBox a.btnSub{
  display: block;
  position: relative;
  margin: 10px 0px;
  float: left;
  width: 124px;
  height: 29px;
  background-position: top left;
}
#donationBox a.btnSub:hover{ background-position: bottom left; text-decoration: none; }
#btnDonateNowSub{ background: url('images/donateButtonSub.gif'); }
#btnWhyDonateSub{ background: url('images/whyDonateSub.gif'); }


.boxhead{ position: relative; height: 45px; }
.boxheadSub{ position: relative; height: 37px; }
.boxhead h2, .boxheadSub h4{ margin-top: 0px; padding-top: 5px; }


#newshead { float: left; width: 946px; height: 42px; margin: 0px; margin: 15px 0 0 0px; font-size: 13px; color: #90A4BB; background: url('images/newsBkg.png') no-repeat; }
#news { float: left; width: 946px; margin: 0 0 0 0px; font-size: 13px; color: #90A4BB; background: url('images/newsBkgLine.gif') repeat-y; border-bottom: 10px solid #6d83af; }
#news span { color: #FFF; font-size: 13px; }
#newsContainer { float: left; width: 932px; margin: 8px 0 0 5px; padding: 10px 0px; }
.date { float: left; width: 120px; padding-top: 5px; text-align: center; }
.news { float: right; width: 783px; padding-right: 10px; margin-bottom: 10px; }


#newsheadD { float: left; width: 669px; height: 42px; margin: 0px; margin: 15px 0 0 0px; font-size: 13px; color: #90A4BB; background: url('images/newsBkgD.png') no-repeat; }
#newsD { float: left; width: 669px; margin: 0 0 0 0px; font-size: 13px; color: #90A4BB; background: url('images/newsBkgLineD.png') repeat-y; border-bottom: 10px solid #7d93af; }
#newsD span { color: #FFF; font-size: 13px; }
#newsContainerD { float: left; width: 650px; margin: 8px 0 0 0px; padding: 10px 0px; }
.date { float: left; width: 120px; padding-top: 5px; text-align: center; }
.newsD { float: right; width: 520px; padding-right: 10px; margin-bottom: 10px; }

#twitter {float: right; margin: 15px 0px 0 0;}

.subSideContainer { float: left; width: 332px; clear: both; }
.logo { float: left; width: 322px; height: 227px; }
.donationSub { float: left; width: 299px; height: 143px; margin-left: 10px; background: url('images/donateSubBkg.png') no-repeat; }
.donationSub p { text-align: center; font-size: 12px; line-height: 1.3em; }
.donationFormSub{ float: left; width: 100px; margin: 8px 0 0 10px; }


.donateButtonSub { margin: 15px auto; }
.donateButtonSub, .donateButtonSub a { width: 143px; height: 33px; background: url('images/donateButtonSubOFF.jpg') no-repeat; }
.donationSub a:hover div { background: url('images/donateButtonSubON.jpg') no-repeat; width: 143px; height: 33px;  }


.connectedSub { float: left; width: 299px; padding-bottom: 10px; margin: 15px 0 0 10px; background: url('images/connectedSubBkg.png') no-repeat; }
.emailIconSub, .textIconSub, .volunteerIconSub, .sendIconSub, .facebookIconSub, .campaignIconSub { margin: 15px 0 0 7px; }
.emailIconSub, .textIconSub, .volunteerIconSub, .sendIconSub, .facebookIconSub, .campaignIconSub, .emailIconSub a, .textIconSub a, .volunteerIconSub a, .sendIconSub a, .facebookIconSub a, .campaignIconSub a { float: left; width: 285px; height: 62px; }
.emailIconSub, .emailIconSub a { background: url('images/emailIconSubOFF.jpg') no-repeat; }
.emailIconSub a:hover { background: url('images/emailIconSubON.jpg') no-repeat; }
.textIconSub, .textIconSub a { background: url('images/textIconSubOFF.jpg') no-repeat; }
.textIconSub a:hover { background: url('images/textIconSubON.jpg') no-repeat; }
.volunteerIconSub, .volunteerIconSub a { background: url('images/volunteerIconSubOFF.jpg') no-repeat; }
.volunteerIconSub a:hover { background: url('images/volunteerIconSubON.jpg') no-repeat; }
.sendIconSub, .sendIconSub a { background: url('images/sendIconSubOFF.jpg') no-repeat; }
.sendIconSub a:hover { background: url('images/sendIconSubON.jpg') no-repeat; }
.campaignIconSub, .campaignIconSub a { background: url('images/campaignIconSubOFF.jpg') no-repeat; }
.campaignIconSub a:hover { background: url('images/campaignIconSubON.jpg') no-repeat; }
.facebookIconSub, .facebookIconSub a { background: url('images/facebookIconSubOFF.jpg') no-repeat; }
.facebookIconSub a:hover { background: url('images/facebookIconSubON.jpg') no-repeat; }

.subContainer { float: right; width: 620px; height: 799px; background: url('images/subContainer.png') no-repeat; }
.subContainerText { width: 580px; height: 732px; margin: 20px; padding-right: 10px; line-height: 18px; overflow: auto; font-size: 14px; }
.subContainer p { margin-bottom: 15px; }
.subContainerText span { font-size: 15px; }
.subContainerText a {font-weight: bold; text-decoration: underline;}

.bioPic { float: left; width: 150px; height: 164px; margin: 10px; }
.bioPic2 { float: right; border:4px #fff solid; margin: 10px; }

/* Email Link to Friend Styles */

.checkboxStuff { width: 400px; padding-left:150px; }

#linkForm { font-size:15px; width:540px; }
/*#linkForm h3 { width:540px; margin:0 auto; font-size:15px; }
#linkForm p { width:500px; padding-top:5px; margin:10px auto 0px auto; font-weight:bolder; }*/
#linkForm p { clear:both; }
#linkForm p input { float:right; margin-top:-5px; font-size:15px; font-weight:normal; }
#linkForm p textarea { float:right; margin-top:-5px; font-size:15px; font-weight:normal; }
#linkForm p select { float:right; margin-top:-5px; font-size:15px; font-weight:normal; }

.checkboxStuff p input { margin-top:0px; }

.linksubForm { width:270px; float:left; margin-bottom:10px; }
.linksubForm p { width:250px; padding-left:10px; }
.linksubForm h3 { width:270px; margin:0px 0px 10px 0px; padding:0; font-size:15px; }

.subjectForm, .subjectForm p { width:540px; }

#emailTemplate { width:536px; margin:0px auto 10px auto; border:2px #fff groove; padding-top:10px; }
#emailTemplate img { float:right; margin-top:-5px; }
#emailTemplate p { padding:0px 10px; }

#submitLinkForm { text-align:center; width:540px; }

.bumpersticker { float:left; margin:5px 0 0 40px; padding-bottom:25px; text-align:center;}
.windowdecal { float: left; margin:-13px 0 0 15px; text-align:center; width:200px;}

.clearer { clear:both; }
.clearRight {clear:right;}
.clearLeft {clear:left;}

/*On the job stuff*/
h3.job {float:right;padding-right:20px;margin-bottom:10px;}
.jobContent {float:left;}
.flickr {float:left; margin-right:3px; margin-bottom:3px;cursor:pointer;}
.youtube {float:left; margin-right:3px; margin-bottom:3px;cursor:pointer;width:113px;}
.jobLink {float:right;}

/* multimedia */
.videoThumb{ float: left; width: 172px; margin: 10px 16px 10px 0px; }

/* Twitter Customization */

/**
  * Twitter - http://www.twitter.com
  * Copyright (C) 2009 Twitter
  * URL: http://twitter.com/goodies/widgets
  *
  * V 1.0.6
  */

.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;}
.twtr-fullscreen{font-size:220%!important;}
.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:3px;right:3px;}
.twtr-inactive{display:none;}
.twtr-widget a img{border:0!important;}
.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.twtr-bd{padding:0 1px;}
.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1;}
.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}
.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}
.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}
.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}
.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}
.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}
.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}
.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}
.twtr-widget h4{font-size:14px!important;}
.twtr-widget i{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}
.twtr-hd{padding:4px 30px 5px 30px; position:relative;zoom:1;overflow:hidden;}
.twtr-fullscreen .twtr-hd{height:0;padding:0;}
.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}
.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}
.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}
.twtr-ft{position:relative;}
.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}
.twtr-ft span{float:right;text-align:right;}
.twtr-ft a{float:left;display:block;}
.twtr-ft span a{float:none;}
.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}
.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}
.twtr-img{height:25px;width:25px;}
.twtr-img img{width:30px;height:30px;}
.twtr-fullscreen .twtr-img img{width:72px;height:72px;}
.twtr-fullscreen a.twtr-join-conv{display:none;}
.twtr-tweet-text{margin-left:40px;}
.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}
.twtr-doc a{text-decoration:none!important;}
.twtr-doc a:hover{text-decoration:underline!important;}