/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------
CSS Wireframe for - Bluepew
Written by: Tanima Dutta
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; font:14px Arial, Helvetica, sans-serif; color:#535353;
background-color: #FFFFFF;
}
h1, h2, h3, h4, p, div, img{ margin:0; padding:0; border:0}
a{font:12px Arial, Helvetica, sans-serif; color:#535353 !important;}
a:hover{font:12px Arial, Helvetica, sans-serif; color:#535353; text-decoration:none !important;}
a:visited{font:12px Arial, Helvetica, sans-serif; color:#535353 !important;}
h4 {font-size:23px;}
ul, li{ list-style:none; margin:0; padding:0}
h2{ color:#1a568e; font-size:23px; border-bottom:2px solid #308cc3}
h1{ color:#1a568e;font-size:19px;}
h3{ color:#1a568e; font-size:23px; border-bottom:2px solid #308cc3;width:500px;}
td {color:#69717B; font-size:12px; text-align:left;}
td h1 {color:#1a568e; text-align:left; padding-top: 15px;}
td a{font:12px Arial, Helvetica, sans-serif; color:#535353;}
td a:hover{font:12px Arial, Helvetica, sans-serif; color:#535353; text-decoration:none;}
.item0 { background-color: #FFFFFF;}
.item1 { background-color: #ebf6fc;}
#main{margin:0 auto; width:962px; background-color: #FFFFFF; padding: 0px 15px 0px 15px; background-image: url(../images/whiteBg.jpg);}
#main2{
	width:1100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#logo{ margin:0px 0 0 0; }
#logo h1{ float:left}
#logo h1 a{ background:url(../images/logo.gif) no-repeat top left; width:164px; height:103px;text-indent:-9999px; display:block}
#logo span{ float:left; margin:10px 1px 0 25px}
.topnav{ float:right; background:url(../images/bg-topnav.gif) no-repeat top right; width:141px; height:56px;}
div { font-size: 13px; }
#navigation{ width:962px; margin:0; padding:0}
#navigation ul li{ float:left; margin:15px 5px 0 5px; height:54px;}


.home a{ background:url(../images/nav-home.gif) no-repeat; width:89px; display:block;height:54px;}
.home a:hover{ background:url(../images/nav-home-hover.gif) no-repeat; width:89px;display:block;height:54px;}
.home-active{ background:url(../images/nav-home-hover.gif) no-repeat; width:89px;display:block;height:54px;}


.howitworks a{ background:url(../images/nav-hiw.gif) no-repeat; width:144px; display:block;height:54px;}
.howitworks a:hover{ background:url(../images/nav-hiw-hover.gif) no-repeat; width:144px;display:block;height:54px;}
.howitworks-active{ background:url(../images/nav-hiw-hover.gif) no-repeat; width:144px;display:block;height:54px;}

.shop a{ background:url(../images/nav-shop.gif) no-repeat; width:91px; display:block;height:54px;}
.shop a:hover{ background:url(../images/nav-shop-hover.gif) no-repeat; width:91px;display:block;height:54px;}
.shop-active{ background:url(../images/nav-shop-hover.gif) no-repeat; width:91px;display:block;height:54px;}

.merchants a{ background:url(../images/nav-merchants.gif) no-repeat; width:114px; display:block;height:54px;}
.merchants a:hover{ background:url(../images/nav-merchants-hover.gif) no-repeat; width:114px;display:block;height:54px;}
.merchants-active{ background:url(../images/nav-merchants-hover.gif) no-repeat; width:114px;display:block;height:54px;}

.register a{ background:url(../images/nav-register.gif) no-repeat; width:114px; display:block;height:54px;}
.register a:hover{ background:url(../images/nav-register-hover.gif) no-repeat; width:114px;display:block;height:54px;}
.register-active{ background:url(../images/nav-register-hover.gif) no-repeat; width:114px;display:block;height:54px;}

.faq a{ background:url(../images/nav-faq.gif) no-repeat; width:90px; display:block;height:54px;}
.faq a:hover{ background:url(../images/nav-faq-hover.gif) no-repeat; width:90px;display:block;height:54px;}
.faq-active{ background:url(../images/nav-faq-hover.gif) no-repeat; width:90px;display:block;height:54px;}

.about a{ background:url(../images/nav-about.gif) no-repeat; width:112px; display:block;height:54px;}
.about a:hover{ background:url(../images/nav-about-hover.gif) no-repeat; width:112px;display:block;height:54px;}
.about-active{ background:url(../images/nav-about-hover.gif) no-repeat; width:112px;display:block;height:54px;}

.churches a{ background:url(../images/nav-churches.gif) no-repeat; width:112px; display:block;height:54px;}
.churches a:hover{ background:url(../images/nav-churches-hover.gif) no-repeat; width:112px;display:block;height:54px;}
.churches-active{ background:url(../images/nav-churches-hover.gif) no-repeat; width:112px;display:block;height:54px;}

.contentarea{ margin:5px 0 0 0;padding:20px 0 0 0; background-color: #ffffff;}
.categories{ float:left; width:240px; margin:0 20px 0 0}
.categories2{ float:left; width:352px; margin:0 20px 0 0}
.categories-listbg{background:#fff url(../images/categories-bg.jpg) repeat-x bottom center; width:228px; border-left:1px solid #d7e7f2; border-right:1px solid #d7e7f2; margin:0 5px 0 6px }
.categories-listbg ul li{ background:url(../images/arrow.gif) no-repeat left center; padding:5px 0 5px 20px; border-bottom:1px dashed #a6c0d8; margin:0 20px}
.categories-listbg ul li a { color:#325b83; text-decoration:none; font-size: 13px;}
.categories-listbg ul li a:hover{padding-left:3px}
.home-member{float:left; margin:20px 20px 0 0; width:335px}
.member-bg{ background:#f9fcfd url(../images/home-member-bg.gif) repeat-x bottom center;border-left:1px solid #b5d0e4; border-right:1px solid #b5d0e4; width:332px; color:#0a3d6c; font-size:13px; padding:25px 0 0 0 }
.member-label{ float:left; text-align:right; margin:0 10px 0 0; width:117px; padding:8px 0}
.member-txtfield{ width:160px; padding:1px 2px; margin:3px 0 7px 0;color:#0a3d6c; font-size:12px;}
.welcome{ margin:8px 0 0 0}
.welcome2{ margin:8px 0 8px 0}
.welcome ul{ margin:8px 0 0 0}
.welcome ul li{ background:url(../images/arrow.gif) no-repeat left center; padding:3px 0 3px 20px; vertical-align:top;}
.divider{ background:url(../images/bg-divider.gif) repeat-x left center; height:4px; margin:20px 0 0 0}

.clear{ clear:both}
.height20{ height:20px;  overflow: auto}

#footer{ color:#64788d; font-size:12px; padding:20px 0 20px 0; text-align:center}
#footer a{color:#64788d; text-decoration:none; padding:0 5px}
#footer a:hover{color:#106cae;text-decoration: overline;}
#footer p{ font-size:10px; margin:7px 0 0 0}
.contentImg { padding: 5px;}
.inner-content{ float:left; width:692px; text-align:justify; background-color: #FFFFFF;}
.inner-content h3{ color:#1a568e; font-size:17px; font-weight:normal; margin:10px 0 0 0}

.img{ background:url(../images/107a.jpg) no-repeat left top; padding:0 0 0 260px; min-height: 166px; }
.imgLogin{ background:url(../images/107a.jpg) no-repeat left top; padding:0 0 0 260px; height: 170px;}
.imgAbout{ background:url(../images/011.jpg) no-repeat left top; padding:0 0 0 260px;}
.imgMerch{ background:url(../images/103.jpg) no-repeat left top; padding:0 0 0 260px;}
.imgFaq{ background:url(../images/117.jpg) no-repeat left top; padding:0 0 0 260px;}
.imgHiw{ background:url(../images/056.jpg) no-repeat left top; padding:0 0 0 260px;}
.imgReg{ background:url(../images/107.jpg) no-repeat right top; padding:0 260px 0 0;}
.imgChurch{ background:url(../images/191.jpg) no-repeat left top; padding:0 0 0 260px; min-height: 166px;}
.imgChurch2{ background:url(../images/191.jpg) no-repeat left top; padding:0 0 0 260px; min-height: 166px;}
.imgPrefs{ background:url(../images/111.jpg) no-repeat left top; padding:0 0 0 260px; height: 376px;}

.img img {padding: 5px;}
.inner-content p{ color:#69717b; font-size:13px}
.inner-content p a{text-decoration:underline}
.inner-content p a:hover{ text-decoration:none}
.inner-content ul{ margin:0 0 20px 0}
.inner-content ul li{ background: url(../images/arrow.gif) no-repeat 15px center; padding:4px 0 4px 40px; font-size:14px; color:#0a588f}
.more{ background:url(../images/categories-bottom.jpg) no-repeat center top; width:229px; height:60px; text-align: right; padding:16px 12px 5px 0}

/* Category Icons */
#Categories_Container{
width: 695px;
margin: 0px auto;
padding: 0px;
height:680px;
overflow:hidden;
}
#Categories_Container li{
margin:0px auto;
padding: 0px;
display: inline;
}
#Categories_Container img{
border-bottom: 1px dashed #325b83;
padding:5px 0 5px 0;
}
#Categories_Container ul li{
margin:0px auto;
padding:0px;
display: inline;
background: none;
}
#Categories_Left{
width: 294px;
float:left;
margin:0px auto;
padding: 0px 37px 0px 15px;
border-right: 1px dashed #325b83;
}
#Categories_Right{
padding: 0px 15px 0px 37px;
margin:0px auto;
width: 294px;
float:right;
}
/* Category Icons */

.churchOr
{
color: #176aa4;
font-weight: bold;
}

.stepsColors
{
    font-weight: bold;
    color: #1a568e;

}

#testimonials {width: 500px;list-style-type: none}
#testimonials .slide {}
blockquote {font-size: 15px;color: #333;font-style: italic; margin:0; padding:0;}