/* CSS Document */
* { margin:0; padding:0; }
/*body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, ul,  
ol, li, dl, dt, dd, form, a, fieldset, th, td  {  
	margin: 0; padding: 0; border: 0; outline: none;  
}*/
html { height:100%; width:100%;}
body {
	background-color: #000000;
	background-image: url(../images/bg-gradient.gif);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
wrapper { margin:0; padding:0; width:100%; height:100%; }
container { position:relative; margin:0 auto 0; width:972px; }

/* --------- HEADER ----------------------- */
#header {
	background-image:url(../images/header.jpg);
	width: 972px;
	height: 150px;
	margin: 0px auto 0px;
	background-color:#ffffff;
}
#header p {
	float: right;
	margin-right: 55px;
	margin-top: 75px;
	text-align: right;
	color:#666666;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#header a:link {text-decoration:none; }

/* --------- NAV ----------------------- */
#nav {
	background-color: #ffffff;
	width: 972px;
	height: 150px;
	margin: 0px auto 0px;
}

/* --------- CONTENT ----------------------- */
	
#content { width:972px; height:400px; margin: 0 auto 0; }
#content2 { width:972px; margin: 0 auto 0; background-color:#fff; background-image: url(../images/back.jpg); height:300px; }
#movie { height:400px; background-color:#000000; }
#col1 { float:left; padding:0; width:632px; }
#col2 { float:left; padding:0; width:340px; background-image: url(../images/back.jpg); background-repeat: repeat; }

/* --------- CONTENT2 ----------------------- */
#col3 { margin-top:20px; margin-left:30px; float:left; }
#col4 { margin-top:20px; margin-left:150px; float:left; }
#col6 { margin-top:20px; margin-left:30px; float:left; border:1px #006699 solid; font:Verdana, Arial, Helvetica, sans-serif 10px normal; 
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px; }
#col5 { margin-top:20px; margin-left:150px; float:left; width:200px; }

#col3 img { padding-bottom:40px; }
#col4 img { padding-bottom:40px; }
#col6 img { padding-bottom:20px; }
#col5 img { padding-bottom:20px; }

#col5 h2 { color: #669933; font-size: 16px; font-weight:normal; }
#col5 p { color: #999999; font-size:10px; line-height:16px; }
#col5 ul { padding:0px; width:150px; list-style:none; }
#col5 li { margin-bottom:30px; width:200px;}
#col5 li h2 { padding:0px 0px 2px 0px; }
#col5 img { float:left; clear:left; margin-right:7px; }

#update { margin:0; padding:10px; text-align:right; height:10px;font-size:11px; color:#666666; }

/*-------links--------------------------------*/

a:link { color:#669933; text-decoration: none; }
a:visited { color:#006699; text-decoration:none; }
a:hover { color:#666666; text-decoration: none; }

#page { margin:0 auto 0; padding:0; width:972px; height:100%; background-image: url(../images/back.jpg); background-repeat: repeat; }
#page h1 { height:50px; padding-left:20px; padding-top:30px; font-size:30px; color:#ccc; }
#page h2 { margin:25px 150px 0px 150px;font-size:20px; color:#006699; }
#page h3 { margin:10px; font-size:20px; color:#006699; }
#page p { margin:10px 150px 0px 150px; padding:0; font-size:12px; line-height:20px; color:#666666; }
#page img { margin: 0 auto 0; }

.rule { margin:0 auto 0; border:dashed #ccc 1px; width:70%; }

#vision ul li { margin:10px 150px 0px 350px;font-size:16px; color:#006699; line-height:18px; list-style: square; }
#page ul li { margin: 10px 150px 0px 200px; padding: 0px 15px 0px 0px; font-size: 12px; color: #666666; }
#event ul li{ margin: 10px 150px 0px 200px; padding: 0px 15px 0px 0px; font-size: 12px; color: #666666; }

#page table { margin:0 auto 0; margin-top:25px; border:solid 1px #ccc; }
#page tr { border:solid 1px #ccc; }
#page td { margin:10px; padding:0; font-size:12px; line-height:20px; color:#666666; }

#notes { font-size: 12px; line-height: 20px; color: #666666; }
.bluetext { font-family:Verdana, Arial, Helvetica, sans-serif; color:#006699; font-size:12px; }
.smalltext { font-size:9px; font-fami:Verdana, Arial, Helvetica, sans-serif normal; color:#333; }

/* --------- Kids ----------------------- */
#kidspage {
	margin: 0px auto 0px;
	padding: 0px;
	width: 952px;
	background-color: #FFFFFF;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
	border: solid;
	border-color: #006699;
	border-width: 10px;
}
#kidspage h1 {
	height: 50px;
	margin: 20px;
	margin-top: 30px;
}
#kidspage p {
	font-size: 20px;
	margin: 10px 10px 0px 10px;
	color: #006699;
	font-size: 16px;
}
#verse h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#669933;
	margin: 0px 150px 0px 150px;
}
#verse h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color:#006699;
	margin: 0px 150px 0px 150px;	
}
#verse p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#006699;
	margin: 0px 150px 0px 150px;
	padding-bottom: 10px;	
}

/* --------- POLL ----------------------- */
#poll h2 {
	height: 50px;
	margin: 0 0 10px 0;
}

/* --------- PODCAST ----------------------- */

#podcast h2 { height:50px; margin:0 0 10px 0;; }
#icon img { position:inherit; margin-left:-15px; margin-bottom:20px; margin-top:0px; }

/*------------- CONTACT --------------*/

form { width:500px; margin:100px 0 0 50px; }
fieldset { width:500px; padding:10px; margin-bottom:30px; border:none; height:auto; }
fieldset.action {background:#9da2a6; margin-top:-20px;}
textarea {font:12px Verdana, Arial, Helvetica, sans-serif; padding:0; border:solid 1px #ccc;}
input
input.btn { color:#006699; font: bold small Verdana, Arial, Helvetica, sans-serif; } 
select
legend { padding: 0px 5px 0px 5px; font-weight: bold; font-size:12px; }
label {font-size:11px; font-weight:bold; color:#666666;}
dl { clear:both;}
dt { float:left; text-align:right; width:150px; line-height:25px; margin:0 10px 10px 0;}
dd { float:left; width:250px; margin:5px 0 10px 0;}

/*Selects*/
.SelectOptions {position:relative; background:#006699; border:none; margin-left:0px; margin-top:0; list-style:none; padding:4px 0; color:#fff; 
font:12px Verdana, Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}

/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

/* --------- FOOTER ----------------------- */

#footer {
	margin: 0px auto 0px;
	margin-top:0px;
	padding: 2px 0px 2px 0px;
	width: 972px;
	background-color:#111;
	height:70px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#footer_left { float:left; margin-left:25px; margin-top:10px; color:#fff; }
#footer a, #footer a:link, #footer a:active {
	color: #669933;
	text-decoration: none;
}
#footer a:visited {
	color:#006699;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer h2 { color: #669933; font-size: 16px; font-weight:normal; }
#footer p { color: #fff; font-size:10px; line-height:16px; }
