/* Start of CMSMS style sheet 'CVCF_index_css' */
/*
layout2.css
*/
body {
	background: #081c43 url(../img/mainBckgrnd.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 20px 0;
	width: 100%;
}
#pageSurround { width: 95%; }
#headSurround {}
	#header {
		height: 139px;
		margin: 0 auto;
		max-width: 95%;
		min-width: 870px;
		position: relative;
	}
	#topNav {
		position: absolute;
		right: 61px;
		top: 20px;
	}
	#logo h1 {
		background: transparent url(../img/mainLogo.gif) no-repeat left top;
		height: 110px;
		left: 25px;
		position: absolute;
		text-indent: -9999px;
		top: 15px;
		width: 327px;
	}
	#logo h2 {
		background: transparent url(../img/subHeading.gif) no-repeat left top;
		height: 53px;
		position: absolute;
		right: 61px;
		text-indent: -9999px;
		top: 60px;
		width: 459px;
	}
#navSurround { background: #62718f; }
	#mainNav {
		background: transparent url(../img/mainNavBckgrnd.gif) repeat-x left top;
		height: 56px;
		margin: 0 auto;
		max-width: 85%;
		min-width: 888px;
	}
#conSurround {}
	#content {
		height: 418px;
		margin: 0 auto;
		max-width: 85%;
		min-width: 888px;
	}
        #contentContent {
                margin: 0 auto;
                max-width: 85%;
                min-width: 888px;
        }
#lowNavSurround { height: 59px; }
	#lowNav {
		height: 59px;
		margin: 0 auto;
		max-width: 85%;
		min-width: 888px;
	}
#footSurround {}
	#footer {
		color: #ffffff;
                clear: both;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
		width: 60%;
	}
/* flexible columns homepage */
#colOne,
#colTwo,
#colThree,
#colFour {
	float: left;
	overflow: hidden;
	width: 25%;
}
#colOne {  }
#colTwo {  }
#colThree {  }
#colFour { background: #6E7B96; }


.image,
#calendar {
	border-top: 3px solid #081c43;
	height: 415px;
}
.image {
	border-right: 2px solid #081c43;
}
#calendar {
       color: #ffffff;
       padding: 0 15px;
}

/* flexible columns content pages */
#sideBar, #mainContent {
	border-top: 3px solid #081c43;
	float: left;
}
#sideBar {
	background: #6E7B96;
	width: 25%;
}
#mainContent {
	background: #ffffff;
	width: 75%
}
.sideBar { border-right: 2px solid #081c43; }
.sideBarImage {
	background: #6E7B96;
	height: 200px;
	overflow: hidden;
        text-align: center;
}
#sideBarBttm span,
#mainContentBttm span {
	display: block;
	height: 25px;
}
#sideBarBttm { background: url(../img/cnrLeftBlue.gif) no-repeat left bottom; }
#sideBarBttm span { background: url(../img/cnrRightBlue.gif) no-repeat right bottom; }

#mainContentBttm { background: url(../img/cnrLeftWht.gif) no-repeat left bottom; }
#mainContentBttm span { background: url(../img/cnrRightWht.gif) no-repeat right bottom; }
/* main content typography */
.mainContent { padding: 10px 20px; }
.mainContent p { line-height: 1.75em; }

/* top navigation */
ul.topNav {
	color: #ffffff;
	list-style: none;
}
ul.topNav li {
	float: left;
	margin-left: 0;
}
ul.topNav li a {
	border-right: 1px solid #ffffff;
	color: #ffffff;
	padding: 0 5px;
	text-decoration: none;
        text-transform: lowercase;
}
ul.topNav li a:hover { text-decoration: underline; }
ul.topNav li a.lastItem {
	border-right: none;
	padding-right: 0;
}

/* main navigation */
ul.mainNav {
	list-style: none;
	margin: 0 auto;
	min-width: 888px;
	text-align: center;
}
ul.mainNav li {
	float: left;
	margin-left: 0;
	width: 25%;
}
ul.mainNav li a {
	background-repeat: no-repeat;
	background-position: center 0;
	display: block;
	height: 56px;
	text-indent: -9999px;
}
ul.mainNav li a.first-time { background-image: url(../img/navFirst.png); }
ul.mainNav li a.ministries { background-image: url(../img/navMinistries.png); }
ul.mainNav li a.resources { background-image: url(../img/navResources.png); }
ul.mainNav li a.calendar { 	background-image: url(../img/navCalendar.png); }

ul.mainNav li a.first-time:hover,
ul.mainNav li a.ministries:hover,
ul.mainNav li a.resources:hover,
ul.mainNav li a.calendar:hover { background-position: center -56px; }

/* sub navigation menu */
ul.subNav {
	color: #ffffff;
	font-size: 120%;
	padding: 15px 0 0 30px;
}
ul.subNav li { 
}
ul.subNav li a {
	color: #ffffff;
	display: block;
	line-height: 2em;
	text-decoration: none;
}
ul.subNav li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* lower navigation */
ul.lowNav {
	float: left;
	list-style: none;
	width: 100%;
}
ul.lowNav li {
	float: left;
	margin-left: 0;
	width: 25%
}
ul.lowNav li a {
	color: #081c43;
	background: #6E7B96;
	display: block;
	height: 59px;
}
ul.lowNav li a.kids,
ul.lowNav li a.youth,
ul.lowNav li a.college { border-right: 2px solid #081c43; }

ul.lowNav li a.kids,
ul.lowNav li a.youth,
ul.lowNav li a.college,
ul.lowNav li a.calendar { background-image: url(../img/lowNav.gif); }

ul.lowNav li a.youth { background-position: -500px 0; }
ul.lowNav li a.college { background-position: -1000px 0; }
ul.lowNav li a.calendar { background-position: -1500px 0; }

ul.lowNav li a.kids span,
ul.lowNav li a.youth span,
ul.lowNav li a.college span {
	background: url(../img/lowNavRight.gif) no-repeat right -3px;
	border-top: 3px solid #ffffff;
	display: block;
	height: 56px;
	text-indent: -9999px;
}
ul.lowNav li a.calendar span {
	background: url(../img/lowNavMore.gif) no-repeat right top;
	display: block;
	height: 59px;
	text-indent: -9999px;
}

ul.lowNav li a.kids:hover { background-position: 0 -59px; }
ul.lowNav li a.youth:hover { background-position: -500px -59px; }
ul.lowNav li a.college:hover { background-position: -1000px -59px; }

ul.lowNav li a.kids:hover span,
ul.lowNav li a.youth:hover span,
ul.lowNav li a.college:hover span { background-position: right -62px; }
ul.lowNav li a.calendar:hover span { background-position: right -59px; }

/* End of 'CVCF_index_css' */