@charset "UTF-8";

body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	width: 900px;
	height: 252px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* SPRITE NAVIGATION MENU - MAIN NAV */

#navContainer {
	margin: 0 auto;
	width: 600px;
	padding: 164px 0 0 268px;
}

#navMenu {
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}

#navMenu li {
	float: left;
	display: inline;
}

a.navHome, a.navHome_a {
	display: block;
	float: left;
	width: 49px;
	height: 20px;
	background: url(images/nav_home.jpg);
	background-repeat: no-repeat;
}

a.navHome:hover {
	background: url(images/nav_home.jpg) 0 40px;
}

a.navHome_a{
	background: url(images/nav_home.jpg) 0 20px;
}

a.navBasics, a.navBasics_a {
	display: block;
	float: left;
	width: 101px;
	height: 20px;
	background: url(images/nav_basics.jpg);
	background-repeat: no-repeat;
}

a.navBasics:hover {
	background: url(images/nav_basics.jpg) 0 40px;
}

a.navBasics_a {
	background: url(images/nav_basics.jpg) 0 20px;
}

a.navConnect, a.navConnect_a {
	display: block;
	float: left;
	width: 84px;
	height: 20px;
	background: url(images/nav_connect.jpg);
	background-repeat: no-repeat;
}

a.navConnect:hover {
	background: url(images/nav_connect.jpg) 0 40px;
}

a.navConnect_a {
	background: url(images/nav_connect.jpg) 0 20px;
}

a.navMinistries, a.navMinistries_a {
	display: block;
	float: left;
	width: 109px;
	height: 20px;
	background: url(images/nav_ministries.jpg);
	background-repeat: no-repeat;
}

a.navMinistries:hover {
	background: url(images/nav_ministries.jpg) 0 40px;
}

a.navMinistries_a {
	background: url(images/nav_ministries.jpg) 0 20px;
}

a.navCalendar, a.navCalendar_a {
	display: block;
	float: left;
	width: 93px;
	height: 20px;
	background: url(images/nav_calendar.jpg);
	background-repeat: no-repeat;
}

a.navCalendar:hover {
	background: url(images/nav_calendar.jpg) 0 40px;
}

a.navCalendar_a {
	background: url(images/nav_calendar.jpg) 0 20px;
}

a.navMedia, a.navMedia_a {
	display: block;
	float: left;
	width: 67px;
	height: 20px;
	background: url(images/nav_media.jpg);
	background-repeat: no-repeat;
}

a.navMedia:hover {
	background: url(images/nav_media.jpg) 0 40px;
}

a.navMedia_a {
	background: url(images/nav_media.jpg) 0 20px;
}

a.navContact, a.navContact_a {
	display: block;
	float: left;
	width: 82px;
	height: 20px;
	background: url(images/nav_contact.jpg);
	background-repeat: no-repeat;
}

a.navContact:hover {
	background: url(images/nav_contact.jpg) 0 40px;
}

a.navContact_a {
	background: url(images/nav_contact.jpg) 0 20px;
}

/* END SPRITE - MAIN NAV */

/* SPRITE NAVIGATION MENU - FC BASICS NAV */

#navContainerBasics {
	margin: 0 auto;
	width: 600px;
	padding: 28px 0 0 276px;
}

#navMenuBasics {
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}

#navMenuBasics li {
	float: left;
	display: inline;
}

a.navWelcome, a.navWelcome_a {
	display: block;
	float: left;
	width: 78px;
	height: 28px;
	background: url(images/sub_welcome.jpg);
	background-repeat: no-repeat;
}

a.navWelcome:hover {
	background: url(images/sub_welcome.jpg) 0 56px;
}

a.navWelcome_a{
	background: url(images/sub_welcome.jpg) 0 28px;
}

a.navServices, a.navServices_a {
	display: block;
	float: left;
	width: 93px;
	height: 28px;
	background: url(images/sub_services.jpg);
	background-repeat: no-repeat;
}

a.navServices:hover {
	background: url(images/sub_services.jpg) 0 56px;
}

a.navServices_a {
	background: url(images/sub_services.jpg) 0 28px;
}

a.navVision, a.navVision_a {
	display: block;
	float: left;
	width: 109px;
	height: 28px;
	background: url(images/sub_vision.jpg);
	background-repeat: no-repeat;
}

a.navVision:hover {
	background: url(images/sub_vision.jpg) 0 56px;
}

a.navVision_a {
	background: url(images/sub_vision.jpg) 0 28px;
}

a.navLeadership, a.navLeadership_a {
	display: block;
	float: left;
	width: 109px;
	height: 28px;
	background: url(images/sub_leadership.jpg);
	background-repeat: no-repeat;
}

a.navLeadership:hover {
	background: url(images/sub_leadership.jpg) 0 56px;
}

a.navLeadership_a {
	background: url(images/sub_leadership.jpg) 0 28px;
}

a.navBeliefs, a.navBeliefs_a {
	display: block;
	float: left;
	width: 170px;
	height: 28px;
	background: url(images/sub_beliefs.jpg);
	background-repeat: no-repeat;
}

a.navBeliefs:hover {
	background: url(images/sub_beliefs.jpg) 0 56px;
}

a.navBeliefs_a {
	background: url(images/sub_beliefs.jpg) 0 28px;
}

/* END SPRITE - FC BASICS NAV */

/* SPRITE NAVIGATION MENU - CONNECT NAV */

#navContainerConnect {
	margin: 0 auto;
	width: 600px;
	padding: 28px 0 0 276px;
}

#navMenuConnect {
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}

#navMenuConnect li {
	float: left;
	display: inline;
}

a.navGroups, a.navGroups_a {
	display: block;
	float: left;
	width: 137px;
	height: 28px;
	background: url(images/sub_cg.jpg);
	background-repeat: no-repeat;
}

a.navGroups:hover {
	background: url(images/sub_cg.jpg) 0 56px;
}

a.navGroups_a{
	background: url(images/sub_cg.jpg) 0 28px;
}

a.navNew, a.navNew_a {
	display: block;
	float: left;
	width: 135px;
	height: 28px;
	background: url(images/sub_nb.jpg);
	background-repeat: no-repeat;
}

a.navNew:hover {
	background: url(images/sub_nb.jpg) 0 56px;
}

a.navNew_a {
	background: url(images/sub_nb.jpg) 0 28px;
}

a.navVolunteer, a.navVolunteer_a {
	display: block;
	float: left;
	width: 287px;
	height: 28px;
	background: url(images/sub_volunteer.jpg);
	background-repeat: no-repeat;
}

a.navVolunteer:hover {
	background: url(images/sub_volunteer.jpg) 0 56px;
}

a.navVolunteer_a {
	background: url(images/sub_volunteer.jpg) 0 28px;
}

/* END SPRITE - CONNECT NAV */

/* SPRITE NAVIGATION MENU - MEDIA NAV */

#navContainerMedia {
	margin: 0 auto;
	width: 600px;
	padding: 28px 0 0 276px;
}

#navMenuMedia {
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}

#navMenuMedia li {
	float: left;
	display: inline;
}

a.navWallpapers, a.navWallpapers_a {
	display: block;
	float: left;
	width: 104px;
	height: 28px;
	background: url(images/sub_wallpapers.jpg);
	background-repeat: no-repeat;
}

a.navWallpapers:hover {
	background: url(images/sub_wallpapers.jpg) 0 56px;
}

a.navWallpapers_a{
	background: url(images/sub_wallpapers.jpg) 0 28px;
}

a.navPhotos, a.navPhotos_a {
	display: block;
	float: left;
	width: 75px;
	height: 28px;
	background: url(images/sub_photos.jpg);
	background-repeat: no-repeat;
}

a.navPhotos:hover {
	background: url(images/sub_photos.jpg) 0 56px;
}

a.navPhotos_a {
	background: url(images/sub_photos.jpg) 0 28px;
}

a.navVideos, a.navVideos_a {
	display: block;
	float: left;
	width: 76px;
	height: 28px;
	background: url(images/sub_videos.jpg);
	background-repeat: no-repeat;
}

a.navVideos:hover {
	background: url(images/sub_videos.jpg) 0 56px;
}

a.navVideos_a {
	background: url(images/sub_videos.jpg) 0 28px;
}

a.navPodcast, a.navPodcast_a {
	display: block;
	float: left;
	width: 304px;
	height: 28px;
	background: url(images/sub_podcast.jpg);
	background-repeat: no-repeat;
}

a.navPodcast:hover {
	background: url(images/sub_podcast.jpg) 0 56px;
}

a.navPodcast_a {
	background: url(images/sub_podcast.jpg) 0 28px;
}

/* END SPRITE - MEDIA NAV */

#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.imageRight {
	float: right;
	padding: 0 0 10px 10px;
}

.imageLeft {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}

#footer {
	width: 900px;
	height: 42px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}

#subFooter {
	padding: 6px 0 0 0;
	width: 900px;
	height: 48px;
}

.subImage {
	padding-right: 10px;
}