/* @override http://cojchurch.org/main.css */

body {
	margin:0;
	padding:0;
	font-size: 62.5%;
	background-color:white;
	color:#00152b;
	font-family: Geneva, Arial, sans-serif;
}

/* css reset and fixes */

.clear {
	overflow: hidden;
	clear: both;
	height: 0px;
	margin: -1px 0 0 0;
	font-size: 1px;
}

div {
	margin:0;
	padding:0;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

hr {
	clear:both;
	height: 3px;
	width: 700px;
	margin: 5px auto 5px auto;
	background-image: url(/images/hr.png);
	background-repeat:none;
	border:none;
	text-align:center;
	border:none;
}

/* major text elements */

p {
	font-family: Geneva, Arial, sans-serif;
	color:#00152b;
}

a {
	color: #5b7c9d;
	text-decoration:none;
}

a:hover {
	color: #152b46;
	text-decoration:underline;
}

h1.fp {
	font-family: Georgia, "Times New Roman", serif;
	font-weight:normal;
	color:#143b62;
	font-size:2.4em;
	margin: 5px 0 5px 0;
	padding:0;
}


h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight:normal;
	color:#143b62;
	font-size:2.4em;
	padding:0;
}

p.intro {
	font-size:1.3em;
	margin: 10px 0 5px 0;
	line-height: 160%;
}

.byline {
	font-family: Geneva, Arial, sans-serif;
	color:#00152b;
	font-size:1.2em;
	margin: -10px 0 0 0;
}


/* layout */

#headwrapper {
	width:100%;
	overflow:none;
	background-image: url(/images/grad-top.png);
	background-repeat:repeat-x;
	background-position:top;
	min-height:102px;
}

#head {
	width: 790px;
	overflow:none;
}

#logohead {
	width: 790px;
	height: 72px;
	background-image: url(/images/headerlogo.jpg);
}

#logo {
	float:left;
	margin:0;
	padding:0;
	text-indent:-99999px;
	width: 237px;
	height:72px;
	display:block;
	overflow:none;
}

.tagline {
	float:left;
	text-indent:-99999px;
	display:block;
	overflow:none;
}


/* navigation start */

#nav { height: 46px; overflow: hidden; background: url("/images/cojnav.png"); background-repeat:none; width:790px;}

#nav ul { margin:0; padding: 0 0px 0 197px; height: 46px; width: 790px; list-style-type: none;}

#nav ul li { margin: 0; padding: 0; display: block; height: 46px; float: left; }

#nav ul li a { margin: 0; padding: 0; display: block; float: left; text-indent: -9999em; overflow: hidden; height: 46px; }

#nav ul li.aboutus a { width: 99px; background: url("/images/cojnav.png") -197px 0; }
#nav ul li.aboutus a:hover { background: url("/images/cojnav.png") -197px -46px; }

#nav ul li.worship a { width: 94px; background: url("/images/cojnav.png") -296px 0; }
#nav ul li.worship a:hover { background: url("/images/cojnav.png") -296px -46px; }

#nav ul li.connect a { width: 94px; background: url("/images/cojnav.png") -390px 0; }
#nav ul li.connect a:hover { background: url("/images/cojnav.png") -390px -46px; }

#nav ul li.missionalchurch a { width: 173px; background: url("/images/cojnav.png") -484px 0; }
#nav ul li.missionalchurch a:hover { background: url("/images/cojnav.png") -484px -46px; }

#nav ul li.resources a { width: 109px; background: url("/images/cojnav.png") -657px 0; }
#nav ul li.resources a:hover { background: url("/images/cojnav.png") -657px -46px; }


/* navigation end */


#subnav {
	text-align:right;
	font-family:Geneva, Arial, sans-serif;
	list-style:none;
	margin: 0px 28px 0px 0;
	color: #aac1d9;
}

#subnav li {
	float:right;
	margin: 0 0 10px 10px;
	font-size: 1.2em;
}

#bodywrapper {
	clear:both;
	padding:0 0 0 0;
	background-image:url(/images/grad-bot.png);
	background-repeat: repeat-x;
	background-position:bottom;
}

#body {
	width:774px;
	margin: 15px 12px 0 0; 
	text-align:left;
	background-image: url(/images/bodygrad-top.png);
	background-position: top;
	background-repeat:no-repeat;
}

img.fp-header-img {
	width:700px;
	overflow:none;
	/*margin: 17px 37px 0px 37px; edited to account for cases of no top section*/
	margin: 7px 37px 0px 37px;
	padding: 0 0 17px 0;
	background-image: url(/images/header-img-shadow.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:transparent;	
}

img.header-img {
	width:700px;
	overflow:none;
	margin: 7px 0 0 0;
	padding: 0 0 17px 0;
	background-image: url(/images/header-img-shadow.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:transparent;	
}

#content {
	width:774px;
	text-align:left;
	background-image: url(/images/bodygrad-bot.png);
	background-position: bottom;
	background-repeat:no-repeat;
	margin: 0 auto 0 auto;
	min-height: 610px;
}

#main {
	margin:5px 37px 0 37px;
	padding: 10px 0 10px 0;
}

#main p {
	font-size: 1.3em;
	line-height:140%;
}

#main-item {
	margin:5px 37px 0px 37px;
	padding: 15px 0 0 0;
}

.imager {
	float:right;
	padding:6px;
	margin: 0 0 10px 10px;
	background-color:#c6d2de;
	border-right: 3px solid #7593b2;
	border-bottom: 3px solid #7593b2;
}

.imagel {
	float:left;
	padding:6px;
	margin: 0 10px 10px 0;
	background-color:#c6d2de;
	border-right: 3px solid #7593b2;
	border-bottom: 3px solid #7593b2;
}

.column1 {
	width:350px;
	float:left;
	margin:0;
}

.column2 {
	width:350px;
	float:right;
	margin: 0 0 0 20px;
}

.column340 {
	width: 700px;
	float:left;
	margin: 0px;
	overflow:none;
}

.login {
	width: 280px;
	float:left;
	margin: 0 0 12px 0px;
}

#connection {
	width:100%;
	margin:10px 0 17px 0;
	text-align:center;
}

h4 {
	text-transform:uppercase;
	font-family: Geneva, Arial, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 3px 0;
	padding:0;
	color:#143b62;
	text-align:left;
}

.center {
	text-align:center;
}

.connection-items {
	margin:10px 0 0 0;
	padding:0;
	color:#00152b;
	font-size: 1.3em;
	font-family: Geneva, Arial, sans-serif;
}

.connection-items2 {
	margin:10px 0 0 13px;
	padding:0;
	color:#00152b;
	font-size: 1.3em;
	font-family: Geneva, Arial, sans-serif;
}

.icon {
	float:left;
	margin: 0 10px 0 0;
}
 
.oneline {
	font-size: 1.3em;
	margin: 0 0 3px 0;
}
 
.oneline-small {
	font-size: 1em;
	margin: 3px 0 0 0;
}

.fp-login {
	margin:3px 0 3px 0;
	padding:0;
}
 
#lower-items {
	margin:17px 37px 17px 37px;
}

#calendar {
	width:260px;
	float:left;
	background-color:#c6d2de;
	border-right: 3px solid #7593b2;
	border-bottom: 3px solid #7593b2;
	margin: 0 0 17px 0;
	padding:10px;
}

.datename {
	font-size: 1.2em;
	font-weight:normal;
	margin: 10px 5px 2px 5px;
}

.dateinfo {
	font-size: 1em;
	font-weight:normal;
	margin: 0 5px 15px 5px;
}

#fp-blogs {
	width:400px;
	float:right;
	margin: 0 0 0 10px;
	padding:0 0 0 0;
	font-size: 1.1em;
	min-height:300px;
}

.fpblogtitle {
	margin: 0 0 10px 0;
}

#footwrapper {
	width:100%;
	background-color:#314a66;
	border-top: 6px solid #112b47;
/* 	min-height:400px; */
	margin:0;
	padding:0;
}

#foot {
	
}

.intro {
	font-size:2.2em;
	line-height:130%;
}


html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 25px;
	text-align:center;
	margin:0 auto;
	padding:0;
	width: 100%;
	background-color:#314a66;
}

.footline {
	text-align:center;
	font-size:11px;
	color:black;
	font-family: "Geneva";
	margin:10px 0 5px 0;
	padding:0;
}

.footline a {
	color:black;
	text-decoration:none;
}

.footline a:hover {
	color:white;
}