/*=======================================================================================

	ASSOCIATION OF RELATED CHURCHES	
	Site design by The A Group (www.agroup.com)	

-----------------------------------------------------------------------------------------

	BASIC STYLES & TYPOGRAPHY	
=======================================================================================*/

	
body {
	font: 13px/1.307 'helvetica', 'arial', sans-serif;
	background: #0d0d0d;
	color: #444;
}

#container {
	background: #f2f2f2 url("../images/main/bg-container.gif") repeat-x center bottom;
}

#container2 {
	background: url("../images/main/bg-container2.jpg") repeat-x center top;
}

#container3 {
	width: 818px;
	margin: 0 auto;
}

#header {
	height:142px;
	border-bottom:1px solid #c2c2c2;
}

#content {
	clear: both;
	margin:30px 0;
}

#copy_body {
	width: 600px;
	padding:25px;
	position: relative;
	background-color:#fff;
}

#copy_footer {
	clear: both;
}

h1 {
	background: url("../images/main/bg-h1-logo.png") no-repeat right bottom;
	width: 93px;
	height: 58px;
	padding-top:8px;
	margin-bottom:34px;
	float:left;
	display:block;
}

h1 a {
	display: block;
	width: 93px;
	height: 58px;
	text-indent: -4000px;	
}

h2 {
	font: 2.77em/1.15 "helvetica", sans-serif;
	color: #555;
	letter-spacing: -2px;
	margin-bottom: 0.55em;
	border-bottom: 8px solid #eee;
}

h2 span {
	font-size: .25em;
	color: #bbb;
	font-weight: bold;
	display: block;
	letter-spacing: 0;
	text-indent: 3px;
}

h3 {
	font-size: 1.33em;
	margin-top: 1.5em;
	color:#3d93a4;
}

h3 span{
	font-size: .681em;
	font-weight: normal;
	color: #666;
	display: block;
	letter-spacing: 0;
}

h4 {
	font-size: 15px;
	margin: 1.5em 0 -1em 0;
}

h5 {	
	margin: 1.5em 0 -1.5em 0;
}

a {
	color: #792320;
}

p {
	margin: 1.5em 0;
}

#copy_body ol {
	list-style: decimal;
	margin-left: .667em;
	padding-left: .667em;
}

.link_special {
	line-height: 45px;
	margin-top: 24px;
	font-size: 15px;
	text-indent: 0;
	display: block;
}

.link_special a{
	color: #fff;
	background-color: #3d93a4;
	text-decoration: none;
	line-height: 45px;
	padding: 9px 18px;
	border:3px solid #ccc;
	font-weight: bold;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.link_special a:hover{
	background-color: #792320;
}

.clear {
	clear:both;
}

#header p#tagline {
	float: left;
	display:block;
	width:136px;
	height:25px;
	margin: 30px 0 0 245px;
	text-indent:-4000px;
	background: url("../images/main/bg-tagline.png") no-repeat center top;
}

#search {
	height: 25px;
	width: 201px;
	margin-top:26px;
	background: url("../images/main/bg-search.png") no-repeat center top;
	float: right;
	display: inline;
}

#search input {
	font-family:'helvetica', sans-serif;
	font-size:15px;
	font-weight:bold;
	background:transparent;
	border:none;
	color:#3d93a4;
	width:170px;
	line-height: 1em;
	margin:7px 0 0 24px;
	padding: 0;
}

#search button {
	visibility:hidden
}

/*===================== Navigation =====================*/
#nav_main {
	clear:both;
	font-weight:bold;
	font-size:15px;
	line-height:25px;
	text-align:center;
}

#nav_main ul > li {
	float:left;
	margin-left:23px;
}

#nav_main ul > li:first-child {
	margin-left:0;
}

#nav_main ul li a {
	color: #555;	
	display:block;
	text-decoration: none;
	height:25px;
	padding:1px 6px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#nav_main ul li a:hover {
	background:#ddd;
}

#nav_main ul li.section_current a {
	background:#ddd;
}
	
#sub_nav {
}

#sub_nav li {
	margin-bottom:4px;
	line-height:1.2em;
}

#sub_nav li a {
	text-decoration: none;
	display: block;
	color:#fff;
	background-color: #74adb8;
	padding:1.2em 0 1.1em 13px;
}

#sub_nav a:hover {
	font-weight:bold;
}

#sub_nav ol {
	font-size: .87em;
	display: none;
	margin-top: -0.5em;
}

#sub_nav ol li {
	padding-left: 1.2em;
	border-bottom: none;
}

#sub_nav li.link_current a{
	font-weight: bold;
	color:#74adb8;
	background: #444 url("../images/main/bg-side_nav_ol.gif") no-repeat 8px 18px;
	padding-left: 18px;
}

#sub_nav li ol {
	padding-bottom: .5em;
	padding-left: 9px;
	background:#74adb8;
}

#sub_nav li ol a{
	font-weight: normal;
	background: none;
	color: #fff;
	padding: 0;
}


#sub_nav li.link_current ol {
	display: block;
	padding-bottom: .5em;
	padding-left: 9px;
	background:#444;
}

#sub_nav li.link_current ol a{
	font-weight: normal;
	background: none;
	color: #aaa;
	padding: 0;
}

#sub_nav li ol a:hover {
	background-color:transparent;
}

/*===================== Sidebar =====================*/
#sidebar {
	width: 155px;
	float: right;
	line-height: 1.4em;
}

#sidebar div {
/*	background-color: #e7e6e3;*/
	margin-bottom: 20px;
}

#sidebar h3 {
	margin-top: 0;
}

#sidebar p {
	font-size: 0.9em;
	line-height: 1.274em;
}

#sidebar h2 {
	color: #aaa;
	border-bottom: none;
	font-size:1.8em;
	padding: 13px 0 0;
}

#login p {
	color: #792320;
	margin-bottom: 0;
}

#login p#login-intro {
	padding: 0;
	margin-bottom: 1.5em;
}

#login p span{
	display: block;
	margin-top: 1em;
}
	
/*===================== Footer =====================*/
#footer {
	color: #555;
	text-align: right;
	clear: both;
	height: 313px;
	font-size: 12px;
	padding-top:1px;
}

#banners {
	height:107px;
	margin:30px 0 12px;
	padding-bottom:30px;
	border-bottom:1px solid #333;
}

#banners ul > li {
	float:left;
	margin-left:12px;
}

#banners ul > li:first-child {
	margin-left:0;
}

#footer #footer_nav {
	float: left;
	margin-top: 0;
	text-align: center;
}

 #footer_nav li {
 	display: block;
	float: left;
	margin-left: 0.3em;
	line-height:15px;
 }
 
 #footer_nav li.int_link {
 }
 
 #footer_nav li.phone {
 	font-size: 11px;
	font-weight: bold;
 	display: none;
 }

#footer p.ssn {
	float: right;
	height: 22px;
	margin: 0 0 0 6px;
	display: inline;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color:#777;
}

#footer a.taglink {
}


/*===================== PAGERS - Universal Styles =====================*/
#pager {
	text-align:center;
	font-size: .819em;
	clear: both;
	margin: 1.5em 0;
}

#pager ul li{
	display: inline;
}

#pager span, #pager a {
	padding: .25em .5em .1em .5em;
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#pager span {
	font-weight: bold;
	background-color: #aaa;
	color: #fff;
}

#pager a {
	text-decoration: none;
}

#pager a:hover {
	background-color: #aaa;	
	color: #fff;
}

#pager span a {
	padding: 0;
	color: #fff;
}


/*===================== FORMS =====================*/


#copy_body form {
	margin-top: 1px;
	background-color: #eee;
	padding: 20px;
}
		
#copy_body form ul li {
	clear:left;
	margin:0 0 1em;
	overflow: hidden;
}
		
#copy_body form label {
	color:#666;
	float:left;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	padding-right:6px;
	text-align:right;
	text-transform:lowercase;
	line-height: 23px;
}

#copy_body abbr {
	color:#ff0000;
	font-weight:normal;
}

h3 abbr {
	font-size: 12px;
	vertical-align: text-top;
}
		
#copy_body form ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:1.6em 0;
}
		
#copy form input, #copy form textarea {
	border:1px solid #ccc;
	padding: 3px 2px;
	font-size: .9em;
	color: #555;
	outline: none;
}
		
#copy form input.button {
	border: none;
}
		
#copy form input.radio, #copy form input.checkbox {
	border: none;
	width: auto;
	background-color: transparent;
}

textarea#hear_about_arc {
	width: 98%;
}

#copy select {
	border:1px solid #ccc;
	color:#555;
	font-family:arial;
	padding:1px;
}	

#copy form button {
	border: none;
	padding: .367em .67em; 
/*	height: 22px; */
	margin-top: 6px;
	cursor:pointer;
	color: #fff;
	background: url("../images/main/bg-form-btn.png") repeat-x center top;
	color:
}

#copy form button:hover {
	background: url("../images/main/bg-form-btn.png") repeat-x center bottom;
}
		
#copy_body form p label {
	float:none;
}
		
#copy_body form p input.checkbox {
	float:left;
}

/*Table Forms*/	
#copy_body form td {
	color:#666;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	padding-right:6px;
	text-align:right;
	text-transform:lowercase;
	vertical-align: middle;
}