/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	}
	
ul, li, ul ul, li li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
h1 {font-size:16px;}
	
a {
	color:#36c;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	cursor:pointer;}
	
form {
	margin:0;
	padding:0;
	}
	
label {
	display:block;
	font-size:10px;
	color:#999;
	margin:0;
	padding:0;
	}
	
#pseudo_body {
	margin:0 auto;
	padding:10px;
	width:830px;
	background:#fff;
	}
	
#masthead {
	width:830px;
	height:204px
	}

#cccmlogo {
	position:absolute;
	left:auto;
	top:9px;
	z-index:3;
	}
	
#banner {
	position:relative;
	width:830px;
	height:204px;
	overflow:hidden;
	}
	
#nav {
	position:absolute;
	left:auto;
	top:186px;
	z-index:2;
	height: 30px;
	width: 830px;
	margin:-1px 0 0;
	padding:0;
	}
	
html>body #nav {margin:0;}
	
#nav li {
	list-style-type: none;
	margin:0;
	padding:0 0 0 8px;
	float:left;
	font-size:10px;
	line-height:29px;
	}

#nav ul {
	margin:0;
	padding:0;
	}

#nav li a {
	display:block;
	height:28px;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:none;
	}

#nav li a.realpeople {width:142px; background-image:url(../images/realpeople.gif);}
#nav li a.realworld {width:128px; background-image:url(../images/realworld.gif);}
#nav li a.realgod {width:116px; background-image:url(../images/realGod.gif);}
#nav li a.c3m {width:70px; background-image:url(../images/c3m.gif);}

#nav li a.sundays {width:107px; background-image:url(../images/sundays.gif);}
#nav li a.events {width:86px; background-image:url(../images/events.gif);}
#nav li a.connect {width:105px; background-image:url(../images/connect.gif);}
#nav li a.relate {width:98px; background-image:url(../images/relate.gif);}
#nav li a.equip {width:94px; background-image:url(../images/equip.gif);}
#nav li a.aboutus {width:108px; background-image:url(../images/aboutus.gif);}




#nav li a:hover {
	background-repeat:no-repeat;
	background-position:top left;
	}

#nav li.selected a {
	background-repeat:no-repeat;
	background-position:top left;
	}
	
#main_content_area {
	width:810px;
	}
	
#sidecol {
	float:right;
	width:135px;
	margin:0 0 10px;
	padding:0 0 0 15px;
	border-left:1px solid #ccc;
	font-size:13px;

	}
	
#sidecol .input_text, textarea {
	padding:2px;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/input_background.gif) no-repeat top right;
	width:130px;
	}
	
.input_submit {
	border:1px solid #333;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	padding:2px;
	margin-bottom:8px;
	background:url(../images/submit_background.gif) repeat-x bottom left;
	}
	
#sidecol h1{
	margin:0;
	color:#999;
	font-size:14px;
	letter-spacing:5px;
	font-weight:normal;
	}
	
#sidecol h2{
	margin:10px 0 5px;
	padding:4px 0 0;
	font-size:12px;
	color:#666;
	border-bottom:1px solid #ccc;
	}

#sidecol a,
#subnav a {
	margin-left:-4px;
	display:block;
	padding:2px 0 2px 4px;
	font-size:12px;
	}
	
#subnav a {
	font-size:11px;
	padding:2px 8px;
	text-transform:uppercase;
	}
	
#sidecol a:hover,
#subnav a:hover {
	color:#fff;
	background:#9cdede;
	text-decoration:none;
	}
	
#subnav li.selected a {
	color:#fff;
	background:#6cc;
	text-decoration:none;
	}
	
#page_content {
	float:left;
	margin:0 15px 0 0;
	width:625px;
	}
	
#subnav {
	margin:10px 0 10px;
	/*background:url(../images/copy_gradient_top.gif) repeat-x top left;*/
	}
	
#subnav li {
	float:left;
	margin-right:20px;
	}
	
#rightcol {
	width:260px;
	float:right;
	margin-left:20px;
	}
	
#leftcol {
	width:300px;
	float:left;
	color:#333;
	font-size:11px;
	}
	
#leftcol li {
	list-style-type:square;
	margin-left:15px;
	color:#333;
	font-size:12px;
	}
	
#nocol {
	width:560px;
	float:left
	margin-left:20px;
	}
	
ul#group_table {
	width:600px;
	margin:15px 0 0;
	padding:0;
	font-size:11px;
	color:#333;
	}
	
li.group_row {
	margin:0 0 0;
	padding:8px 15px;
	border-bottom:1px solid #ccc;
	}
	
#group_table li:hover {
	background:#fff8de;
	}
	
#group_table li.tableheader:hover,
#group_table li.tableheader li:hover {
	background:none;
	}
	
ul.group_info {
	}
	
ul.group_info li {
	float:left;
	font-size:11px;
	color:#333;
	}
	
ul.group_info li.neighborhood {width:120px;}
ul.group_info li.type {width:115px;}
ul.group_info li.time {width:70px;}
ul.group_info li.day {width:100px;}
ul.group_info li.weeks {width:65px;}
ul.group_info li.toggle {width:100px;text-align:right;}
	
.group_details {
	margin:8px 0 0;
	padding:0 15px;
	width:550px;
	}

.group_details p {
	margin:4px 0 0;
	}
	
.group_details p.contact {
	float:right;
	margin:0 -6px 0 0;
	width:56px;
	}

.group_details li {
	margin-left:12px;
	list-style-type:square;
	}
	
.small {font-size:9px;}
	
#pageheader {
	margin-bottom:8px;
	}
	
#page_content {
	width:640px;
	height:350px;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:scroll;
	border-top:1px solid #ccc;
	}

#page_content .copy {
	width:605px;
	padding:10px 10px 5px;
	/*background:url(../images/copy_gradient_bottom.gif) repeat-x bottom left;*/
	}
	
#page_content .copy p {
	font-size:12px;
	color:#444;
	line-height:16px;
	margin-bottom:10px;
	}
	
#rightcol img {
	margin-bottom:10px;
	}
	
#footer {
	margin:10px;
	color:#999;
	font-size:10px;
	text-align:center;
	}
	
#footer a {
	color:#ccc;
	padding-bottom:5px;
	}
	
#services {
	padding:6px;
	background:#7caee8;
	}
	
#services h1, #services h3 {
	margin:5px 0;
	padding:0;
	color:#fff;}

#services h1 {
	font-size:24px;
	line-height:25px;
	}
	
#services h3 {
	font-size:16px;
	line-height:17px;
	}
	
#services p {margin:0;padding:0;}
	
.input_text,
textarea {
	width:300px;
	border:1px solid #999;
	padding:2px;
	margin-bottom:5px;
	}
	

	
/* CSS FIXES */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


img {border:none;}

.spacer {clear:both;}