/*
Theme Name: Save Your Church Money
Theme URI: http://www.SaveYourChurchMoney.com
Description: Custom Theme for George Kreger
Author: Christopher B. Avell
*/


/*Main site structure*/

body{ 
	background-color:#fcfee1;
	margin:0 0 0 0;  /*top right bottom left*/
}

#container_header {
	margin: 0px auto;
	width: 756px;
	border: 0px solid #000000;
	background-color: #ffffff;
}

#container_main_body {
	margin: 0px auto;
	width: 742px;
	border: 0px solid #000000;
	background-color: #ffffff;
	padding: 0 7px 0 7px
}

.clearer {
	clear: both;
}

#top_bar	{
	height:30px;
	width:756px;
	background-image:url(images/1-1.gif);
}

#top_bar .menuwrapper{
height:30px;
overflow: hidden;
background-image:url(images/bgmenu1.gif);
float: right;
position:relative;
}

#top_bar .menuwrapper .left{
height:30px;
overflow: hidden;
background-image:url(images/bgmenu2.gif);
width: 16px;
position:absolute;
left: 0;
}

#top_bar .menuwrapper .right{
height:30px;
overflow: hidden;
background-image:url(images/bgmenu3.gif);
width: 16px;
float:left;
margin-left:-15px;
}

#top_bar .menuwrapper .center{
height:30px;
overflow: hidden;
margin: 0 0px 0 16px;
float:left;
font-size: 10px;
font-weight:bold;
font-family: Verdana, Arial, Tahoma; 
text-decoration:none; 
color:#587500;
}

#top_bar .menuwrapper .center ul{
padding: 0;
margin:0;
}

#top_bar .menuwrapper .center ul li{
height:20px;
list-style: none;
float: left;
color:#587500;
float: left;
padding: 10px 20px 0 3px;
background-image:url(images/bgmenu4.gif);
background-repeat: no-repeat;
background-position: right;
}

#top_bar .menuwrapper .center ul li a{
color:#587500;
text-decoration: none;
}

#top_bar .menuwrapper .center ul li a:hover {
	color:#92290f;
}

#logo_bar {
	height:80px;
	width:281px;
	float:left;
}

#newsletter_signup{
	height:80px;
	width:475px;
	float:right;
	background-image:url(images/background_signup.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0 0px;
}

#signup_form{
	width:260px;
	float:right;
	margin:0px 0 0 0px; /*top right bottom left*/
	padding:45px 0 0 0px; /*top right bottom left*/
}

/*controls spacing after the form & input fields*/
form {
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
}
input {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*DIFFERENT FOR IE vs FIREFOX*/
#submit_button{
	margin:-8px 0 0 0px; /*top right bottom left*/
	padding:0px 0 0 0px; /*top right bottom left*/
}

#values_flash {
	height:216px;
	width:444px;
	float:left;
	padding:0 0 0 0px;  /*top right bottom left*/
	margin:0 0 -20px 0px;  /*top right bottom left*/
}

#container_testimonials {
	background-image:url(images/background_testimonials.jpg);
	background-repeat:no-repeat;
	height:133px;
	width:296px;
	float:right;
	padding:0 0 0 0px;  /*top right bottom left*/
	margin:0 0 0 0px;  /*top right bottom left*/
}

#testimonials_text {
	height:133px;
	width:150px;
	float:left;
	padding:0px 0px 0px 0px;  /*top right bottom left*/
	margin:18px 0px -20px 12px;  /*top right bottom left*/
}

#container_monthly_values {
	background-image:url(images/background_monthly_values.jpg);
	background-repeat:no-repeat;
	height:83px;
	width:296px;
	float:right;
	padding:0 0 0 0px;  /*top right bottom left*/
	margin:0 0 0 0px;  /*top right bottom left*/
}

#monthly_values_text {
	height:83px;
	width:190px;
	float:left;
	padding:0px 0px 0px 0px;  /*top right bottom left*/
	margin:18px 0px -20px 12px;  /*top right bottom left*/
}

#address_bar {
	height:72px;
	width:742px;
	float:left;
	margin: 2px 0 0 0px;  /*top right bottom left*/
}

#leftmenu_container{
	width:213px;
	text-align:center;
	float:left;
	padding:0 0 0px 0px;  /*top right bottom left*/
}

#leftmenu{
	width:213px;
	background-color:#3c0e01;
	background-image:url(images/background_leftmenu.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding:0 0 0px 0px;  /*top right bottom left*/
	color: #FFFFFF;
}

#leftmenu_bottom {
	width:213px;
	padding:0 0 10px 0px;  /*top right bottom left*/
}

#main_content {
	width:500px;
	float:right;
	padding:0px 10px 20px 0px;  /*top right bottom left*/
}

#header_underline {
	background-image: url(images/header_underline.gif);
	background-repeat:no-repeat;
	padding:0 0 0px 0;
}

.preferred_prods_topbottom {
	width:484px;
	height:15px;
	margin:0 0 0 5px;
}

#preferred_products {
	width:464px;
	background-color: #c0dcea;
	padding:0 10px 10px 10px;  /*top right bottom left*/
	margin:0 0 0 5px;
}

#footer1 {
	background-color:#28526a;
	margin:auto;
	width:756px;
	height:2px;
	text-align: center;
	font-size:1px;
	padding:0 0 0 0; /*top right bottom left*/
}

#footer2 {
	background-color:#ffffff;
	margin:auto;
	width:756px;
	height:1px;
	text-align: center;
	font-size:1px;
	padding:0 0 0 0; /*top right bottom left*/
}


#footer_text {
	margin:auto;
	width:756px;
	text-align: center;
	padding:10px 0 20px 0; /*top right bottom left*/
}

#horizontal_rule	{
	width:485px;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#9ab1bd;
}

/*Misc*/
a img {border: none; }

p {	margin-top: 5px;}

ul {
	margin-top: 0px;  /*top right bottom left*/ 
}

/*Headers*/

/*H1 is used for main header text only */
h1 {
	font-size: 17px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #b02121;
	text-decoration:none;
	display:inline;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H6 is used for secondary main header text--specific products */
h6 {
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #28526a;
	text-decoration:none;
	display:inline;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H2 is used for testimonials header only */
h2 {
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #ed944b;
	text-decoration:none;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 2px 0px;  /*top right bottom left*/ 
}

/*H3 is used for monthly values header only */
h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #28526a;
	text-decoration:none;
	margin: 0px 0px -3px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H4 is used for sub headers in content body*/
h4 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #28526a;
	text-decoration:none;
	margin: 0px 0px 5px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H5 is used for non-preferred suppliers on the products subpages*/
h5 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #28526a;
	text-decoration:none;
	display:inline;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 20px;  /*top right bottom left*/ 
}




/* Text */
span.text {font-family: verdana, arial, helvetica; font-size: 10px; color: #7c7d7e;}
span.text_testimonials {font-family: verdana, arial, helvetica; font-size: 9px; color: #728f3d;}
span.text_monthly_values {font-family: verdana, arial, helvetica; font-size: 9px; color: #58849d;}

span.copyright {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; color:#28526a; letter-spacing:0px;}

/* Rollovers */
.edgeflow {FONT-SIZE: 11px;FONT-FAMILY: Arial, verdana,Tahoma; text-decoration:underline; color:#709347;}
.edgeflow:hover {FONT-SIZE: 11px;FONT-FAMILY:Arial, verdana, Tahoma;text-decoration:underline; color:#a7cd74;}

.link {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:underline; color:#53819b;}
.link:hover {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:underline; color:#29800f;}

/*used for main product links on the furnishings & promotional products pages*/
.link_products {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:none; color:#28526a; font-weight:bold; line-height:20px;}
.link_products:hover {color:#f2c03d;}

/*used for non-preferred supplier links on the products sub pages*/
.link_products2 {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:none; color:#28526a; font-weight:bold;}
.link_products2:hover {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:none; color:#f2c03d; font-weight:bold;}

.link_pdf {
	font-family: verdana, arial, helvetica;
	font-size: 10px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#454545;
	margin: -8px 0 0 5px;
	float:left;
}
.link_pdf:hover {color:#a6a6a6;}

#link_values {font-family: verdana, arial, helvetica; font-size: 10px; color: #92290f; text-decoration:none;}
#link_values:hover {font-family: verdana, arial, helvetica; font-size: 10px; color: #c78271; text-decoration:none;}

#topmenu_home {
	font-size: 10px;
	font-weight:bold;
	font-family: Verdana, Arial, Tahoma; 
	text-decoration:none; 
	color:#587500;
	float:left;
	margin: 10px 0px 0px 630px;  /*top right bottom left*/
}
#topmenu_home:hover {
	color:#92290f;
}

#topmenu_contact {
	font-size: 10px;
	font-weight:bold;
	font-family: Verdana, Arial, Tahoma; 
	text-decoration:none; 
	color:#587500;
	float:left;
	margin: 10px 0px 0px 30px;  /*top right bottom left*/
}
#topmenu_contact:hover {
	color:#92290f;
}


.leftmenu_link {
	width:213px;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Tahoma; 
	text-decoration:none; 
	color:#ffffff;
	text-align:center;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/
}
.leftmenu_link:hover {
	color:#759fb7;
}

/* Contact form styling */

#newsletter {
	border: 0px solid #999999;
	color:#6b7d0f;
	width: 175px;
	height:17px;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:0px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}



.long_top {
	border: 1px solid #999999;
	color:#7c7d7e;
	width: 250px;
	background:#f8fcdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;
}

.long {
	border: 1px solid #999999;
	color:#7c7d7e;
	width: 250px;
	background:#f8fcdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:left;
}

.medium {
	border: 1px solid #999999;
	color:#7c7d7e;
	width: 200px;
	background:#f8fcdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:left;
}

.short {
	border: 1px solid #999999;
	color:#7c7d7e;
	width: 150px;
	background:#f8fcdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	margin-top:-5px;
	margin-bottom:0px;
	text-align:left;
}

.comments {
	border: 1px solid #999999;
	color:#7c7d7e;
	width: 425px;
	height:100px;
	background:#f8fcdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:0px;
	text-align:left;
}


#leftmenu ul, #footer3 .widgetbottom ul{
padding: 0;
margin: 0;
}

#leftmenu li, #footer3 .widgetbottom li{
list-style: none;
display: block;
padding: 0px 0 12px 0;
background-image: url(images/leftmenu_divider.png);
background-repeat: no-repeat;
background-position: bottom center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}

#leftmenu li ul li{
list-style: none;
display: block;
padding: 5px 0 0px 0;
background-image: none;
background-repeat: no-repeat;
background-position: bottom center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}


#leftmenu li a, #footer3 .widgetbottom li a{
color: #FFFFFF;
text-decoration: none;
}

#leftmenu li a:hover, #footer3 .widgetbottom li a:hover{
color:#759fb7;
}

#leftmenu .wrapper{
padding: 10px 0;
display: block;
}

#footer3 {
	background-color:#28526a;
	margin:auto;
	width:756px;
	text-align: center;
	font-size:12px;
	padding: 10px 0; /*top right bottom left*/
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#footer3 .widgetbottom{
float: left;
width: 240px;
margin: 0 5px;
}

#listsubpage ul{
padding: 0;
margin: 0;
}

#listsubpage li{
list-style: none;
float: left;
width: 240px;
padding: 3px 5px;
}


#listsubpage a {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:none; color:#28526a; font-weight:bold;}
#listsubpage a:hover {color:#f2c03d;}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */