/*
Theme Name: Not Without You
Theme URI: http://notwithoutyou.org/
Description: A Custom Theme designed for http://www.notwithoutyou.org and Eagle Brook Church
Version: 0.9
Author: Caleb White @ Pursuant, Inc.
*/

/****CSS Reset by Erik Meyer****/
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;}
/*********END CSS RESET*********/

img, div, a, h1, h2, h3, li { behavior: url(js/iepngfix.htc) }

/***************************
*******GENERAL STYLES*******
***************************/
body  {
	background: #000 url(img/bg.jpg) top center repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#999;
}
a {
	color:#0068AC;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.imgtxt {
	display:block;
	text-indent:-10000px;
}
.clearme {
	clear:both;
	display:block;
}
h4 {
	font-size:21px;
	color:#fff;
	padding:0 3px 2px 2px;
	display:inline;
	text-transform:uppercase;
}
hr {
	margin:0;
	padding:0;
	border:none;
	border-top:1px #E3E3E3 solid;
}
#mainwrap {
	background:url(img/bgradial.png) center 43px no-repeat;
	margin:0 auto;
}
.frontpage {
	height:1080px;
}
h3.pagetitle {
	font-size:50px;
	text-transform:uppercase;
	color:#fff;
}

/***************************
***********HEADER***********
***************************/
#header {
	height:150px;
	position:relative;
}
#header h1 {
	position:absolute;
	top:17px;
	left:5px;
	width:190px;
	height:120px;
}
#header h1 a {
	position:absolute;
	top:0;
	left:0;
	width:182px;
	height:114px;
	background:url(img/logonotwithout.png) top left no-repeat;
	z-index:100;
}
#header h1 div {
	position:absolute;
	top:35px;
	left:7px;
	width:169px;
	height:58px;
}
ul#nav {
	position:absolute;
	top:15px;
	right:25px;
}
#nav li {
	float:left;
	margin-left:18px;
}
#nav li a {
	color:#fff;
	text-transform:uppercase;
	font-size:1.4em;
}
#nav li a.soon {
	color:#333;
	text-transform:uppercase;
	font-size:1.4em;
}
#nav li a.soon:hover {
	text-decoration:none;	
	color:#333;
}
#nav li a:hover {
	text-decoration:none;
	color:#8F171C;
}
#header h2 {
	position:absolute;
	top:69px;
	right:66px;
	width:332px;
	height:31px;
	background:url(img/hometagline.png) top left no-repeat;
}
/***************************
************HOME************
***************************/
#hometop {
	height:310px;
	position:relative;
	padding:0 10px 0 656px;
}
#hometop #mainimg {
	width:620px;
	height:291px;
	position:absolute;
	padding:0;
	left:5px;
	top:0;
}
#hometop h3 {
	background:url(img/mainimg.png) top left no-repeat;
	width:620px;
	height:291px;
	position:absolute;
	left:5px;
	top:0;
}
#hometop h4 {
	background:#8F171C;
}
img#twibird {
	margin-left:10px;
}
#homebottom {
	height:120px;
}
#homebottom div {
	width:300px;
	height:110px;
	padding:0 15px 0 5px;
	float:left;
	margin:0;
}
#homebottom h4 {
	background:#0068AC;
}
#homebottom h4 a {
	color:#fff;
	text-decoration:none;
}
#homebottom p {
	clear:both;
	margin-top:8px;
}
#homeleft, #homemiddle {
	background-image: url(img/linevertical.png);
	background-repeat: no-repeat;
	background-position: 310px 0px;
}

#twitter_update_list li {
	color:#8F171C;
	background-image:url(img/lineupdates.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding:5px 0 15px;
}
#twitter_update_list a {
	color:#fff;
	background:#8F171C;
}
#twitter_update_list a:hover {
	background:none;
	color:#8F171C;
	text-decoration:none;
}
#twitter_update_list li span {
	color:#999;
}
ul#sociallinks {
	margin-top:8px;
	position:relative;
}
#sociallinks li {
	float:left;
}
#sociallinks a {
	display:block;
	text-indent:-10000px;
}
#sociallinks a.facebook {
	background:url(img/btnfacebook.png) top left no-repeat;
	width:145px;
	height:30px;
	top:0;
	left:145px;
	position:absolute;
}
#sociallinks a.twitter {
	background:url(img/btntwitter.png) top left no-repeat;
	width:128px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
}
#sociallinks a.twitter:hover, #sociallinks a.facebook:hover {
	background-position:0px -30px;
}

/***************************
************BLOG************
***************************/
.blogpost {
	font-size:1.1em;
	margin:18px 0 45px 0;
}
.blogpost h4 {
	background:#13529D;
	font-size:2.3em;
	padding:0 5px 4px 6px;
	clear:both;
}
.blogpost h4 a {
	color:#fff;
	text-decoration:none;
}
.blogpost p {
	margin-top:18px;
	font-weight:normal;
	color:#bbb;
	clear:both;
}
ul.archives {
	padding-bottom:18px;
}
.archives a{
	color:#fff;
	background:#8F171C;
	padding:1px 4px;
	font-size:1.1em;
	text-decoration:none;
}
.archives li {
	margin-top:5px;
	display:block;
}
#commentlist {
	margin-bottom:15px;
}
#commentlist img {
	float:left;
	margin-right:10px;
}
#commentlist li.comment {
	margin-bottom:12px;
}
#commentform {
	margin:10px 0 20px 0;
}
#commentform textarea {
	width:400px;
}
span.cats a {
	background:#0068AC;
	color:#fff;
	padding:0 2px;
}
.postdate {
	margin-bottom:5px;
	clear:both;
	display:block;
	color:#bbb;
	font-size:.9em;
}
/***************************
************FAQs************
***************************/
#faq {
	padding-bottom:20px;
}
#faq .question {
	
}
#faq .active {
	background:none;
}
#faq h3.pagetitle {
	margin-bottom:10px;
}
#faq a.queshead {
	margin:10px 0;
	clear:both;
	background:#8F171C;
	padding:2px 5px 1px 4px;
	color:#fff;
	text-decoration:none;
	clear:both;
	display:inline;
	font-size:1.5em;
}
#faq a span {
	z-index:0;
}
#faq li {
	margin-top:10px;
}
#faq .answer {
	font-size:1.1em;
	font-weight:normal;
	padding:0 0 0 3px;
}
#faq p accordion
.answer p {
	margin-bottom:18px;
}
#faqfoot {
	margin-top:20px;
	padding-left:2px;
	font-size:1.4em;
}
#accordion p {
	margin-bottom:18px;
}
#accordion a.queshead {
	display:block;
	height:26px;
	text-indent:-10000px;
}
#accordion a.ques1 {
	width:240px;
	background:url(img/question1.jpg) top left no-repeat;
}
#accordion a.ques2 {
	width:342px;
	background:url(img/question2.jpg) top left no-repeat;
}
#accordion a.ques3 {
	width:280px;
	background:url(img/question3.jpg) top left no-repeat;
}
#accordion a.ques4 {
	width:207px;
	background:url(img/question4.jpg) top left no-repeat;
}
#accordion a.ques5 {
	width:265px;
	background:url(img/question5.jpg) top left no-repeat;
}
#accordion a.ques6 {
	width:320px;
	background:url(img/question6.jpg) top left no-repeat;
}
#accordion a.ques7 {
	width:336px;
	background:url(img/question7.jpg) top left no-repeat;
}
#accordion a.ques8 {
	width:754px;
	background:url(img/question8.jpg) top left no-repeat;
}
#accordion a.ques9 {
	width:502px;
	background:url(img/question9.jpg) top left no-repeat;
}
#accordion a.ques10 {
	width:280px;
	background:url(img/question10.jpg) top left no-repeat;
}
/***************************
**********SHOW IT***********
***************************/
#showit {

}

#showleft {
	padding-bottom:50px;
}
#showleft h4.subtitle {
	font-size:2.3em;
	margin-bottom:10px;
	display:block;
}
#showleft h4.subtitle a {
	color:#962C38;
}
#showleft p {
	margin-bottom:15px;
	font-size:1.1em;
}
#showleft p a {
	color:#A6191F;
}
#showleft strong {
	font-weight:bold;
}
#showleft h4.button {
	background:#a6191f;
	height:20px;
	margin-bottom:20px;
}
#showleft h4.button a {
	color:#fff;
	text-decoration:none;
	padding:8px;
}
#showright {
	width:320px;
	float:right;
	position:relative;
}
#showright span, #showright a {
	display:block;
	text-indent:-10000px;
	position:absolute;
}
#showright a#nwy {
	background:url(img/logo.png) top left no-repeat;
	width:182px;
	height:114px;
	top:0;
	left:0;
}
#showright span {
	height:63px;
	width:67px;
	background:url(img/visionand.png) top left no-repeat;
	top:100px;
	left:25px;
}
#showright a#youtube {
	width:239px;
	height:92px;
	background:url(img/youtubegiant.png) top left no-repeat;
	top:155px;
	left:0;
}
#showit input.text {
	font-size:15px;
	padding:4px 0 0 8px;
	height:24px;
	margin-bottom:20px;
	width:440px;
	margin:1px 0 19px;
}
#showit input.submit {
	display:block;
	clear:both;
	margin:5px 0 10px;
	border:0;
	background:transparent url(img/btnsubmit.jpg) top left no-repeat;
	width:70px;
	height:24px;
	text-indent:-10000px;
}


/***************************
***********WRITTEN***********
***************************/
#written {
	position:relative;
}
#written h3.andim {
	position:absolute;
	top:46px;
	right:0;
}
#written h4#formmessage {
	font-size:2.5em;
	margin-bottom:20px;
}
#written input#name, #written input#content_title {
	position:absolute;
	top:45px;
	left:70px;
	font-size:40px;
	width:420px;
	padding-top:0;
	padding-bottom:8px;
}
#written textarea {
	width:948px;
	height:126px;
	margin-top:20px;
}
#written input.submit {
	float:right;
	margin:10px;
	border:0;
	background:transparent url(img/btnsubmit.jpg) top left no-repeat;
	width:70px;
	height:24px;
	text-indent:-10000px;
}
#written div.testimony {
	background-image: url(img/linefooter.png);
	background-repeat:no-repeat;
	background-position: center top;
	clear:both;
	padding:25px 10px 0 10px;
	font-size:12px;
}
#written .testimony p {
	
}
#written .testimony p.meta {
	margin:10px 0;
}
#written .meta span {
	color:#fff;
}
#written div.writtennav {
	background-image: url(img/linefooter.png);
	background-repeat:no-repeat;
	background-position: center top;
	clear:both;
	padding:35px 10px 10px 10px;
}

.writtennav h4 {
	background:#8E001B;
}
.writtennav a {
	color:#fff;
	text-decoration:none;
}
label#limitlbl_0 {
	position:absolute;
	top:95px;
	right:4px;
	color:#999;
	font-size:1.5em;
}
.tellitdisclaimer {
	padding-top:10px;
}
h4.tellithead {
	font-size:2.7em;
	display:block;
	margin-bottom:15px;
}
/***************************
*********EXPERIENCE**********
***************************/
#experience {
	background:url(img/experience_soon1.png) 0px 90px no-repeat;
}
#experience h4.subtitle {
	font-size:1.2em;
	padding-bottom:15px;
	display:block;
}
#experience .dlhead {
	padding:2px 0 0 5px;
	height:28px;
	background:#0068AC;
	position:relative;
	clear:both;
	margin-top:15px;
}
.experslider {
	margin-top:10px;
	margin-bottom:10px;
	width:932px;
	height:120px;
	padding:15px 0 0 28px;
	background:url(img/experbg.png) repeat;
	position:relative;
}
.experslider a.left, .experslider a.right {
	width:14px;
	height:28px;
	position:absolute;
	text-indent:-10000px;
	display:block;
}
.experslider a.left {
	top:55px;
	left:5px;
	background:url(img/visionleftarrow.png) top left no-repeat;
}
.experslider a.right {
	background:url(img/visionrightarrow.png) top left no-repeat;
	top:55px;
	right:5px;
}
.experslider ul {
	
}
.experslider li {
	width:303px;
}
.experslider li.first {
	float:left;
}
.experslider li.second {
	float:left;
}
.experslider li.third {
	float:left;
}
.experslider li a.button {
	float:left;
	margin:5px 10px 0 0;
}
.experslider li .snippet {
	float:left;
	width:150px;
}
.experslider .snippet p {
	font-size:11px;
	line-height:16px;
}
.experslider li h4 {
	font-size:1.3em;
}


/***************************
*********SPREAD IT**********
***************************/
#spreadit h4.subtitle {
	font-size:1.2em;
	padding-bottom:15px;
	display:block;
}
#spreadit .dlhead {
	padding:2px 0 0 5px;
	height:28px;
	background:#0068AC;
	position:relative;
	clear:both;
}
.dlhead h4 {
	font-size:2.4em;
}
.dlhead h4.dlall {
	position:absolute;
	top:5px;
	right:3px;
	font-size:1.1em;
}
.dlhead h4 a {
	color:#fff;
}
.dllist {
	padding:20px 0;
	clear:both;
}
.dllist div {
	float:left;
	width:140px;
	height:100px;
	background:green;
	margin-right:24px;
	margin-bottom:20px;
}
.dllist div.alpha {
}
.dllist div.omega {
	margin-right:0;
}
.dllist div a {
	display:block;
	width:140px;
	height:100px;
	background-image:url(img/spreadhover.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.dllist div a:hover {
	background-position:0px -100px;
}
.dllist div.wall1 {background-image:url(img/thumbs/wall01.jpg);}
.dllist div.wall2 {background-image:url(img/thumbs/wall02.jpg);}
.dllist div.wall3 {background-image:url(img/thumbs/wall03.jpg);}
.dllist div.wall4 {background-image:url(img/thumbs/wall04.jpg);}
.dllist div.wall6 {background-image:url(img/thumbs/wall06.jpg);}
.dllist div.badge1 {background-image:url(img/thumbs/badge01.jpg);}
.dllist div.badge2 {background-image:url(img/thumbs/badge02.jpg);}
.dllist div.badge3 {background-image:url(img/thumbs/badge03.jpg);}
.dllist div.poster1-1 {background-image:url(img/thumbs/poster01_1.jpg);}
.dllist div.poster1-2 {background-image:url(img/thumbs/poster01_2.jpg);}
.dllist div.poster2-1 {background-image:url(img/thumbs/poster02_1.jpg);}
.dllist div.poster2-2 {background-image:url(img/thumbs/poster02_2.jpg);}
.dllist div.poster3-1 {background-image:url(img/thumbs/poster03_1.jpg);}
.dllist div.poster3-2 {background-image:url(img/thumbs/poster03_2.jpg);}
.dllist div.poster4-1 {background-image:url(img/thumbs/poster04_1.jpg);}
.dllist div.poster4-2 {background-image:url(img/thumbs/poster04_2.jpg);}
.dllist div.poster5-1 {background-image:url(img/thumbs/poster05_1.jpg);}
.dllist div.poster6-1 {background-image:url(img/thumbs/poster06_1.jpg);}
.dllist div.poster6-2 {background-image:url(img/thumbs/poster06_2.jpg);}
/***************************
***********VISION***********
***************************/
#visionbuttons {
	height:165px;
	position:relative;
}
#visionbuttons a {
	position:absolute;
	text-indent:-10000px;
	display:block;
	height:150px;
	top:0;
	background-position:0px -150px;
	background-repeat:no-repeat;
}
#visionbuttons a.hovered, #visionbuttons a:hover {
	background-position:0px 0px;
}
#visionbuttons a#firstvision {
	left:0;
	width:258px;
	background-image:url(img/visionimg1.png);
}
#visionbuttons a#secondvision {
	width:185px;
	background-image:url(img/visionimg2.png);
	left:443px;
}
#visionbuttons a#thirdvision {
	left:818px;
	width:109px;
	background-image:url(img/visionimg3.png);
}
#visionbuttons span {
	position:absolute;
	top:44px;
	height:63px;
	width:67px;
	text-indent:-10000px;
	background:url(img/visionand.png) top left no-repeat;
}
#visionbuttons span#firstand {
	left:317px;
}
#visionbuttons span#secondand {
	left:690px;
}
#visiondesc {
	height:40px;
}
#visiondesc li.hovered {
	display:block;
}
#visiondesc h4 {
	float:left;
	margin-right:10px;
	font-size:2.3em;
}
#visiondesc p {
	float:left;
	font-size:11px;
	padding-top:5px;
}
li.secondvision {
	margin-left:345px;
}
li.thirdvision {
	float:right;
}
li.secondvision, li.thirdvision {
	display:none;
}
#visionbottom {
	padding-top:30px;
	clear:both;
	background-image: url(img/linefooter.png);
	background-repeat:no-repeat;
	background-position: center top;	
}
#visionlinks h5 {
	font-size:1.3em;
	margin-bottom:8px;
}
#visionlinks h5 a {
	background:#962C38;
	padding:2px;
	color:#fff;
	text-decoration:none;
}
#visionlinks h5 a:hover {
	background:none;
	color:#962C38;
}
#visionlinks p {
	font-size:11px;
	margin-bottom:15px;
}
#visionright {
	float:right;
	width:680px;
}
#visionright h4#visionmark {
	margin:38px 10px 0 0;
	float:right;
	clear:both;
	font-size:3.5em;
	color:#333;
}
#visionslider {
	margin-top:10px;
	width:624px;
	height:120px;
	padding:15px 28px 0 28px;
	background:url(img/bgvisionaside.png) repeat;
	position:relative;
}
#visionslider a.left, #visionslider a.right {
	width:14px;
	height:28px;
	position:absolute;
	text-indent:-10000px;
	display:block;
}
#visionslider a.left {
	top:55px;
	left:5px;
	background:url(img/visionleftarrow.png) top left no-repeat;
}
#visionslider a.right {
	background:url(img/visionrightarrow.png) top left no-repeat;
	top:55px;
	right:5px;
}
#visionslider ul {
	
}
#visionslider li {
	width:312px;
}
#visionslider li.first {
	float:left;
}
#visionslider li.second {
	float:left;
}
#visionslider li a.button {
	float:left;
	margin:5px 10px 0 0;
}
#visionslider li .snippet {
	float:left;
	width:150px;
}
.snippet p {
	font-size:11px;
	line-height:16px;
}
#visionslider li h4 {
	font-size:1.3em;
}
h4.popup {
	color:#0068AC;
	margin-top:20px;
	background-attachment:fixed;
}
h4.popupplain {
	height:20px;
	margin-top:20px;
	display:block;
	background-attachment:fixed;
}
/***************************
******VISION BACKPAGES******
***************************/
.visionpoint p, .visionpoint li {
	font-size:12px;
}
.visionpoint h3 {
	margin-bottom:0;
}
.visionpoint .overview p {
	margin:5px 0 15px;
}
.campuses h4, .nations h4, .anticipated h4 {
	background:#0068AC;
	font-size:2.5em;
	padding:0 5px 3px 5px;
}
.campusleft {
	padding-top:4px;
}
.campusleft p {
	margin-top:18px;
}
div.campuses {
	padding:10px 0 12px 0;
}
.campuses ul {
	position:relative;
	width:178px;
	padding:46px 20px 0 22px;
	background:url(img/bgvisionaside.png) repeat;
	float:right;
}
.campuses li {
	margin-bottom:16px;
}
.campuses h5 {
	position:absolute;
	top:5px;
	left:-23px;
	text-indent:-10000px;
	display:block;
}
.blaine h5 {
	background:url(img/headvisionblaine.png) top left no-repeat;
	width:89px;
	height:30px;
}
.woodbury h5 {
	background:url(img/headvisionwoodbury.png) top left no-repeat;
	width:116px;
	height:35px;
}
#visionside {
	width:300px;
	float:right;
	position:relative;
}
#visionside img {
	margin-bottom:10px;
}
#visionside h4 {
	font-size:2.2em;
	margin-bottom:15px;
	text-transform: uppercase;
	clear:both;
	display:inline;
}
#visionside h4 a {
	background:#962C38;
	padding:2px;
	color:#fff;
	text-decoration:none;
}
#visionside h4 a:hover {
	background:none;
	color:#962C38;
}
#visionside p {
	font-size:11px;
	margin-bottom:15px;
}
#TB_ajaxContent li {
	margin-top:8px;
}
.redsidebar {
	background:#8F1D2A;
	color:#fff;
	width:228px;
	padding:60px 35px 0 37px;
	float:right;
	position:relative;
}
.redsidebar h4 {
	font-size:2.7em;
	display:block;
	text-align:center;
	position:absolute;
	width:280px;
	left:8px;
	top:10px;
}
.redsidebar li {
	margin-bottom:19px;
	color:#fff;
}
.nations p {
	padding:10px 0 22px;
}
.greysidebar h4 {
	font-size:2.2em;
	padding:10px 0 10px 0;
	display:block;
	text-align:center;
}
.greysidebar {
	margin-top:160px;
	background:url(img/bgvisionaside.png) repeat;
}
.greysidebar p {
	padding:10px;
}
.secondsidebar {
	margin-top:20px;
}
#visionpoint3 ul.redsidebar {
	padding-bottom:1px;]
}
#visionpoint3 .redsidebar h4 {
	padding-bottom:10px;
}
.anticipated {
	margin-top:25px;
}
.anticipated p {
	padding:10px 0 7px;
}
/***************************
********PLEDGE PAGE*********
***************************/
#pledgebuttons {
	height:165px;
	position:relative;
}
#pledgebuttons a {
	position:absolute;
	text-indent:-10000px;
	display:block;
	top:0;
	background-repeat:no-repeat;
	background-position:0px -140px;
	height:140px;
}
#pledgebuttons a.hovered, #pledgebuttons a:hover {
	background-position:0px 0px;
}
#pledgebuttons a#firstpledge {
	left:108px;
	top:15px;
	width:75px;
	height:120px;
	background-image:url(img/pledgeimg1.png);
}
#pledgebuttons a#secondpledge {
	width:74px;
	height:140px;
	background-image:url(img/pledgeimg2.png);
	left:443px;
	top:-7px;
}
#pledgebuttons a#thirdpledge {
	left:809px;
	top:21px;
	width:135px;
	height:110px;
	background-image:url(img/pledgeimg3.png);
}
#pledgebuttons span {
	position:absolute;
	top:44px;
	height:63px;
	width:67px;
	text-indent:-10000px;
	background:url(img/visionand.png) top left no-repeat;
}
#pledgebuttons span#firstand {
	left:290px;
}
#pledgebuttons span#secondand {
	left:645px;
}
li.firstpledge {
	margin-left:50px;
}
li.secondpledge {
	margin-left:395px;
}
li.thirdpledge {
	float:right;
}
li.secondpledge, li.thirdpledge {
	display:none;
}
#commitsoon {
	width:600px;
	height:276px;
	background:url(img/commitsoon.png) top left no-repeat;
	text-indent:-10000px;
}
#pledgelinks h4 {
	font-size:2.2em;
	height:37px;
	display:block;
	
}
#pledgelinks h5 {
	font-size:1.4em;
	margin-bottom:13px;
}
#pledgelinks h5 a {
	background:#962C38;
	padding:2px;
	color:#fff;
	text-decoration:none;
}
#pledgelinks h5 a:hover {
	background:none;
	color:#962C38;
}
#pledgelinks p {
	font-size:11px;
	margin-bottom:15px;
}


/***************************
******PLEDGE BACKPAGES******
***************************/
.pledgeoverview {
	margin:5px 0 5px;
}
.pledgethought h4 {
	background:#0068AC;
	font-size:2.5em;
	padding:0 5px 3px 5px;
	margin-top:15px;
	display:inline-block;
}
.pledgethought p {
	padding:5px 0 10px;	
}
.pledgebottom {
	margin-top:20px;
}
#pledgepoint3 .active {
	background:none;
}
#pledgepoint3 li {
	margin-top:10px;
}
h4.blueback {
	background:#0068AC;
	font-size:2.5em;
	padding:0 5px 3px 5px;
	margin-top:25px;
	display:inline-block;
}
#pledgepoint3 h4 {
	clear:both;
}
#accordion a.pledge1 {
	background:url(img/pledgeoption1.png) top left;
	width:213px;
}
#accordion a.pledge2 {
	background:url(img/pledgeoption2.png) top left;
	width:64px;
}
#accordion a.pledge3 {
	background:url(img/pledgeoption3.png) top left;
	width:74px;
}
#accordion a.pledge4 {
	background:url(img/pledgeoption4.png) top left;
	width:105px;
}
#accordion a.pledge5 {
	background:url(img/pledgeoption5.png) top left;
	width:60px;
}
#accordion a.pledge6 {
	background:url(img/pledgeoption6.png) top left;
	width:67px;
}
#accordion a.pledge7 {
	background:url(img/pledgeoption7.png) top left;
	width:260px;
}
/***************************
********GET INVOLVED********
***************************/
#getinvolved {

}
#getinvolved a.blocklink {
	float:left;
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#getinvolved a#spreadit {
	background-image:url(img/interactspread_notsoon.png);
	width:469px;
	height:264px;
}
#getinvolved a#spreadit:hover {
	background-position:0px -264px;
}
#getinvolved a#tellit {
	background-image:url(img/interacttell_archive.png);
	width:471px;
	height:264px;
}
#getinvolved a#tellit:hover {
	background-position:0px -264px;
}
#getinvolved a#showit {
	background-image:url(img/interactshow_notsoon.png);
	width:471px;
	height:263px;
}
#getinvolved a#showit:hover {
	background-position:0px -263px;
}
#getinvolved #friendus {
	background-image:url(img/interactfriend.png);
	width:469px;
	height:263px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;	
	position:relative;
}
#friendus a {
	display:block;
	text-indent:-10000px;
}
#friendus a.facebook {
	background:url(img/btnfacebookbig.png) top left no-repeat;
	width:222px;
	height:44px;
	top:98px;
	left:230px;
	position:absolute;
}
#friendus a.twitter {
	background:url(img/btntwitterbig.png) top left no-repeat;
	width:181px;
	height:38px;
	position:absolute;
	top:105px;;
	left:30px;
}
#friendus a.youtube {
	background:url(img/btnyoutubebig.png) top left no-repeat;
	width:180px;
	height:69px;
	position:absolute;
	top:165px;;
	left:148px;
}
#friendus a.twitter:hover{
	background-position:0px -69px;
}
#friendus a.twitter:hover{
	background-position:0px -38px;
}
#friendus a.facebook:hover {
	background-position:0px -44px;
}


/***************************
********FORM STYLING********
***************************/
input.text, textarea {
	border:1px solid #666666;
	background:#262626 none;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
textarea {
	padding:6px 0 0 8px;
	font-size:12px;
}
.formrow {
	padding:10px; 
	float:left;
}
input.submit {
	font-size:1em;
}
.city, .state, label.zip{
	float:left;
}
.active {
	background:#1a1a1a;
}
.error {
	background:#FFDFDF;
	color:#E11212;
}
#errormessage {
	display:none;
	text-align:center;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:10px;
}
#errormessage h4 {
	color:#e11212;
	font-size:17px;	
	margin-bottom:3px;
}
#errormessage em {
	font-style:normal;
	color:#e11212;	
	background:#ffdfdf;
}
#successmessage {
	text-align:center;
	margin-bottom:10px;
}
#successmessage h5 {
	color:#0068AC;
	font-size:20px;
	margin-bottom:3px;
}
#successmessage em {
	font-style:normal;
	color:#006633;
}
label {
	display:block;
	margin-bottom:7px;
	font-weight:bold;
}
#emailalert {
	display:none;
	font-size:0.8em;
	line-height:1em;
	margin-top:4px;
}
/***************************
*********COMMITMENT*********
***************************/
#commit {
	width:690px;
}
a#btncommitment {
	text-indent:-10000px;
	display:block;
	background-image:url(img/btncommitment.jpg);
	width:685px;
	height:32px;
	margin-bottom:10px;
}
a.commitup {
	background-position:0px 0px;
}
a.commitdown {
	background-position:0px -32px;
}
div#commitmentcontent {

}
#mypledge input.text, #commitmentcard input.text {
	height:22px;
	background:white none;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}
#mypledge, #commitmentcard {
	font-size:1.1em;
}
#mypledge h6, #commitmentcard h6 {
	color:#7f0e10;
}
#mypledge h4, #commitmentcard h4 {
	font-size:1.6em;
	margin-left:-3px;
	color:#7f0e10;
}
#commitment {
	padding-top:7px;
}
label.city {
	width:170px;
}
label.state {
	width:70px;
}
label.zip {
	width:60px;
}
input.city {
	margin-right:20px;
	width:142px;
}
input.state {
	width:40px;
}
select.state {
	width:50px;
	margin-top:3px;
}
input.zip {
	width:73px;
	float:right;
}
select {
	font-size:.8em;
	height:18px;
}
.formrow {
	padding:10px; 
	float:left;
}
#mypledge .first, #commitmentcard .first {
	margin-right:10px;
}
#mypledge .half, #mypledge .groups, #mypledge .amounts, #commitmentcard .half, #commitmentcard .groups, #commitmentcard .amounts{
	width:320px;
}
#mypledge .half input.text, #commitmentcard .half input.text {
	width:312px;
}
#offeringleft {
	margin-top:5px;
	width:360px;
	float:left;
	height:170px;
}
#offeringleft input.text, #commitleft input.text {
	width:291px;
	float:left;
}
#commitment div.active, #onetimeoffering div.active {
	background:none;
}
#offeringleft span, #commitleft span {
	font-size:1.3em;
	float:left;
	padding-top:3px;
	margin-right:5px;
}
#offeringleft label {
	font-weight:normal;
	clear:both;
	padding-top:12px;
}
#offeringleft select {
	float:left;
	margin-right:15px;
}
#offeringleft select.month {
	width:120px;
}
#offeringleft select.day {
	width:65px;
}
#offeringleft select.year {
	width:90px;
}
#offeringright {
	margin-top:35px;
	float:right;
	width:255px;
}
#commitleft {
	float:left;
	width:350px;
	padding-top:10px;
}
#commitright {
	float:left;
	width:300px;
	padding-top:10px;	
}
#commitright p {
	font-weight:bold;
	margin:0;
	padding:0 0 0 2px;
}
#commitright input.radio {
	clear:both;
	float:left;
	margin:4px 10px 0 0;
	display:block;
}
#commitright div.payline {
	clear:both;
}
#commitright label {
	width:68px;
	font-weight:bold;
	float:left;
	margin-left:4px;
}
#commitright span {
	float:left;
}
#agreement {
	margin-top:10px;
	padding-bottom:20px;
}
#agreement input.check {
	float:left;
}
#agreement p {
	float:right;
	width:660px;
}
#agreement p.nocheck {
	float:none;
	width:100%;
	font-style:italic;
}
#mypledge input.submit, #commitmentcard input.submit {
	margin:15px 0;
}
/***************************
********CONTACT PAGE********
***************************/
#contact h3 {
	margin-bottom:10px;
}
#contact textarea {
	float:right;
	width:482px;
	height:176px;
}
#contact .left {
	float:left;
	width:450px;
}
#contact input.text {
	font-size:29px;
	padding:6px 0 0 8px;
	height:39px;
	margin-bottom:20px;
	width:440px;
	margin:1px 0 19px;
}
#contact input.submit {
	clear:both;
	float:right;
	margin:5px 0 40px;
}
/***************************
***********FOOTER***********
***************************/
#footer {
	font-size:.9em;
	font-weight:normal;
	color:#bbb;
	position:relative;
	height:45px;
	background-image: url(img/linefooter.png);
	background-repeat:no-repeat;
	background-position: center top;	
}
#copyright {
	margin:0 0 0 10px;
	padding-top:25px;
}
#copyright span {
	padding-top:2px;
	float:left;
}
#copyright img {
	margin: 0 3px;
	float:left;
}
#copyright a {
	color:#fff;
}
ul#footnav {
	position:absolute;
	top:21px;
	right:15px;
}
#footnav li {
	float:left;
	margin-left:10px;
}
#footnav li a {
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
}
#footnav li a:hover {
	text-decoration:none;
	color:#8F171C;
}