body { font: 62.5% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #1C1C1C url(images/PixelatedBgNorm.png) repeat fixed;
	text-shadow: rgba(0,0,0,0.01) 1px 1px 1px;}
body, h1, h2, h3, p, a, ul, li, img {

	margin: 0px;

	padding: 0px;

}
#contain {width:100%; margin: 0 auto;  background: url(images/PixelatedBgMid.png) repeat fixed; height:100px;}
img {

	border:none;

}

ul {

	list-style-type: none;

}
.clear { clear:both;}

h1 a{

	text-indent: -9999px;

	float: left;

	overflow:hidden;

	height: 65px;

	width: 280px;

	background: url(images/LOGO-MM.png) no-repeat left center;}
.header { height:65px; padding-top:20px; width:830px; margin:auto;}
.header p { float:right; text-align: right; padding-right: 1px; line-height:15px; color:#FFF;}
.header p a { color:#C00;}
p {
	font-size: 11px;
	line-height:16px;
	color: #FFF;
}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.header ul { float:right; clear:right; padding: 20px 1px 0 0; width:390px; margin-top:15px;}
.header ul li { float:left; height: 17px; border-right: solid 1px #bcbcbc; padding: 0 15px;}
.header ul li.last { padding-right:0; border:none;}
.header ul a { text-transform:uppercase; color:#fff; line-height:17px; font-size: 13px; font-weight: bold; font-family: "Trebuchet MS", arial, helvetica, sans-serif;}
.header ul a:hover { color: #C00; text-decoration: none;}
.flash_area {

	float: left;

	width: 100%;

}
div#wrap {
			width: 830px;
			margin: 5px auto 0 auto;
			
		}
		div#wrap p { margin: 0 20px 0 22px;}

		div#wrap a img {
			border: 1px solid #000;
			
			margin: 10px 4px 10px 0;
		}
.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 				{ display: inline-block;}
/* @group PRIMARY CONTENT */
.column					{ float:left; width:240px; padding-right:20px; margin-right:15px; }
.last					{ margin:0; }

#primaryContent			{ padding-left:28px; float:left; width:560px; }
#primaryContent.wide	{ width:800px; }
#home #primaryContent	{ padding-left:15px;  }
#events #primaryContent	{ width:800px;  }
#primaryContent	a		{ color:#91b3b4; }
#primaryContent a:hover	{ text-decoration:none }
#primaryContent	p,
#primaryContent li,
#primaryContent td		{ color:#fff; font-size:1.3em; line-height:1.5em; }
#primaryContent li p,
#primaryContent td p	{ font-size:1em; font-weight: lighter; text-align: left; line-height:1; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border			{ border:0; }

	/* @group HEADINGS */
	#primaryContent h2		{ font-size:2.1em; color:#91b3b4; text-transform:uppercase; margin:0;}
	#home .column h2		{ margin:0; font-size:2.1em; color:#91b3b4; font-weight:normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
	#primaryContent h3		{ font-size:1.5em; color:#91b3b4}
	#primaryContent h4		{ font-size:1.4em; color:#fff }
	#primaryContent h5		{ font-size:1.3em; color:#fff; }
	#primaryContent h6		{ font-size:1.2em; color:#91b3b4; }
	
	/* ARTICLE HEADINGS */
	.article						{ padding-bottom:15px;  }
	h4.title						{ margin:0; text-transform:uppercase; }
	h4.title a						{ text-decoration:none; }
	#primaryContent h4.title a:hover{ text-decoration:underline; }
	.article p						{ margin-top:0; }
	/* @end */

	/* @group UPCOMING EVENTS */
	#upcoming-events			{ padding-left:10px; float:left;  }
	#upcoming-events.column h2	{ margin-bottom:4px; color:#C00;  }
	#upcoming-events .event		{ padding:0 0 8px; width:250px; }
	#upcoming-events h4			{ margin:0; font-size:1.2em; font-weight:normal; color:#8f7c65;padding-bottom: 2px; }
	#upcoming-events p			{ margin:0; font-size:11px; line-height:16px; color:#000; font-family:"ITC Avant Garde Gothic"; }
	#upcoming-events p a		{ font-size:13px; font-weight:bold; color:#eee; text-decoration:none; }
	#upcoming-events p a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group WELCOME */
	#welcome		{ margin-left:7px; min-height:250px; padding-bottom: 12px; margin-right:0; }
	#welcome.column h2		{ margin-bottom:4px; color:#C00; }
	#welcome p		{ font: 1.5em arial, helvetica, verdana, sans-serif; color:#fff; text-decoration:none; ; color:#ebe1cc; line-height:1.2em;  }
	#welcome p b	{ background:url(images/read_more_left.gif) no-repeat left top; padding-left:3px; }
	#welcome p a	{ 
					  display:block; text-transform:uppercase; background:url(images/read_more_right.gif) no-repeat right top; line-height:26px; font-size:10px; color:#fff; text-decoration:none; padding-left:10px; font-family:helvetica, arial, sans-serif; font-style: normal;
					}
	/* @end */
	
	/* @group MEDIA */
	#media				{ margin-right:0; margin-left:3px; height:auto; float:right; }
	#media.column h2	{ margin-bottom:4px; color:#C00; }
	#media .sermon		{ position:relative; padding:10px 0 8px; }
	#media p, #media h4	{ margin:0; width:70%; }
	#media h4			{ font-size:1.4em; line-height:1.4em; color:#8f7c65; }
	#media h4 a			{ color:#eee; text-decoration:none; }
	#media h4 a:hover	{ text-decoration:underline; }
	#media p			{ font-size:1.2em; color:#8f7c65;}
	#media a.play		{ 
						  position:absolute; top:14px; right:-17px; text-indent:-999em;
						  display:block; background:url(images/play_btn.gif) no-repeat; width:56px; height:23px;
						}
	#media a.play:focus	{ outline:none; }
	#media p a			{ 
					  display:block; text-transform:uppercase;
					  background:url(images/read_more_right.gif) no-repeat right top; line-height:26px; font-size:10px; color:#fff; 
					  text-decoration:none; padding-left:10px; font-family:helvetica, arial, sans-serif; font-style: normal;
					}

	/* @end */
	
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
				

/* Easy Slider */

	#slider{ width:830px; margin:auto; margin-top:40px;}	
	#slider img {border: 7px solid #000;}
	
	
	
											
	
									

/* // Easy Slider */

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:500px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:33px; width:149px;
	background:url(images/contact_me.png); 
	position:absolute; 
	left:420px; bottom:-32px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}
#content { background:url(images/PixelatedBgMid-services.png);
	width:830px;
	height: auto;
	margin:auto;
	margin-top:10px;
	
	
}
#content h1 {
font-size:30px;
color:#fff;
line-height:24px;
font-weight:100;
padding-bottom:5px;
padding-top:10px;
margin-left:15px;
}
#content p { 
font-size:13px;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
margin-left:15px;
margin-right:10px;}
.title {
font-size:16px;
color:#c70000;
line-height:18px;
font-weight:700;
margin-left:15px;
}


.subtitle {
font-size:12x;
color:#702380;
line-height:18x;
font-weight:700;
}




h5 {
	font-size: 14px;
	color: #F00;
	font-weight: normal;
	margin: 10px 7px 5px 10px;
	text-align: left;
}

h6 {
	font-size: 14px;
	color: #d9d8d0;
	font-weight: normal;
	margin: 10px 7px 5px 7px;}







#footer {
	margin: 0;
	background: url(images/bgFooterWood.jpg) repeat-x top center;
	height: 192px;
	text-align: center;
	font: 11px Tahoma, Arial, sans-serif;
	position: relative;
	overflow: hidden;
	}	
	#footer A { padding: 1px 3px 1px 3px; }
#footer A:hover {
	background-color: #FFF;
	color: #FFF;
}

#rssIcon A:hover { background: none; }

#footerFooter {
	clear: left;
	color: #c6c6c6; 
	padding-top: 47px;
	font: 10px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	text-align:left;
	margin:auto;
	width:830px;

	}
	
#footerContent {
	top: 24px;
	width: 830px;
	height: 160px;
	margin: 0 auto; 
	text-align: left;
	position: relative;
	
	}
	
#lastEntries {
	width: 240px;
	overflow: hidden;
	float: left;
	padding-bottom: 5px;
	border:0px;
}
#lastEntries p {
	color:#FFF;
	font-size:14px;
	font-weight: bold;
	border:0px;
}

#lastComments {
	float: left;
	width: 230px;
	overflow: hidden;
	padding-bottom: 5px;
	border: 0px;
	}
#lastComments p {
	font-size:13px;
	font-weight: bold;
}
	
#flickr {
	position: absolute;
	right: 10px;
	top: 5px;
}

	
#flickrRahmen {
	position: relative;
	z-index: 1000;
	}	
	
#flickrFotos {
	position: absolute;
	left: 22px;
	top: 23px;
	z-index: 10;
	}	

#copyright {
	clear: left;
	margin-left: 15px;
	font: 10px Tahoma, Arial, sans-serif;
	color: #838383;
	margin-top: 25px;
	text-transform: uppercase;
	
	}	
	a.anchor:link {color:#fff; text-decoration:none;}     
a.anchor:visited {color:#fff; text-decoration:none;}  
a.anchor:hover {color:#c70000; text-decoration:none;}
a.anchor:active {color:#fff; text-decoration:none;} 
#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin:auto;
	width:830px;
}
#wrap h1, h2, h3, h4, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#fff;
    clear: both;
	margin-top:10px;
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}



a {
    color: #4088b8;
}

table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}