﻿/* Color Legend */
/* Reset */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 10px;
}
div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
img {
	border-style: solid;
	border-color: inherit;
	border-width: 2px;
	margin: 10px;
	padding: 0;
	}
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select, textarea, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
}
ol, ul {
	list-style: none;
}
/* Global */
html { 
}
body { background-color:#eeeeee; }
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 14px;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* Text Elements */
p {
	color: #000;
	font-size: 12px;
	line-height: 150%;
}
p .left {
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p .right {
	margin: 1.5em 0 1.5em 1.5em;
	padding: 0;
}
a {
}
a:link {
	color: #00f;
}
a:visited {
	color: #0f0;
}
a:active {
	color: #000;
}
a:focus {
	color: #666;
}
a:hover {
	color: #f00;
}
blockquote {
	color: #000;
	font-size: 12px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* Images */
/* Lists */
ul {
}
ol {
	list-style-type: decimal;
}
ul li {
	color: #000;
	font-size: 12px;
}
ol li {
	color: #000;
	font-size: 12px;
}
dl {
}
dt {
}
dd {
}
/* Tables */
table {
	width: 100%;
}
tr {
}
.odd {
	background-color: #eee;
}
.even {
	background-color: #fff;
}
th {
	font-weight: bold;
}
thead, th {
	background: #ccc;
}
tbody {
}
th, td, caption {
}
caption {
}
tfoot {
}
.tfooter {
	background-color: #ccc;
	text-align: center;
	font-style: italic;
}
caption {
	background: #efefef;
}
/* Miscellaneous */

/* Containers */

#wrapper 	{ width:900px; margin:0px auto; background-color:#ffffff; }

#top 		{ background-color:#006600;  width:100%; padding:15px 40px;  overflow :hidden; }
#top h1		{color:#00FF00; text-align:center;   }
#logo 				{ margin:10px 0px 0px 10px;  float:left;  	}
#logo h1			{ margin:10px 0px 0px 300px; font-size:30px;  font-style:italic; color:#000000; }

#social-media		{ float:right; margin:0 20px 0 0; padding:15px; background-color:#00FF00; border-bottom:1px #00ff00 solid;  }
#social-media p		{ color:#000000; font-size:11px; margin:4px 10px 4px 0px; }    
#social-media img	{ width:30px; height:30px; }
#social-media ul li	{ display:inline;  }

#topnav 			{  background-color:#66FF33; clear:both;  }
#topnav ul			{ width:100%; float:left; margin:0px; background-color:#990000;  }
#topnav ul	li		{ display:inline; border-bottom :3px #990000  solid;  }
#topnav ul li a		{ float:left; padding:10px 20px;  }

#topnav a:link		{ color:#ffffff; }	
#topnav a:visited	{ color:#ffffff; }	
#topnav a:active	{ color:#ffffff; }	
#topnav a:hover		{ color:#ffffff; background-color:#770000; }	
#topnav a:focus		{ color:#ffffff; }	

#banner			 {  color:#996633; width:100%;   }
#subbanner		 { width:100%; background-color:#993300; padding:10px 0;   padding:15px; overflow:hidden; }

#subbanner h3	{ color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:180%;  }
 

#content 		{ float:left; width:650px; padding:20px;   }
	
#content h1 	{ margin:0 0 20px 0; padding:15;	font-size:32px; border-bottom:1px gray solid;  padding:20px 0px; }
#content p2 	{ margin:20px 0 0 0;  }

#content p		{ margin:14px 0px; line-height:160%;  } 

#content-sermons h3 a  			{ font-size:14px; color:#CC3300; }
#content-sermons a:link			{ color:#F5310E; }	
#content-sermons a:visited		{ color:#ffffff; }	
#content-sermons a:active		{ color:#ffffff; }	
#content-sermons a:hover		{ color:#ffffff; background-color:#FFFF53; }	
#content-sermons a:focus		{ color:#ffffff; }	


#content p h3		{ margin:10 0 10px 0; padding:8px; font-size:12; color:#FF8040; }

#content img 	{ padding:8px; border:2px solid #888888; background-color:#990000;   
height: 100px; width:135px;
	float: left;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px; }

#rightside		{ padding:20px; margin-left:675px;  }
#rightside h2	{ margin:20px 0px 10px 0px; } 
#rightside p	{ margin:8px 0px; line-height:160%;  }
#rightside h3	{ padding:20px 0px 10px 0px; font-size:14px; }

#leadership h2	{ padding:20px; margin-left:675px; }
#leadership h3	{  padding:20px 0px 10px 0px; font-size:14px; line-height:180% ;  }
#leadership img	{  padding:15px; border:1px #888888 solid;  margin:15px }

#footer 		{ clear:both;  float:left; width:100%; padding:10px 0px;  background-color:#006600; }
#footer p		{ text-align:center; color:#ffffff; }


#box1 {
}
#box2 {
}
#box3 {
}
#box4 {
}
#box5 {
}
#box6 {
}
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol {
	list-style-type: none;
}
form {text-align: left; margin: 20px;
}
label {
	float: left;
	width: 150px; margin-top:5px; 
	margin-top: 5px;
	text-align: right;
	display: block;
	background: none;
	font-weight: bold;
}
submit {
	background: color:ffffff ;
}
input {
	width: 280px;
	margin: 0 0 16px 10px;
	border: 1px #bbb solid;
	padding: 5px;
	background: none;
}
input:focus, textarea:focus {  ;
}
textarea {
	width: 280px;
	height: 150px;
	margin: 0 0 16px 10px;
	border: 1px #bbb solid;
	padding: 5px;
	background: none;
}
select {
	margin-bottom: 20px;
}
.month {
	margin-left: 155px;
}
.submit {
	width: 90px;
	height: 25px;
	margin-left: 160px;
	font-size: 12px;
}

#contact-form ol	{list-style-type:none; }

