@import url("../taglib/css/reset.css");

body {
	font-family: "trebuchet ms";
	line-height: 1.7em;
	font-size: .8125em; /* Equiv. to 13px */
	background: #080d13 url("../images/main/bg-body2.jpg") no-repeat center top;
	color: #222;	
}

a {
	color: #ff5e17;
}

/*
a.link-external {
	background: url("../images/main/bg-link-external.gif") no-repeat right center;
	padding-right: 16px;
}
*/

a.link-external span {
	position: absolute;
	text-indent: -5000px;
}

#copy h1 {
	color: #17c1f3;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.133em;
	margin-bottom: 1.275em;
}

#copy h2 {
	font-size: 1.5em;
	margin: 1.7em 0 0.566em;
}

#copy h3 {
	font-size: 1.1em;
	margin-bottom: .772em;
}

#copy p {
	margin: 0 0 1.7em;
}

#copy ul {
	margin: 0 0 1.7em 3em;
	list-style: disc;
}

#copy ol {
	margin: 0 0 1.7em 3em;
	list-style: decimal;
}

#copy blockquote {
	padding-left: 2em;
	border-left: 1em solid #eee;
}

#copy button {
	font-size: 13px;
	background-color: #eee;
	border: 1px solid #9d9d9d;
	font-family: "trebuchet ms", verdana, sans-serif;
	padding: .15em 1em .25em;
	font-weight: bold;
	background: url("../images/main/bg-button.png") repeat-x center bottom;
	color: #333;	
	border-radius: .425em;
	-moz-border-radius: .425em;
	-webkit-border-radius: .425em;
}

#copy button:hover {
	background: url("../images/main/bg-button.png") repeat-x center center;
}

#copy form.frm_project button {
	margin-left: 1em;
}

#status {
	font-size: 1.66em;	
	line-height: normal;
	font-weight: bold;
	border: 5px solid #afe265;
	color: #296408;
	margin: 0 0 .85em;
	padding: 1.133em 1em;
	text-align: center;
	background: #c6ef92 url("../images/main/bg-status-accepted.png") no-repeat 1em center;	
	-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* MAIN CONTAINER */

#container {
	width: 970px;
	margin: 0 auto;
	padding-top: 50px;	
}

/* HEADER */

#header {
	height: 85px;
	position: relative;
}

#logo {
	width: 135px;
	height: 85px;
	background: url("../images/main/twr_logo.png");
	float: left;
}

#logo a {
	display: block;
	height: 85px;
	text-indent: -4000px;
}

#tagline {
	display: none;
}

#login-mytwr {
	width: 950px;
	height: 72px;
	position: absolute;
	margin-left: 12px;
	background: url("../images/main/bg-login-mytwr-logged_in.png") no-repeat left top;
	color: #6f8192; 
	z-index: 5000;
	margin-top: -50px;
	font-size: 12px;
}

#login-mytwr.expanded {
	/*background: url("../images/main/bg-login-mytwr-expanded.png");
	margin-top: 0;*/
}

#login-mytwr > form {
	position: relative;
	margin-right: 8px;
	text-align: center;
	float: right;
	height: 38px;
	line-height: 38px;
}

#login-mytwr form #login_error {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 50px;
	font-weight: bold;
	color: #f00;
}

#login-mytwr h2 {
	float: left;
	font-size: 15px;
	padding: 8px 0 0 12px;
	color: #3c4e6b;
}

#login-mytwr ul {
	display: inline;	
} 

#login-mytwr ul form {
	display: inline;
	position: static;
	padding: 0;
	height: auto;
	font-size: 13px;
}	

#login-mytwr ul li {
	display: inline;
	margin-right: .22em;
}

#login-mytwr label {
	vertical-align: middle;
	display: inline-block;
}

#login-mytwr label:after {
	content: ":";
}

#login-mytwr label span {
}

#login-mytwr input[type="text"],
#login-mytwr input[type="password"] {
	font-family: arial, sans-serif;
	color: #888;
	border: 1px solid #fff;
	padding: 5px;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 195px;
	vertical-align: middle;
}

#login-mytwr button {
	font-size: 13px;
	font-family: "trebuchet ms", verdana, sans-serif;
	padding: 2px 1em 4px;
	border: 1px solid #bec8d1;
	background: #cfd7e0 url("../images/main/bg-login-mytwr-button.png") repeat-x center top;
	color: #505d6a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: normal;
}

#login-mytwr .link-register {
}

#login-mytwr .link-register a {
	font-size: 12px;
	font-family: "trebuchet ms", verdana, sans-serif;
	padding: 4px 1.25em 5px;
	border: 1px solid #bec8d1;
	background: #cfd7e0 url("../images/main/bg-login-mytwr-button.png") repeat-x center top;
	color: #505d6a;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
	position: relative;
	z-index: 8000;
	margin-left: .22em;
}

#login-mytwr .link-register a:hover {
	background-position: center center;	
}

#login-mytwr ul#user_links {
	float: right;
	display: block;
	text-align: center;
	padding: 8px 4px 0 0;
	margin: 0;
}

#login-mytwr .username {
	float: left;
	padding: 8px 0 0;
	margin-left: .66em;
}

#login-mytwr ul#user_links li {
		
}

#login-mytwr ul#user_links a {
	font-size: 12px;
	font-family: "trebuchet ms", verdana, sans-serif;
	padding: 4px 1.25em 5px;
	font-weight: bold;
	border: 1px solid #bec8d1;
	background: #cfd7e0 url("../images/main/bg-login-mytwr-button.png") repeat-x center top;
	color: #505d6a;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
	position: relative;
	z-index: 8000;
}

#login-mytwr ul#user_links li.link-log_out a {
	font-weight: normal;
}

#header-nav {
	float: right;
	list-style: none;
	padding-top: 23px;
	padding-right: 10px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#header-nav li {
	float: left;
	background: url("../images/main/bg-header-nav-li.gif") no-repeat right center;
	padding: 11px 9px 10px 6px;
	margin: 0;
	display: inline;
}

#header-nav li a {
	text-decoration: none;
	display: block;
	padding: 0 6px 1px;
}

#header-nav li a:hover {
	background-color: #ff5e17;
	color: #fff;		
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#header-nav li.link-current {
}
	
#header-nav li.link-current a {
	/*background-color: #17c1f3;
	color: #fff;*/
	color: #17c1f3;
}

#header-nav li.link-current a:hover {
	background-color: transparent;	
}

#header-nav li.link-resources {
	background-image: none;
	padding-right: 16px;
}

#header-nav li.link-listen_now {
	float: right;
	padding: 0;
	height: 41px;
	width: 112px;
	background: url("../images/main/bg-link-listen_now.png");
}

#header-nav li.link-listen_now a {
	display: block;
	height: 41px;
	text-indent: -900em;
}

#header-nav li.link-listen_now a:hover {
	background-color: transparent;
}

#header-nav li.link-cart {
	top: -10px;
	right: 15px;
	float: none;
	position: absolute;
	padding: 0;
	height: 25px;
	width: 135px;
	background: url("../images/main/bg-link-cart.png");
}

#header-nav li.link-cart a {
	display: block;
	height: 28px;
	text-indent: -4000px;
	position: relative;
	z-index: 6000;
}

#header-nav li.link-cart a:hover {
	background-color: transparent;
}




/* CONTENT */

#content {
	background: url("../images/main/bg-content.png") repeat-y center top;
}

#content2 {
	background: url("../images/main/bg-content2.jpg") no-repeat left top;
	padding: 11px 10px 0;
}

#sidebar {
	float: left;
	width: 270px;
} 

#copy {
	float: right;
	width: 670px;
	padding-bottom: 10px;
	background: url("../images/main/bg-copy.png") no-repeat left bottom;
}

#copy-body {
	background: #fff url("../images/main/bg-copy-body.png") no-repeat left top;
	min-height: 550px;
	padding: 3.4em 50px 1.7em;	
}

#content-footer {
	clear: both;
}

#copy #media_feature {
	margin-bottom:1.7em;
}

/* SIDEBAR NAVIGATION */

#nav-sidebar ul {
	/*background-color: #011f3c;*/
}

#nav-sidebar ul li {
	font: normal 13px/39px arial, sans-serif;
	background: url("../images/main/bg-nav-sidebar-li.png");
	height: 40px;
}

#nav-sidebar ul > li:first-child {

}	

#nav-sidebar a {
	/*border-top: 1px solid #13314f;
	border-bottom: 1px solid #000;*/
	color: #9cb7d2;
	text-decoration: none;
	display: block;
	padding: 0px 18px;
	height: 40px;
}

#nav-sidebar li:hover {
	background: url("../images/main/bg-nav-sidebar-link-hover.png");
}

#nav-sidebar li:hover a {
	border-top-color: #025b98;
}

#nav-sidebar li a:hover {
	color: #fff;
}

#nav-sidebar li.link-current a {
	font-weight: bold;
	color: #fff;
}

#nav-sidebar .link-first a {
	border-top: none;
	background: url("../images/main/bg-nav-sidebar-link-first.png") no-repeat left top;
}

#nav-sidebar .link-last {
	background: url("../images/main/bg-nav-sidebar-link-last.png") no-repeat left bottom;
}

#nav-sidebar .link-last a {
	border-bottom: none;
}

#nav-sidebar li.link-last:hover {
	background: url("../images/main/bg-nav-sidebar-link-last-hover.png");
}

#nav-sidebar li a[target="_blank"]:after {
	content: " " url("../images/main/bg-nav-sidebar-link-external.png");
}

#nav-sidebar li a[target="_blank"]:hover:after {
	content: " " url("../images/main/bg-nav-sidebar-link-external-hover.png");
}

#nav-sidebar li a[href$="canada.html"]:before {
	content: url("../images/give/bg-link-canadian.png");
	vertical-align: -3px;
	padding-right: .5em;
}

/* FOOTER */


#footer {
	background: url("../images/main/bg-footer.png") no-repeat center top;
	padding: 10px 10px 25px;
	height: 125px;
}

#footer-nav {
	float: left;
	list-style: none;
	padding-top: 11px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer-nav li {
	float: left;
	background: url("../images/main/bg-nav-footer-li.gif") no-repeat right center;
	padding: 0px 18px 0px 16px;
}

#footer-nav a {
	color: #3d495d;
	text-decoration: none;
}

#footer-nav a:hover {
	color: #ff5e17;	
}

#footer-nav li.link-contact {
	background-image: none;
}

#social_media-nav {
	float: right;
	background: url("../images/main/bg-nav-social_media.png") no-repeat right top;
	/*width: 355px;*/
	height: 44px;
	padding-left: 150px;
}

#social_media-nav li {
	float: left;
	height: 44px;
	width: 44px;
	margin-left: 7px;
}

#social_media-nav li.link-facebook a:hover {
	background: url("../images/main/bg-nav-social_media-hover.png") no-repeat 2px top;
}

#social_media-nav li.link-twitter a:hover {
	background: url("../images/main/bg-nav-social_media-hover.png") no-repeat -49px top;
}

#social_media-nav li.link-youtube a:hover {
	background: url("../images/main/bg-nav-social_media-hover.png") no-repeat -100px top;
}

#social_media-nav li.link-flickr a:hover {
	background: url("../images/main/bg-nav-social_media-hover.png") no-repeat -151px top;
}

#social_media-nav li.link-linkedin a:hover {
	background: url("../images/main/bg-nav-social_media-hover.png") no-repeat right top;
}

#social_media-nav a {
	display: block;
	height: 44px;
	text-indent: -4000px;
}	

#copyright {
	clear: left;
	float: left;
	font-size: 11px;
	color: #44516a;
	padding-top: 32px;
}

#copyright a {
	color: #44516a;
	text-decoration: none;
}

#copyright a.link-ecfa {
	height: 66px;
	width: 50px;
	float: left;
	margin-right: 10px;
	background: url("../images/main/bg-link-ecfa.png") no-repeat center center;
	text-indent: -4000px;
}

#copyright .link-agroup,
#copyright .link-agroup a {
	color: #273144;
}

#footer form.search {
	padding-top: 16px;
	float: right;
	clear: right;
}

#footer form.search input {
	width: 206px;
	background: url("../images/main/bg-input-search.png") no-repeat;
	border: none;
	padding: 4px 2px 3px 4px;
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 12px;
	color: #bec7d7;
	vertical-align: middle;
}

#footer form.search button {
	background: url("../images/main/bg-btn-search.png");
	height: 22px;
	width: 27px;
	border: none;
	padding: 0;
	text-indent: -4000px;
	vertical-align: middle;
}


/* EXPANDING LISTS */

#expand_list > ul {
	list-style: none;
	margin-left: 0;
	border-top: .425em solid #eee;
	border-bottom: .425em solid #eee;
	padding-top: 1px;
}		

#expand_list > ul > li {
	border-bottom: 1px solid #fff;
	padding: 0 40px;
}

#expand_list ul li div.expand {
	margin: 1.7em 0 2.55em;
}

#expand_list > ul > li > h2 {
	margin: 0;
	font-size: 1.25em;	
}

#expand_list > ul > li >  h3 {
}

#expand_list > ul > li >  h2 a,
#expand_list > ul > li >  h3 a {
	display: block;
	padding: .566em 40px;
	margin: 0 -40px;
	text-decoration: none;
	background: #ddd url("../images/main/bg-link-expand-off.gif") no-repeat 12px center;;
	color: #666;
}	

#expand_list > ul > li > h2 a:hover,
#expand_list > ul > li > h3 a:hover {
	background: #ff5e17 url("../images/main/bg-link-expand.gif") no-repeat 12px center;
	color: #fff;
}

#expand_list li.show > h2 a,
#expand_list li.show > h3 a {
	color: #222;
	background: #ddd url("../images/main/bg-link-contract-off.gif") no-repeat 12px center;	
}

#expand_list li.show > h2 a:hover,
#expand_list li.show > h3 a:hover {
	color: #fff;
	background: #ff5e17 url("../images/main/bg-link-contract.gif") no-repeat 12px center;	
}

/*	
#expand_list ul ul {
	margin-left: 3em;
	list-style: disc;
	border: none;
}	
	
#expand_list ul li ul li {
	padding: 0;
	border: none;
}*/
	
	
/* NEWS FEEDS */

#copy .feed {
	margin-left: 0;
}	

#copy .feed li {
	padding-left: 100px;
	overflow: auto;
	clear: both;
	margin: 1.7em 0; 
}

#copy .feed .thumb {
	height: 88px;
	width: 88px;
	background-color: #ddd;
	float: left;
	margin: 0 0 0 -100px;
}

#copy .feed .title {
	margin: 0;
}

#copy .feed .date {
	margin: 0;
}
	
#copy .feed .summary {
	height: 6.8em;
	overflow: hidden;
	position: relative;
	margin: 0;	
}

#copy .feed .link-more {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
}	
	
	
/* PAGER */

#copy .pager {
	list-style: none;
	margin-left: 0;	
	line-height: 2.55em;
	text-align: center;
}

#copy .pager li {
	margin: 0 1px;
	padding: 0;
	display: inline;	
	color: #666;	
	font-weight: bold;
	font-size: 1.05em;
}

#copy .pager li span,
#copy .pager li a {	
	padding: .425em .85em;
	background-color: #ddd;
	text-decoration: none;
}

#copy .pager li a:hover {
	background-color: #ff5e17;
	color: #fff;
}

/* GIVING SIDEBAR */

#sidebar #seals {
	height: 200px;
	margin-top: 11px;
	background: url("../images/give/bg-sidebar-seals.png") no-repeat top left;
} 

#sidebar #seals ul {
	overflow: auto;
	padding: 0 20px;
}

#sidebar #seals li {
	float: left;
	width: 50%;
	height: 100px;
}

#sidebar #seals li a {
	height: 100px;
	display: block;
	text-indent: -4000px;
}

#sidebar #seals li.pci_link {
	padding-top:18px;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* PRAYER UPDATES FORM */

form#prayer_updates {
	margin-top: 10px;
	padding: 15px 20px 15px;
	background: #003366 url("../images/main/bg-sidebar-box.png") no-repeat left top;
	border: 1px solid #002549;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form#prayer_updates h2 {
	margin: 0;
	font-size: 1.25em;
}

form#prayer_updates p {
	font-size: .8em;	
}

form#prayer_updates .input-text {
	margin-top: .85em;
}

form#prayer_updates .input-text input {
	font-family: arial;
	font-size: 11px;
	color: #555;
	background-color: #fff;
	border: none;
	padding: .3em .212em;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	vertical-align: middle;
	width: 163px;
}

form#prayer_updates button {
	vertical-align: middle;
	font-size: 11px;
	background-color: #eee;
	border: none;
	font-family: "trebuchet ms", verdana, sans-serif;
	padding: .15em .5em .25em;
	font-weight: bold;
	background: url("../images/main/bg-button.png") repeat-x center top;
	color: #555;	
	border-radius: .425em;
	-moz-border-radius: .425em;
	-webkit-border-radius: .425em;
}

form#prayer_updates button:hover {
	color: #222;
}


/* PROJECT LIST POP-UP*/


#project_list {
	width:532px;
	background:none;
	position:absolute;
	z-index:1000;
    top: 50%;
    left: 50%;
    margin:-235px 0 0 -266px;
	visibility:hidden;
}

#project_list_bg {
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	z-index:500;
	top:0;
	filter:alpha(opacity=35); 
   	-moz-opacity: 0.35; 
   	opacity: 0.35;
}

#project_list-close {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 30px;
	height: 30px;
	background-image: url('../images/main/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1200;
}

#project_list-top {
	width:532px;
	height:26px;
	float:left;
	background:url("../images/main/project_list-bg-top.png") no-repeat center top;
}

#project_list-body {
	width:452px;
	float:left;
	background:url("../images/main/project_list-bg.png") repeat-y center top;
	padding:10px 40px 0;
}

#project_list-body h2 {
	font-size: 1.2em;
	margin: 0;
}

#project_list-body ul {
	margin: .75em 0 1em;	
	border-bottom: 1px solid #ddd;
	list-style: none;
}

#project_list-body ul li {
	border-top: 1px solid #ddd;
	padding: .425em 0;
	font-style: italic;
}

#project_list-body ul a {
	color: #d64607;
	font-style: normal;
}

#project_list-bottom {
	width:532px;
	height:26px;
	float:left;
	background:url("../images/main/project_list-bg-bottom.png") no-repeat center top;
}

#map {
	overflow: auto;
	background-color: #D5DDE7;
	padding: 1.7em 2em;
	text-align: center;
}

#map h2 {
	margin-top: 0;
}

#map small {
	font-size: 11px;
}		

/* AddThis */

.addthis_toolbox {
	float:right;
}