@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

body{
		background: #fff url(../images/bg_body.jpg) 0 0 repeat-x;
		margin: 0px;
		padding: 0px 0px 40px 0px;
		font: normal normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
		color: #7f7f7f;
	}
	a, a:link, a:visited{
		color: #325b58;
	}
	p{
		margin: 0 0 10px 0;
	}
      h2 {
		font: normal normal 24px/1.2em 'Cardo', 'Times New Roman', Times, serif;
		margin: 0 0 5px 0;
      }
	#container{
		width: 800px;
		margin: 0px auto;
	}
		#header{
			height: 180px;
			position: relative;
			padding: 1px;
			color: #f4ebe0;
			margin-bottom: 10px;
		}
		#header a, #header a:link, #header a:visited{
			color: #f4ebe0;
		}
			#logo{
				background: transparent url(../images/logoCLM.png) 0 0 no-repeat;
				width: 206px;
				height: 94px;
				display: block;
				text-indent: -1000em;
				position: absolute;
				top: 7px;
				left: 0px;
			}
			#focusNavigation{
				margin: 0px;
				padding: 0px;
				position: absolute;
				right: 0px;
				top: 120px;
			}
				#focusNavigation li{
					margin: 0px;
					padding: 0px;
					display: inline;
				}
					#focusNavigation li a, #focusNavigation li a:link, #focusNavigation li a:visited{
						display: block;
						float: left;
						font: normal normal 16px/1.2em Verdana, Arial, Helvetica, sans-serif;
						padding: 7px 13px;
						text-decoration: none;
						text-transform: uppercase;
						margin: 0 0 0 5px;
						background: transparent;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
					}
					#focusNavigation li a:hover, #focusNavigation li a:active{
						background: #162726;
						-moz-box-shadow:  inset 0px 2px 5px rgba(0,0,0,0.9);
						-webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.9);
					}
					#focusNavigation li a.active{
						background: #325b58;
						color: #ffffff;
						-moz-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.9);
						-webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.9);
					}
					
			#pastorInfo{
				font: normal normal 18px/1.2em  'Cardo', 'Times New Roman', Times, serif;
				margin: 0px;
				padding: 0px;
				position: absolute;
				top: 20px;
				right: 0px;
				text-align: right;
			}
		#content{
			position: relative;
			overflow: hidden;
			clear: both;
			height: 300px;
			width: 800px;
		}
			#content .items{
				width:20000em;
				position:absolute;
				clear:both;
				margin:0;
				padding:0;
			}
		#content div{
			float: left;
			display: block;
			position: relative;
			height: 300px;
			width: 800px;
		}
		#content img{
			border: 9px solid #ffffff;
			-moz-box-shadow: 2px 2px 10px #666;
			-webkit-box-shadow: 2px 2px 10px #666;
		}

			
			.focusContent{
				font: normal normal 18px/1.8em  'Cardo', 'Times New Roman', Times, serif;
				color: #4f4f4f;
				width: 280px;
				padding: 0 15px 15px 0;
				margin: 0px;
				float: left;
				display: block;
				position: relative;
				height: auto;
				width: 280px;
			}
			
		#location{
			float: left;
			width: 280px;
			margin: 0 20px 15px 0;
		}
		#contact{
			float: left;
			width: 265px;
			margin: 0 15px 15px 0;
		}
			#contact form p *{
				float: left;
				line-height: 1.5em;
			}
			#contact form p input{
				float: left;
			}
		#schedule{
			float: right;
			width: 200px;	
		}