@charset "utf-8";

/*---typographic styles---*/

/*---resets all default margins and padding---*/

div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, img {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
	background-color: #3a567c;
	padding: 0;
	margin: 0;
	text-align: center;
}

/*always have a scroll on the page*/

html{
height: 100%;
margin-bottom: 1px;
}

/*html { overflow-y:scroll; }*/

p {
	font-size: 12px;
	line-height: 18px;
	margin-left: 18px;
	margin-right: 18px;
}
h1 {
	font-size: 20px;
	color: #000;
}
h2 {
	font-size: 16px;
	color: #000;
}
h3 {
	font-size: 18px;
	color: #000;
}
a:link {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #069;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	background-color: #B2D0B4;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 780px;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 190px;
	background-color: #3A567C;
}
/*Used to hold the different column floats*/ 
.basicRow { 
clear: both; 
} 
/*Used to clear all floats on in a row. Noticed it is placed before the closing tag of the basic_row div.*/ 
.clearFloat {
	font-size: 0px;
	line-height: 0px;
	clear: both;
} 

/*Top Navigation Unordered List*/

ul#topNav li {
	display:block;
	float:left;
	list-style-type:none;
}
ul#topNav li a {
	display:block;
	outline:none;
	width:129px;
	height:33px;
	text-indent:-9009px;
	background-color: transparent;
	background-image: url(../_images/nav/navigation04_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul#topNav li a:hover {
	background-position:0 -0px
}
ul#topNav li#home a {
	width:129px;
	background-position:0px 0;
}
ul#topNav li#home a:hover {
	background-position:0px -33px
}
ul#topNav li#newsletters a { 
	width:130px;
	background-position:-130px 0;
}
ul#topNav li#newsletters a:hover {
	background-position:-130px -33px
}
ul#topNav li#sermons a {
	width:130px;
	background-position:-260px 0;
}
ul#topNav li#sermons a:hover {
	background-position:-260px -33px
}
ul#topNav li#calendar a {
	width:130px;
	background-position:-390px 0;
}
ul#topNav li#calendar a:hover {
	background-position:-390px -33px
}
ul#topNav li#directions a {
	width:130px;
	background-position:-520px 0;
}
ul#topNav li#directions a:hover {
	background-position:-520px -33px
}
ul#topNav li#contact a {
	width:131px;
	background-position:-649px 0;
}
ul#topNav li#contact a:hover {
	background-position:-649px -33px
}		

/*----Bottom Navigation----*/

#bottomNav {
	text-align: center;
	padding-top: 20px;
	font-size: 13px;
}
#bottomNav a {
	font-size: 13px;
	color: #000;
}
#bottomNav a:hover {
	background-color: #B2D0B4;
}
#copyright {
	background-color: #3A567C;
	height: auto;
	margin: 0px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#pageUpdated {
	color: #FFF;
	background-color: #3A567C;
	font-size: 12px;
	width: 705px;
	float: left;
}
#webmasterLink {
	color: #FFF;
	background-color: #3A567C;
	font-size: 12px;
	float: right;
}
#webmasterLink a {
	color: #FFF;
}
#webmasterLink a:hover {
	color: #3A567C;
	background-color: #FFF;
}
#bottom {
	background-color: #3A567C;
}
/*----Page Specific----*/

/*----Home Page Formatting----*/

#galleryText {
	background-color: #B2D0B4;
	height: 270px;
	width: 390px;
	float: left;
}
#galleryText p {
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
	padding-left: 12px;
	padding-top: 7px;
}
#galleryText h2 {
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	font-style: italic;
	margin-top: 1px;
}
#galleryText h3 {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
#photoGallery {
	background-color: #B2D0B4;
	height: 270px;
	width: 390px;
	float: left;
}
#photoGallery img {
	margin-top: 8px;
	margin-left: 6px;
}
#mainContent {
	margin: 0px;
	padding: 0px;
	height: auto;
	background-color: #FFF;
}
#mainContent a {
	font-size: 12px;
	color: #000;
	margin-left: 18px;
}
#mainContent a:hover {
	background-color: #B2D0B4;
	color: #000;
}
#mainContent  h4 {
	margin-left: 6px;
	margin-top: 12px;
	background-image: url(../_images/background/title_back_05.jpg);
	background-repeat: no-repeat;
	height: 33px;
	color: #000;
	line-height: 30px;
}
#rector {
	height: 180px;
	width: 780px;
	float: left;
}
#rector p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#rector p a{
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}


#worshipSchedule {
	height: 170px;
	width: 390px;
	float: left;
}
#currentPrograms {
	height: 170px;
	width: 390px;
	float: right;
}
#aboutUs {
	height: 170px;
	width: 390px;
	float: left;
}
#weeklyPrograms {
	height: 170px;
	width: 390px;
	float: left;
}
#serve {
	height: 170px;
	width: 390px;
	float: left;
}
#education {
	height: 170px;
	width: 390px;
	float: left;
}
#links {
	height: 150px;
	width: 390px;
	float: left;
}
#upComingEvents {
	height: 170px;
	width: 390px;
	float: left;

}

#corners {
	background-image: url(../_images/background/corners_02.jpg);
	background-repeat: no-repeat;
	height: 15px;
}

/*----Secondary Page Formatting----*/

#mainContent h1 {
	margin-left: 12px;
	padding-top: 44px;
}
#mainContent h2 {
	margin-left: 14px;
	padding-left: 4px;
}
#mainContent ul {
	font-size: 12px;
	line-height: 18px;
	margin-left: 18px;
	margin-right: 18px;
}
#mainContent table {
	font-size: 12px;
	margin-left: 36px;
}
#contactUsMainContent {
	float: left;
	height: 270px;
	width: 340px;
}
#contactUsMainContent h1 {
	text-align: center;
	margin-top: 20px;
}
#contactUsMainContent h2 {
	text-align: center;
}
#contactUsMainContent p {
	text-align: center;
}
#staff table {
	float: right;
	margin-right: 55px;
	margin-top: 22px;
}
#staffClearFloat {
	clear: both;
}

#map_canvas {
	height: 250px;
	width: 400px;
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	clear: right;
}
#contactImg {
	height: 250px;
	width: 400px;
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	clear: right;
}#directionsMainContent {
	float: left;
	height: 270px;
	width: 340px;
}
#directionsMainContent h1 {
	margin-top: 20px;
	text-align: center;
}
#directionsMainContent p {
	text-align: justify;
	padding-left: 10px;
	width: 300px;
}
#calendarMode {
	padding-left: 35px;
}
#music img {
	padding-top: 10px;
}
#currentPrograms1 ul li {
	list-style-type: none;

}
#currentPrograms1 ul {
	font-size: 12px;
}
#currentProgramsPage a {
	text-decoration: underline;
}