/* TOC:

1.1 - Global Styles (fonts, links, lists, typography)
1.2 - Header (branding, main nav, login)
1.3 - SiFR
1.4 - Main Divs (wrappers, footer)

COMMON ELEMENTS styles

PAGE SPECIFIC styles
2.1 - Home Page
2.1.1 - Home Page (details page for columns)
2.2 - Contact
2.3 - Donate
2.4 - The Blog
2.5 - Covenant Partner Resources
2.6 - Event Page (Single listing and whole list)
2.7 - News


*/

/*			1.1 - Global Styles
============================================*/
body {
	font-family: verdana, sans-serif;
	background:#fefefe;
	text-align:center;
}
a:link, a:visited {
	color:#336699;
	text-decoration:none;
	border-bottom:1px solid #c2c2c2;
}
a:hover {
	color:#123C66;
}
h2 {
	font-size: 2em;
	color:#990033;
	padding-bottom:10px;
	font-weight:lighter;
}
h3 {
	font-size: 1.6em;
	color:#990033;
	margin-top:8px;
	padding-bottom:10px;
}
p {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:1.2em; /* <------------------  */
}
ul, ol {
	font-size:1.1em;
}
strong, b {
	font-weight:bold;
}
input {
	z-index:1;
}

/*			1.2 - Header
============================================*/
#header {
					height:150px; /*background:yellow;*/
	position:relative;
/* branding --------------------------------*/
}
#branding {
					/*border:1px dotted aqua;*/
	position:absolute; top:16px; left:20px;
	width:180px;
	z-index:2;
}
#logo {
	float:left;
	display:block; overflow:hidden;
	height:110px; width:68px;
	text-indent:-9999px;
	background:transparent url(/images/logo.gif) no-repeat top left;
	border:none;
}

#slogan {
	float:right;
	margin-top:15px;
}
/* Main Navigation -------------------------*/
#mainNav {
	position:absolute; top:40px; right:0;
	text-align:right;
}
#mainNav li {
	float:right;
	width:100px; height:60px;
	margin-right:10px;
	padding-right:10px;
	background: url(/images/dot.gif) repeat-y right top;
}
ul#mainNav li a:link, ul#mainNav li a:visited {
	color:#666666;
	text-decoration: none;
	border-bottom:none;
	font-size:1.4em;
}
	ul#mainNav li a:hover {
		color:#990033;
	}

#navWrapHome ul#mainNav li#homeNav a,
#navWrapContact ul#mainNav li#contactNav a,
#navWrapDonate ul#mainNav li#donateNav a,
#navWrapBlog ul#mainNav li#blogNav a,
#navWrapCPR ul#mainNav li#cprNav a,
#navWrapNews ul#mainNav li#newsNav a {
	color:#990033;
	text-decoration:none;
	border-bottom:none;
}
/* Login -----------------------------------*/
#login {
					/*border:1px dotted aqua;*/
	height:70px; width:260px; background:url(/images/bg_login.gif) no-repeat right top; 
	position:absolute; top:105px; right:0;
	padding-top:20px;
	color:#999999;
}

#login input.login-name, #login input.login-pass {
	background:#FEFEFE;
	border:1px solid #C2C2C2;
	width:100px;
	color:#000000;
	z-index:1;
	font-size:1.2em;
}
#login label {
	font-size:1.1em;
	line-height:1.5em;
}
#login input.login-submit {
	font-size:11px; font-weight:bold;
	color:#666;
	background:#EBECEC;
	border:1px solid #999999;
	margin-top:4px;
	float:right;
}
#login input.login-submit:hover {
	background:#336699;
	color:#fff;
}
#loginRight {
	float:right;
	width:100px;
	text-align:left;
	padding-right:25px;
}
#loginLeft {
	float:left;
	width:100px;
	text-align:left;
	padding-left:20px;
}
#welcome {
	padding-top:14px; margin-left:20px; margin-bottom:0;
}
#logout {
	text-align:right;
	margin-right:28px;
}
/*			1.3 - SiFR Styles
============================================*/
/* These are the fonts in use when SiFR is ACTIVE.
	NOTE: color must be applied in the javascript, not the css. */
.sIFR-active h2, .sIFR-active div.resource-content h3 {
    visibility: hidden;
	padding-bottom:0;
     /*line-height: 24px;  Increase this for font-height */
}

.sIFR-active p.page-desc {
	visibility: hidden;
	/*line-height: 15px;  Increase this for font-height */
}
.sIFR-active ul#mainNav li {
	visibility: hidden;
	padding-right:3px;
}

.sIFR-active div.blog-date-m {
	margin-bottom:0;
}
.sIFR-active div#contactFormWrapper h3, .sIFR-active div.newsWrapper h3 {
	margin-bottom:0; padding-bottom:0;
}

/*			1.4 - Main Divs
============================================*/
#wrapper { /* wraps the header and the content... not the footer */
	background:#ebecec url(/images/bg_header.gif) repeat-x center top;
}

/* Content Wrapper (960px) -----------------*/
div.widthWrapper {
	margin:0 auto; 
	text-align:left;
	width:960px;
					/*border-left:1px solid #666; border-right:1px solid #666;*/
}
/* Footer ----------------------------------*/
#footerWrapper {
	background: url(/images/bg_footer.gif) repeat-x top left;
	padding-top:30px;
}
ul#footerMeta {
	clear:left;
	margin-top:20px;
	text-align:center;
	padding-bottom:20px;
}
ul#footerMeta li {
	display:inline;
	background:#fefefe url(/images/dot.gif) repeat-y right top;
	padding-right:15px; padding-left:12px;
}
ul#footerMeta li.last {
	background:none;
}


/*==================================================================================
								COMMON ELEMENTS styles
===================================================================================*/
p.page-desc {
	margin-top:4px;
	width:70%;
	color:#336699;
	z-index:3;
}

/* 1/2 page Boxes ----------------------------------*/
div.box1 { width:460px; float:left; margin-top:10px;}
div.box1top {
	background: url(/images/box1top.gif) no-repeat top center;
	padding-top:20px;
}
div.box1bot {
	background: url(/images/box1bot.gif) no-repeat bottom center;
	padding-bottom:30px; padding-left:20px; padding-right:20px;
}

/* 1/4 page Boxes ----------------------------------*/
div.box2 { width:240px; float:right; }
div.box2top {
	background: url(/images/box2top.gif) no-repeat top center;
	padding-top:15px;
}
div.box2bot {
	background: url(/images/box2bot.gif) no-repeat bottom center;
	padding-bottom:30px; padding-left:15px; padding-right:20px;
}

#highlight img, div.blog-entry img, div.resource-content-image-movie img, div#homeDetails img, div.newsWrapper img, .resource-content img {
	float:left; margin-right:5px;
	padding:4px; background:#ffffff; border:1px solid #D4D5D5;
}
.bill-about {
	float:left; margin-right:10px;
	padding:4px; background:#ffffff; border:1px solid #D4D5D5;
}
#blog-sidebar img {
	float:right; margin-left:5px;
	padding:4px; background:#ffffff; border:1px solid #C4C4C4;
}

/* centered 1/2 page Boxes ----------------------------------*/
div.boxMessage { width:460px; margin:10px auto 100px auto;}
div.boxMessageTop {
	background: url(/images/box1top.gif) no-repeat top center;
	padding-top:20px;
}
div.boxMessageBot {
	background: url(/images/box1bot.gif) no-repeat bottom center;
	padding-bottom:30px; padding-left:20px; padding-right:20px;
}

/*==================================================================================
								PAGE SPECIFIC Styles
===================================================================================*/


/*			2.1 - Home Page
============================================*/
div.home-column {
	padding-top:20px; background: url(/images/watermark_check_man_small.gif) no-repeat left top; /* watermark_check_man.gif */
	float:left;
	margin-top:20px; margin-bottom:30px;
	width:25%;
}
div.home-column h3 {
	
}
div.home-column img {
	float:left; margin-left:10px;
	padding:4px; background:#fff; border:1px solid #C4C4C4;
}
div.home-column p {
	padding: 6px 10px;
	background: url(/images/dot.gif) repeat-y top left;
	margin:0;
}
div.home-column a {
	font-size:1.1em;
	text-align:center;
	margin-left:10px;
}
div.ev-block {
	clear:left;
	margin-bottom:15px;
	display:block;
	height:40px;
}
div.ev-date {
	background:#EBECEC; border:1px solid #c2c2c2;
	width:36px; display:block;
	float:left;
	margin-left:20px; margin-right:20px;
	text-align:center;	
}
div.ev-m {
	color:#666666;
	font-family: georgia, serif; font-weight:lighter;
	font-size:1.4em;
	padding-top:2px;
}
div.ev-d {
	color:#666666;
	font-family: georgia, serif; font-weight:lighter;
	font-size:2em;
	padding-bottom:2px;
}
div.ev-desc {
	padding-top:12px;
}
/*			2.1.1 - Home Page (details page for columns)
============================================*/
#homeDetails {
	margin:0 auto 20px auto; padding:20px;
	width:50%;
	border:1px solid #D4D5D5;
	background:#fefefe;
}


/*			2.2 - Contact
============================================*/
/* also see below for contact1 contact2 contact3 */
div.contact1, div.contact2, div.contact3 {
	margin-top:40px; margin-bottom:20px; margin-right:10px;
	float:left;
	width:220px; 
	padding-left:80px;
}
div.contact1 p, div.contact2 p, div.contact3 p {
	background: url(/images/dot.gif) repeat-y left top;
	padding-left:10px;
}
div.contact1 {
	/*background: url(/images/donate_online.gif) no-repeat top left;*/
}
div.contact2 {
	/*background: url(/images/donate_mail.gif) no-repeat top left;*/
}
div.contact3 {
	/*background: url(/images/donate_3.gif) no-repeat top left;*/
}
#contactFormWrapper {
	float:left; width:760px;
	background:transparent url(/images/large_checkman.gif) no-repeat center right;
	margin:0 80px;
}
#contactFormWrapper div.box1 {
	float:left;
}
#contactFormWrapper h3 {
	margin-bottom:0; padding-bottom:0;
}
#contactFormWrapper div.box1 {
	margin-top:0;
}
#contactFormWrapper input.contact-button {
	float:right;
	font-size:11px; font-weight:bold;
	color:#666;
	background:#EBECEC;
	border:1px solid #999999;
	margin-top:4px; margin-right:20px;
}
#contactFormWrapper input.contact-button:hover {
	background:#336699;
	color:#fff;
}
#contactFormWrapper dl {
	padding:20px;
}
#contactFormWrapper dt {
	padding:5px 0;
}
#contactFormWrapper dd input, #contactFormWrapper dd textarea {
	width:98%;
	border:1px solid #DDDEDE;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	padding:3px;
	overflow:auto;
}
#contactFormWrapper dd textarea {
	height:100px;
}
#contactFormWrapper dd input#security_code {
	width:100px;
}
#contactFormWrapper dd span {
	padding-left:5px; font-size:10px; color:#999;
}
#contactFormWrapper label {
	font-size:1.1em;
}


/*			2.3 - Donate
============================================*/
div.faq-type1, div.faq-type2, div.faq-type3 {
					/*border:1px solid red;*/
	margin-bottom:20px; margin-right:10px;
	float:left; clear:left;
	width:290px; 
	padding-left:80px;
}
div.faq-type1 {
	background: url(/images/donate_3.gif) no-repeat top left;
}
div.faq-type3 {
	background: url(/images/donate_online.gif) no-repeat top left;
}
div.faq-type2 {
	background: url(/images/donate_mail.gif) no-repeat top left;
}
div.faq-type h3 {

}
div.faq-type1 p, div.faq-type2 p, div.faq-type3 p {
	background: url(/images/dot.gif) repeat-y left top;
	padding-left:10px;
}
p.faq-q {
	color:#000;
	font-size:1.4em;
	margin-bottom:4px;
}
div.faq-a p {
	padding-left:10px;
	background: #fff url(/images/dot.gif) repeat-y top left;
}
#donateLink {
	float:right;
 	text-align:center;
}

/*			2.4 - The Blog
============================================*/
#blog-sidebar {
	width:210px;
}
div.blog-date {
	margin-top:48px;
	background: url(/images/bg_date.gif) no-repeat top center;
	width:100px;
	float:left; clear:left;
	text-align:center;
	height:90px;
	color:#fff;
}
div.blog-date-m {
	font-family:georgia, serif;
	font-weight:lighter;
	font-size:2.2em;
	margin-top:12px;
	margin-bottom:12px;
}
div.blog-date-d {
	font-family:georgia, serif;
	font-weight:lighter;
	font-size:2.4em;
}
div.blog-entry {
	background: url(/images/dot.gif) repeat-y left top;
	float:left;
	width:600px;
	padding-left:10px;
	padding-bottom:30px;
}
#blog-sidebar ul {
	padding-bottom:20px;
}
#blog-sidebar li {
	margin-left:20px;
	margin-bottom:.5em;
	line-height:1.2em;
}
#blog-sidebar li em {
	font-style:italic;
	color:#666;
}
div.blog-entry-downloads {
	clear:left;
	background:#fff;
	margin-left:110px;
	width:27%;
	padding:20px;
	border:1px solid #D4D5D5;
}
div.blog-entry-downloads h4 {
	font-size:1.6em;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
}
div.blog-entry-downloads ul {
	float:left;
	clear:left;
	margin:0; padding:0;
	width:100%;
}
div.blog-entry-downloads li {
	float:left;
	clear:left;
	background: url(/images/dl.gif) left top no-repeat;
	padding:2px 0 8px 20px;
	margin-bottom:3px;
	width:100%;
 }

/*			2.5 - Covenant Partner Resources
============================================*/

/*  Leaders Section --------------------------------*/
#leaderSectionShelf div.resource-block {
	padding:20px; /* overwrites 20px bottom padding from above div.resource-block item */
}
#leaderSectionShelf div.resource-content {
	width:660px;
}
#leadersSection {
	background:#fefefe;
	border:1px solid #336699;
	margin-bottom:40px;
}
#showCal {
	font-size:16px;
	text-align:center;
	background:#336699;
	width:250px;
	margin:0 auto;
	padding:10px;
}
#showCal a {
	color:#fff;
}
#calShelf {
	display:block;
	padding-top:10px;
	/*height:588px;*/
}

.leaderSectionHeader {
	background:#336699;
	padding:20px 20px 5px 20px;
}
.leaderSectionHeader h3 {
	color:#fff;
	margin-top:0; margin-bottom:0;
}
.leaderSectionHeader p {
	color:#fff;
}
p.viewLeader {
	text-align:center;
	color:#A8C2DB;
	font-size:1.4em;
}
p.viewLeader a:link, p.viewLeader a:visited {
	color:#A8C2DB;
	border-bottom:1px solid #A8C2DB;
}
	p.viewLeader a:hover {
		color:#fff;
		border-bottom:1px solid #fff;
	}
p.special-message-leaders {
	color:red;
	font-weight:bold;
}

/*  Members Section --------------------------------*/
#memberSectionHeader {
	background:#336699;
	padding:20px 20px 10px 20px;
	margin-bottom:20px;
}
#memberSectionHeader h3 {
	color:#fff;
	margin-top:0; margin-bottom:0;
}
#memberSectionHeader p {
	color:#fff;
}
p.special-message-members {
	color:green;
	font-weight:bold;
}

div.resource-block {
	margin-bottom:20px; padding-bottom:20px;
	
}
div.resource-content {
	width:700px;
}
div.resource-content h3 {
	
}
div.resource-content-image-movie { /* also see line 243 */
	float:left;
	padding-right:10px; padding-bottom:5px;
}
div.resource-content-body {
	background:url(/images/dot.gif) repeat-y top left;
	padding-left:10px;
}

/*  sidebar --------------------------------*/
div.resource-sidebar {
		float:right;
		margin-top:4px;
		width:250px;
}
div.resource-sidebar p {
	color:#666;
}
div.resource-sidebar h4 {
	color:#666;
	margin-top:5px; margin-bottom:5px; margin-left:20px;
	font-size:1.4em;
}
div.resource-sidebar-content {
	background:#fefefe;
	border:1px solid #d6d6d6;
}
div.resource-sidebar-content p {
	color:#336699;
	font-weight:bold;
}
div.resource-sidebar-content ul {
	margin-left:20px; margin-bottom:10px; margin-top:10px;
}
div.resource-sidebar-content li {
	/*margin-bottom:5px;*/
	height:20px;
}
div.resource-sidebar-content li a {
	float:left;
	padding-top:5px;
}
div.resource-sidebar-content li.resource-pdf {
	padding-left:10px; 
	background:url(/images/bullet-pdf.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}
div.resource-sidebar-content li.resource-word-doc {
	padding-left:10px;
	background: url(/images/bullet-doc.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}
div.resource-sidebar-content li.resource-spreadsheet {
	padding-left:10px;
	background:url(/images/bullet-sheet.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}
div.resource-sidebar-content li.resource-image {
	padding-left:10px; 
	background:url(/images/bullet-img.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}
div.resource-sidebar-content li.resource-power-point {
	padding-left:10px; 
	background:url(/images/bullet-point.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}
div.resource-sidebar-content li.resource-url {
	padding-left:10px; 
	background: url(/images/bullet-url.gif) no-repeat left center;
	padding-left:22px;
	margin-bottom:0;
}


/*			2.6 - Event Page (Single listing and whole list)
============================================*/
div.event-listing {
	margin:0 auto 20px auto; padding:20px;
	width:50%;
	border:1px solid #D4D5D5;
	background:#fefefe;
}

/*			2.7 - News
============================================*/
.newsWrapper {
	background:#FEFEFE;
	border:1px solid #D4D5D5;
	width:520px;
	padding:15px 20px;
	margin-left:130px;
	margin-bottom:15px;
}
.newsWrapper h3 {
	color:#336699;
}
#newsSidebar {
	width:210px;
}
#newsSidebar ul {
	border-top:1px solid #D4D5D5;
	margin-left:10px;
	width:180px;
}
#newsSidebar li {
	float:left; clear:left;
	margin:0; 
}
#newsSidebar li a:link, #newsSidebar li a:visited {
	display:block;
	margin:0;
	padding:4px;
	width:172px;
	border-bottom:1px solid #D4D5D5;
}
	#newsSidebar li a:hover {
		background:#F2F2F2;
		/*background:#EBECEC;*/
	}
#newsMonthlyBrowseHead {
	margin-left:150px;
	color:#BFBFBF;
}
#newsMonthlyBrowseHead a {
	font-size: 11px;
}