/* CSS Document */


	body {
	fontsize: x-small;
	font-size: small;
	font-family: Arial, sans-serif;
	color: #666666;
	margin: 0;
	padding: 0;
	background-image: url(../images/tile2.jpg);
	}
	html>body { 
	font-size: small;
	font-family: Arial, sans-serif;
	color: #666666;
	}
	h1 {
	font-size: 140%;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
	}
	h2 {
	font-size: 120%;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	h3 {
	color: #444444;
	font-size: 110%;
	margin: 0;
	padding: 0;
	}
	p {
	color: #666666;
	margin: 0;
	padding: 0;
	}
	ul,li {
	padding: 0;
	margin: 0;
	}
	div{
	padding:0; margin:0;
	}
	fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}
	legend {
	color: #9BC401;
	font-size: 110%;
	font-weight: bold;
	}
	label {
	display: block;
	}
	input {
	width: 200px;
	font-family: Arial, sans-serif;
	color: #888888;
	}
	input.checkbox, input.submit {
	width: auto;
	float: left;
	margin: 0 1em 0;
	}
	textarea {
	width: 300px;
	height: 100px;
	font-family: Arial, sans-serif;
	color: #888888;
	}
	input:focus, textarea:focus {
	background: #ffc;
	}
	.required {
	font-size: 85%;
	color: #FF1519;
	}
	
	

/* -------- WRAPPER -------- */
#wrapper {
width: 992px;
position: relative;
left: 50%;
margin-left: -496px;
background-image: url(../images/wrapper2.jpg);
}
#wrappercontent {
width: 928px;
padding: 0px 36px 0px 38px;
}

/* -------- BRANDING -------- */
#branding {
height: 73px;
padding: 0;
}
#branging a{ padding:0; margin:0; }
#login {
float: right;
color: #807e7a;
}
#login .name {
color: #e7e5db;
}
#login a:link, #login a:visited {
text-decoration: none;
color: #4d99ca;
}
#login a:hover, #login a:active {
text-decoration: underline;
}


/* -------- MENU -------- */
#menu {
height: 28px;
padding: 0;
background-image: url(../images/menu_bg.jpg);
}
#menu ul {
font-weight: bold;
font-size: 90%;
text-align: center;
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
float: left;
}
#menu ul a:link, #menu ul a:visited {
display: block;
width: 130px;
padding: 0;
line-height: 28px;
text-decoration: none;
color: #e7e5db;
}
#menu ul a:hover, #menu ul a:active {
text-decoration: underline;

}

#home #mainnav .home a,
#about #mainnav .about a,
#new #mainnav .new a,
#services #mainnav .services a,
#ministries #mainnav .ministries a,
#audio #mainnav .audio a,
#members #mainnav .members a {
text-decoration: underline;
color: #7b7976;
background: url(../images/but_ov.gif) no-repeat right top;
}


/* -------- BANNER -------- */
#banner {
height: 350px;
background: url(../images/banner_bg2.jpg) no-repeat left top;
}
#featured {
position: relative;
float: left;
width: 580px;
height: 290px;
padding: 40px 20px 20px 10px;
}
#whatson {
float: left;
width: 307px;
height: 290px;
padding: 40px 0px 20px 10px;
}

.featureboxtop {
	margin-bottom: 1px;
}

.featureboxbottom {
	margin-top: 1px;
}

/* -------- INFO -------- */
#infowrapper {
padding: 0;
}
#info {
float: left;
padding: 50px 0 0 8px;
width: 580px;
background: url(../images/info_bg.jpg) no-repeat left top;
}


#servicestitle {
float: left;
width: 160px;
color: #ca7e4d;
font-size: 180%;
letter-spacing: -1px;
line-height: 20px;
margin-top:20px;
}

#servicestitle a{

color: #ca7e4d;
text-decoration:none;
}
#servicestext {
float: left;
width: 276px;
line-height: 14px;
}
#servicestext a:link, #servicestext a:visited {
color: #4d99ca;
text-decoration: none;
padding-right: 12px;
font-weight: bold;
background: url(../images/arrow.jpg) no-repeat right center;
}
#servicestext a:hover, #servicestext a:active {
color: #4d99ca;
text-decoration: underline;
}
#servicestext .title {
color: #ca7e4d;
}
#servicestext p {
padding: 8px 0;
}
#servicesimg {
float: left;
width: 120px;
height: 110px;
}

.audiotitle {
color: #4d99ca;
font-weight: bold;
text-decoration: none;
}

#messagetitle {
float: left;
width: 160px;
padding: 48px 0;
color: #ca7e4d;
font-size: 180%;
letter-spacing: -1px;
line-height: 20px;
}
#messagetext {
padding: 47px 0;
float: left;
width: 400px;
line-height: 14px;
}
#messagetext .title {
color: #ca7e4d;
}
#messagelinks {
float: left;
padding: 47px 0;
text-indent: 20px;
text-align: right;
background: url(../images/message_line.gif) no-repeat left top;
}
#messagelinks a:link, #messagelinks a:visited {
color: #4d99ca;
text-decoration: none;
padding-right: 12px;
font-weight: bold;
background: url(../images/arrow.jpg) no-repeat right center;
}
#messagelinks a:hover, #messagelinks a:active {
color: #4d99ca;
text-decoration: underline;
}



/* -------- WELCOME -------- */
#welcome {
float: left;
padding: 62px 20px 0 25px;
width: 295px;
background: url(../images/welcome_bg.jpg) no-repeat left top;
}
#welcometext {
padding: 0px 0px 0 0;
height: 222px;
text-align: right;
font-size: 130%;
color: #FFFFFF;
background: url(../images/welcome.jpg) no-repeat left top;
}
#welcometext p {
line-height: 13px;
font-size: 100%;
padding: 10px 0 10px 0;
color: #283a3e;
}
#welcometext a:link, #welcometext a:visited {
color: #FFF;
font-size: 90%;
text-decoration: none;
padding-right: 14px;
background: url(../images/arrow_white.gif) no-repeat right center;
}
#welcometext a:hover, #welcometext a:active {
text-decoration: underline;
}



/* -------- FOOTER -------- */

#clear {
clear: both;
height: 2px;
padding: 0;
}

#footerbac {
width: 100%;
padding: 0;
}
#footerwrapper {
width: 992px;
height: 89px;
position: relative;
left: 50%;
margin-left: -496px;
background-image: url(../images/footer_1.jpg);
}
#footerleft {
float: left;
margin: 20px 0 0 45px;
font-size: 90%;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color: #4d99ca;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}