html, body {
	background-color: #30485e;
	margin: 0;
	height: 100%;
}
* {
	margin: 0;
	padding: 0; 
	border: 0;
}
/*#tempBanner{
	border: 2px solid #000;
	width: 500px;
	float:left;
	margin-bottom: 12px;
	margin-top: 8px;
}*/
#centerVid{
	position: relative;
	margin: 0 auto 0;
	width:480px;
}
img {
	border: 0;
}
#container{
	width: 788px;
	background-color: #FFFFFF;
	margin: 0 auto 0;
	clear: both;	
}
#slide {
	background-position: center top;
	height: 230px;
	clear: both;
	/*background-image: url(../images/slide.gif);*/
	background-repeat: no-repeat;
}
#header {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 226px;/*230px*/
	clear: both;
	position: relative;
}
#header #logo img{
	float: left;
	height: 150px;
	width: 300px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 4px;
	margin-bottom: 75px;
}
/*  ------------ NAVIGATION ------------ */
#navigation{
	/*display: inline;*/
	float: right;
 	width: 440px;
 	margin: 30px 12px 0 23px;
	list-style: none;
}
#navigation li{
	float: left;
	list-style: none;
}
#navigation li a{
	/*float: left;*/
	display: block;
	padding: 5px 10px 0 5px;
	color: #00529B;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	outline: none;
}
#navigation a:hover {
	color: #000000;
}
/*  ------------ CONTENT ------------ */
#content {
	background-color: #FFFFFF;
	width: 788px;
	/*display: inline;*/
	float: left;
	clear: both;
	/*border: 1px solid #000000;	*/
}
#content .heading{
	color: #0D1126;
	font-size: 1.45em;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 25px;
	padding-top: 10px;
}
#content .subHeading{
	color: #4A7187;
	font-size: .6em;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align: center;
}
#content #main {
	position: relative;
	margin: 0 auto 0;
	width:760px;
}
#content #main .left{
	float: left;
}
#content #main .right {
	float: right;
}
#content #main #about,
#content #main #aboutDir,
#content #main #ministry{
	padding-right: 30px;
	padding-left: 30px;	
}
#content #main #about dl{
	padding-bottom: 15px;
	padding-left: 20px;	
}
#content #main #about dl dt{
	padding-top: 5px;
}
#content #main #about dl dd{
	padding-bottom: 2px;
	padding-left: 15px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000000;
}
#content #main #about dl dd .times{
	font-size: .8em;
}
#content #main #about h5{
	padding-left: 55px;
}
#content #main #aboutDir ul{
	padding-bottom: 20px;
	padding-top: 65px;
}
#content #main #aboutDir li{
	text-align: center;
	list-style: none;
}
#content #main #about ul{
	padding-bottom: 20px;	
}
#content #main #about ul li{
	list-style: none;
	padding-left: 55px;	
}
#content #main #ministry p{
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	color: #000000;
}
#content #main #ministry a{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;	
}
#content #main #ministry a:hover{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000066;	
}
#content #main #ministry ul{
	padding-bottom: 8px;
	padding-left: 40px;
	list-style-type: disc;
}
#content #main #ministry ul li{
	list-style-position:outside;	
}
#content #main #ministry dl{
	padding-bottom: 10px
}
#content #main #ministry dl dt{
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	font-weight: bold;
	color: #000000;
	padding-top: 7px;
	padding-bottom: 3px;
}
#content #main #ministry dl dd{
	font-family: "Times New Roman", Times, serif;
	font-size: .85em;
	color: #000000;
	padding-left: 20px;	
}
#content #main #coreValues li{
	list-style: none;
}
#content #main #coreValues li .head{
	padding-bottom: 5px;
	color: #FF0000;
	text-align: center;
	font-size: 1.1em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: underline;		
}
#content #main #coreValues li .text{
	padding-bottom: 4px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #000000;
}
#content #main #coreValues li .subText{
	padding-bottom: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: bold;
	color: #000000;
}
#content #main #visionProcess li{
	list-style: none;
	margin-left: 50px;
	color: #006600;	
	clear: both;
}
#content #main #visionProcess li h1{
	float: left;
	margin-right: 10px;	
}
#content #main #visionProcess li h3{
	float: left;
	margin-top: 12px;	
}
#content #main hr{
	background-color: #000000;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;	
}
#content #subNote h5{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
	clear: both;
	padding-top: 25px;
}
#content #subNote h3{
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	text-align: center;
	font-style: italic;
}
#content #main ul.group
{
	font-size: 11px;
	list-style: none;
	margin-left: 65px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#content #main ul.group img.left
{
	border: 2px solid #000;
	margin-bottom: 30px;
	margin-right: 8px;	
}

#content #main ul.group li
{
	float: left;
	padding: 0 20px 20px;
	width: 280px;
}
#content #main ul.group li h2
{
	color: #0e2f40;
	font-size: 19px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;	
}

#content #main ul.group li h2 a
{
	color: #0e2f40;
	text-decoration: none;
	outline: none;
}
#content #main ul.group li h2 a:hover
{
	color: #0e2f40;
	text-decoration: underline;
}


#content #main ul.links
{
	font-size: 11px;
	list-style: none;
	margin-left: 65px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content #main ul.links img.left
{
	border: 2px solid #000;
	margin-bottom: 30px;
	margin-right: 8px;	
}

#content #main ul.links li
{
	float: left;
	padding: 0 20px 20px;
	width: 580px;
}
#content #main ul.links li h3
{
	color: #0e2f40;
	font-size: 19px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 15px;	
}
#content #main ul.links li h3 a
{
	color: #0e2f40;
	text-decoration: none;
}
#content #main ul.links li h3 a:hover
{
	color: #0e2f40;
	text-decoration: underline;
}
#content #main h3{
	font-family: "Times New Roman", Times, serif;
	color: #0072BC;
	padding-bottom: 9px;	
}
#content #main h4{
	font-family: "Times New Roman", Times, serif;
	color: #0072BC;
	padding-bottom: 9px;	
}
#content #main p{
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	color: #000000;
	text-align: left;
	text-indent: 0px;
	/*white-space: normal;*/
	padding-bottom: 20px;	
}
#content #main #about a,
#content #main #aboutDir a,
#content #main p a{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;	
	outline: none;
}
#content #main #about a:hover,
#content #main #aboutDir a:hover,
#content #main p a:hover{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000066;	
}
#content #main #spacer{
	/*padding-left: 15px;
	padding-bottom: 15px;*/
	margin-bottom: 15px;
	margin-left: 15px;
}
#content #main .contactForm{
	padding-left: 35px;
	clear: both; 
}
#content #main .contactForm label{
	padding-top: 5px;
}

#content #main .contactForm label,
#content #main .contactForm input,
#content #main .contactForm textarea,
#content #main .contactForm select{
	display: block;
	clear: both;
	float: left;
}
#content #main .contactForm textarea,
#content #main .contactForm select,
#content #main .contactForm .bor input{
	font: 13px "Trebuchet MS", Arial, sans-serif;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	border: 1px solid #CCCCCC;
}
.contactForm textarea{
	overflow: auto;
	width: 400px;
	height: 200px;
}
#subBut{
	background-color: #F2F2ED;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #000000;	
}
#subBut:hover{
	color: #0000CC;	
}
.error{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #E60000;
	padding-left: 20px;
}
.thankYou h2{
	font-family: "Times New Roman", Times, serif;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;	
	padding-top: 10px;	
}
/* START STAFF*/
#content #main #staff{
	width: 210px;
	float: right;
}
#content #main #staff img{
	border: 2px solid #000000;
	float: right;
}
#content #main #staffInfo{
	width: 550px;
	float: left;
	margin-top: 45px;	
}
#content #main #staffInfo .staffDi{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;		
}
#content #main #staffInfo #mail{
	width: 250px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-weight: bold;
	margin-top: 35px;
	margin-left: 160px;
	text-align: center;	
}
#content #main #staffInfo #mail a{
	color: #0072BC;
	text-decoration: underline;	
	outline: none;	
	
}
#content #main #staffInfo #mail a:hover{
	color: #0072BC;
	text-decoration: none;		
}
#content #main #staffInfo #mail img{
	margin-top: 3px;	
}
#content #staffMessage p{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #003366;
	clear: both;
	text-align: center;
	padding-top: 25px;
	font-style: italic;
	padding-bottom: 25px;
	position: relative;
}
#content #staffMessage p a{
	color: #0072BC;
	text-decoration: underline;	
	outline: none;	
}
#content #staffFacts{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: #000000 2px solid;
	padding-bottom: 10px;	
}
#content #staffFacts h4{
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: underline;
	text-align: center;
	margin-bottom: 10px;	
}
#content #staffFacts h6{
	font-style: italic;
	color: #000000;
	padding-top: 7px;
	padding-left: 10px;
}
#content #staffFacts dl {
	margin-right: 5px;
	margin-left: 5px;
	width: 315px;
	/*border: #00FF33 solid thin;*/
}
#content #staffFacts dl dt{
	float: left;
	width: 90px;
}
#content #staffFacts dl dd{
	color: #990000;
	width: 390px;
	clear: both;
	margin-left: 20px;		
}
#content #staffFacts dl dd ul li{
	list-style: none;	
	width: 390px;
}
.push{
	margin-left: 90px;
}
.moveLeft{
	margin-left: -90px;	
}

/* END STAFF */

.staffPastor{
	/*padding-left: 21px;*/
	width: 520px;
	height: 100px;
	float: left;
	padding-left: 230px;
	padding-bottom: 25px;
	clear: both;
}

.staffPerson{
	padding-left: 21px;
	width: 355px;
	height: 100px;
	float: left;
	padding-bottom: 25px;
	/*clear: both;*/
}
.staffPastor .staffPhoto img,
.staffPerson .staffPhoto img{
	float: left;
	border: 2px solid #000000;
}
.staffPastor .staffId,
.staffPerson .staffId{
	float: left;
	width: 205px;
	padding-left: 10px;
	padding-top: 25px;
}
.staffPastor .staffId .staffName,
.staffPerson .staffId .staffName{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	color: #0072BC;
}
.staffPastor .staffId .staffName a,
.staffPerson .staffId .staffName a{
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #0072BC;
	text-decoration: underline;	
}
.staffPastor .staffId .staffName a:hover,
.staffPerson .staffId .staffName a:hover{
	color: #666666;
	text-decoration: underline;	
}
.staffPastor .staffId .staffDiscription,
.staffPerson .staffId .staffDiscription{
	font-family: "Times New Roman", Times, serif;
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
	color: #5b5b5b;
}
#content #main #visitor {
	background-image: url(../images/visitor.gif);
	background-repeat: no-repeat;
	height: 170px;
	width: 236px;
	float: right;
	margin: 8px 0 0 0;
	border: 2px solid #000000; /*#B0B0B0*/
}
#content #main #message {
	height: 325px; 
	width: 500px;
	border: 2px solid #000000;
	float: left;
}
#content #main #message img{
	float: right;
}
#content #main #message h2{
	float: left;
	width: 375px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 35px;
}
#content #main #message p{
	width: 470px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	clear: both;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: .9em;
	color: #003366;	
}
#content #main #message p:first-letter{
	font-size: 1.5em;
	font-weight: bold;
	color: #003366;	
}
#content #main #message .emp{
	color: #003366;
	font-size: .99em;
	font-weight: bold;	
}
#content #main #message .value{
	color:#336600;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;		
}

a#directions {
	background-image: url(../images/directions.gif);
	height: 100px;
	width: 236px;
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 8px;
	border: 2px solid #000000;
	display: block;
	text-decoration: none;
}
a#directions:hover{
	background-repeat: no-repeat;
	height: 100px;
	width: 236px;
	background-image: url(../images/directions_hover.gif);
	text-decoration: none;
}
a#core {
	float: right;
	margin-bottom: 8px;
	border: 2px solid #000000;
	background-image: url(../images/core_values3.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 236px;
	display: block;
	text-decoration: none;
}

a#core:hover{
	background-image: url(../images/core_values3_hover.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 236px;
	text-decoration: none;	
}
a#sermons{
	background-image: url(../images/sermons.gif);
	height: 100px;
	width: 236px;
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 8px;
	border: 2px solid #000000;
	display: block;
	text-decoration: none;
}
a#sermons:hover{
	background-repeat: no-repeat;
	height: 100px;
	width: 236px;
	background-image: url(../images/sermons_hover.gif);
	text-decoration: none;
}
#content #box{
	width: 285px;
	float: right;
}
#content #box #boxTop{
	background-color: #FFFFFF;
	background-image: url(../images/boxTop.gif);
	background-repeat: no-repeat;
	width: 285px;
	height: 13px;
	background-position: bottom;
}
#content #box #boxMiddle{
	background-color: #000000;
	background-image: url(../images/boxMiddle.gif);
	background-repeat: repeat-y;	
	width: 285px;
}
#content #box #boxMiddle h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 6px;
}
#content #box #boxMiddle p{
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-indent: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
#content #box #boxBottom{
	background-color: #FFFFFF;
	background-image: url(../images/boxBottom.gif);
	background-repeat: no-repeat;	
	width: 285px;
	height: 12px;

} /*Staff Description Box*/
/*  ------------ FOOTER ------------ */

#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	/*background-position: center bottom;*/
	height: 148px;
	width: 788px;
	clear: both;
}
#footer #staffAlign{
	padding-left: 63px;
	padding-top: 110px;
}
#footer .staffLinks {
	float:left;
	padding-right: 33px;
}
#footer .staffName a{
	text-decoration: none;
	color: #0072BC;
	outline: none;
}
/* Below the description, put a bar that is centerd and it fades out from there to the sides. The bar should be centeerd becasue it will need to be as long as the longest text, but still remain in the center.*/
#footer .staffName {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #0072BC;
	text-decoration: none;
}
#footer .staffDescription {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #5b5b5b;
	text-decoration: none;
}
#footer .staffDescription a{
	text-decoration: none;
	color: #5b5b5b;
	outline: none;
}
#subFooter {
	width: 100%;
	text-align:center;
	padding-bottom: 8px;
	background-color: #FCF1C4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;	
}
#subFooter p{
    clear: right;
	font-weight: bold;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	/*font-size: 10px;*/
    margin-bottom: .2em;
    font-size: .6em;
}

/* Media */
/*.media-event p {

}*/
.media-event {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 12px;
	width: 600px;
	margin-left: 55px;
}
.media-event .media-title {
	font-size: 15px;
	font-weight: bold;
	color: #0072BC;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.media-event .media-meta {
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 12px;
	color: #444444;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.media-event .media-control {
	width: 131px;
	height: 20px;
	float: right;
	margin-top: 12px;
}
.media-event a.play {
	display: block;
	background: url(../images/btn-play-media.gif) no-repeat;
	height: 23px;
	float: left;
	width: 48px;
}
.media-event a.play:hover {
	display: block;
	background: url(../images/btn-play-media.gif) no-repeat 0 -28px;
	height: 23px;
	float: left;
	width: 48px;
}
.media-event a.play:active {
	display: block;
	background: url(../images/btn-play-media.gif) no-repeat 0 -55px;
	height: 23px;
	float: left;
	width: 48px;
}
.media-event a.download {
	display: block;
	background: url(../images/btn-download-media.gif) no-repeat;
	height: 23px;
	float: right;
	width: 83px;
}
.media-event a.download:hover {
	display: block;
	background: url(../images/btn-download-media.gif) no-repeat 0 -28px;
	height: 23px;
	float: right;
	width: 83px;
}
.media-event a.download:active {
	display: block;
	background: url(../images/btn-download-media.gif) no-repeat 0 -55px;
	height: 23px;
	float: left;
	width: 83px;
}
.page_navigation{
	color: #444444;
	font-family:"Times New Roman", Times, serif;
	font-size: .8em;
}
#angel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0072BC;
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 3px;
}
#angelFoodList {
	text-decoration: none;
	list-style: none;
	margin-left: 20px;
}
#angelFoodList li a{
	font-size: 13px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#0099CC;
	text-decoration: underline;
}
#angelFoodList li a:hover{
	color: #0e2f40;
	text-decoration: none;
	
}
.clear
			{ clear: both; }
#survey-home
			{ margin: 0 auto; width: 758px;}
#survey-home img
			{ float: left; border: solid 2px #000; width: 150px;}
#survey-text
			{ float: left; width: 500px; padding: 50px 0 0 50px;}
#survey-text p	
			{ text-align: left;}
#survey-text a	
			{ text-decoration: none; color: #0E2F40;}
#survey-text a:hover	
			{ text-decoration: underline; }
#survey-header
			{ width: 600px; margin: 0 auto; text-align: justify; }
#survey
			{ width: 600px; padding: 30px 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000;}
#survey, p
			{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000;}			
#survey textarea, input	
			{ border: 2px solid #464646; }
#survey textarea
			{ margin: 10px 0 0 0; padding: 4px 4px;}
#survey input
			{ padding: 4px 4px;}
#push
			{ margin: 10px 0 10px 30px;}
#push input	
			{ border: 0;}
			
#mainContent				{ width: 640px; margin: 0 auto; }
#mainContent p				{ text-indent: 0px; }
#gspic						{ border: solid 4px #000; margin-bottom: 20px; }
