/*
Main Styles for Churches Cooperative Credit Union
Designed by: Duane Anderson
URL: http://dkanderson.net
*/


/*Reset
=========================================*/

*{margin:0;padding:0}
ul{list-style-type:none;}
a, img{border:none;outline:none;text-decoration:none}
a:hover{text-decoration:underline}
body{color:#303030;text-align:center;padding-top:20px;font-family:Arial, Helvetica, sans-serif;font-size:70%}

br.clear{clear:both}
a.more{color:#c50168;font-weight:bold;display:block;padding-top:10px;}

/* Main Layout
===========================================*/

#wrapper{margin:0 auto;text-align:left;width:980px;background-color:#fff;background-image:url(../images/top_bg.png);background-position:top left;background-repeat:no-repeat}
#search_log{height:50px;border-bottom:5px solid #172953;background-image:url(../images/top_bg.png);background-position:top left;background-repeat:no-repeat}
#mast{height:238px;width:980px;background-image:url(../images/mast.jpg);background-position:top left;background-repeat:no-repeat}
#menu{background-color:#8b8b8b;}
#content{padding:20px 11px;background-color:#8b8b8b}

#intro_content{background-color:#172953;background-image:url(../images/top_bbg.jpg);background-position:top left;background-repeat:no-repeat;padding-top:10px;width:958px}
#main_content{width:957px;background-color:#e8e8e8;padding:20px 0;}
#feature_boxes{background-color:#172953;background-image:url(../images/btm_bbg.jpg);background-position:bottom left;background-repeat:no-repeat;padding-top:10px;width:958px}

#footer{background-color:#8b8b8b;background-image:url(../images/btm_bg.png);background-position:bottom left;background-repeat:no-repeat;padding-top:10px;width:980px;padding-bottom:60px}

/* Layout Ends
===============================================*/

/* Member Area login and Search Area */

#member_area{float:left}
#member_area ul{padding:10px 0 0 20px}
#member_area ul li{display:inline}
#login label{text-transform:uppercase;font-size:1.2em;color:#172953;font-weight:bold;}
input.txt{background-color:#8b8b8b;border:1px solid #ccc;color:#fff;text-align:right;padding:1px;font-size:1em;}
#member_area ul li.signin{position:relative;top:4px; left:5px}

#search{float:right}
#searchform{margin-top:15px}
#search span{float:right;display:block}
#search span#input{background:url(../images/search_bg.gif) top left no-repeat;height:23px;width:200px}
input.txt2{background-color:transparent;border:none;padding:3px 5px 0 5px; width:190px;color:#8b8b8b}
#search_btn{position:relative;bottom:4px}

/* Menu */
#menu{background:url(../images/line_bg.png) bottom left repeat-x #8b8b8b;height:1%}
#nav li{display:inline}
#nav li a{padding:5px 20px;font-size:1.2em;color:#fff;text-transform:uppercase;display:block;float:left}
#nav li a:hover{background:url(../images/menu_hilite.png) top center no-repeat;color:#333;text-decoration:none}

body#home #nav li.home a, body#oservices #nav li.oservices a, body#branches #nav li.branches a, body#savings #nav li.savings a, body#loans #nav li.loans a, body#oproducts #nav li.oproducts a, body#about #nav li.about a{background:url(../images/menu_hilite.png) top center no-repeat;color:#333}

/* Features and Welcome */

#intro_content{padding-bottom:10px;}
#featured{float:left;margin-left:10px;padding-bottom:10px}
#welcome{float:right;margin-right:10px;margin-top:32px;background:url(../images/welcome_bg.jpg) top left no-repeat;height:254px;width:403px}
#ticker{clear:both}

#welcome_top{padding:20px;}
#welcome_top h3{font-size:1.2em;color:#fff;text-transform:uppercase;padding-bottom:10px;}
#welcome_top p{color:#fff;font-size:1.2em;line-height:16px;}

#welcome_btm{padding:15px 20px 20px 20px;}
#welcome_btm h3{font-size:1.2em;color:#333;text-transform:uppercase;padding-bottom:10px;}
#welcome_btm p{width:228px;float:left}
a.signup{display:block;float:right;background:url(../images/signup_btn.png) top left no-repeat;height:39px;width:127px;margin-top:20px}
a.mem{display:block;color:#333;font-weight:bold;padding-top:10px;text-align:center;clear:right;float:right;padding-right:10px}

#ticker{margin:0 15px;background:url(../images/ticker_rgt.jpg) top right no-repeat #091020;height:21px}
#ttext{padding-left:137px;background:url(../images/ticker_title.jpg) top left no-repeat;height:21px;color:#fff}
span.tick{width:725px;display:block;padding-top:3px;float:left}
#tick_nav{padding:3px 10px 0 10px;float:right;width:40px}

/* Main Content */

#mvloan{float:left;margin-left:20px;width:470px}
#onlineb{float:right;margin-right:20px;width:351px}

#main_content h2{color:#c50168;text-transform:uppercase;padding-bottom:10px}
#main_content h3{color:#c50168;text-transform:uppercase;padding-bottom:5px}

#main_content p{font-size:1.2em;line-height:18px;padding:10px 0;text-align:justify}
#onlineb{background:url(../images/safe_img.jpg) top right no-repeat;}
#onlineb a.banking{display:block;padding:22px 0;}

/* Feature Boxes */

#feature_boxes{padding-bottom:20px;}
#feature_boxes ul{padding:20px 0 0 38px;}
#feature_boxes li{float:left;width:211px;height:232px;margin-right:13px;background:url(../images/feature_box.png) top left no-repeat;}

#feature_boxes h3{font-size:1.2em;color:#172953;padding:10px 0 5px 10px}
#feature_boxes img{padding-left:10px}
#feature_boxes p{padding:5px 10px; font-size:1em;}
#feature_boxes a.more{display:block;float:right;margin-right:11px;background:url(../images/marrow.gif) right top no-repeat #c50168;color:#fff;padding:0 15px 0 5px;height:12px;line-height:10px}

/* footer format/layout */

#footer{margin-bottom:20px}
#sec_menu{float:left;margin-left:20px;}
#footer_menu{float:right;margin-right:20px;width:400px}

#sec_menu li{display:inline;border-right:1px solid #ccc;padding:0 5px}
#sec_menu li.last{border:none}
#sec_menu li a{color:#fff;font-size:1.2em;}

#footer_menu li{padding:5px;background:url(../images/line_bg.png) bottom left repeat-x;text-align:right}
#footer_menu li a{color:#fff;font-size:1.2em;}

/* INSIDE PAGES
======================================================================================*/

h1{color:#fff;font-size:1.8em;padding:20px 0 5px 20px;}
#intro_content span.caption{color:#8b8b8b;padding-left:20px}
	
#primary{float:left;margin-left:20px;width:600px}
#secondary{float:right;margin-right:20px;width:251px}

ul.inside_list{padding:20px 0}
ul.inside_list li{padding:5px;border-bottom:1px solid #8b8b8b}
ul.inside_list li a{color:#333;}

div#main_content.inside_page{ background:url(../images/btm_wbg.gif) bottom left no-repeat #fff;padding-bottom:20px;}


/* CMS RESET */

.cms ul, .cms ol{
	padding:0px 40px;
	font-size:1.0em;
	line-height:1.4em;
}
.cms ul{
	list-style-type:disc;
}
.cms ol{
	list-style-type:decimal;
}

.cms em{
	font-style:italic;
}

.cms strong{
	font-weight:bold;
}
/* END RESET */