/* 	Summit Christian Church
	Author: Andrew R Forwark
	Company: arfDesigns
	URL: http://www.arfdesigns.com
	Copyright 2006,2007,2008
 */

body {
	background:#e7e7e7;
	margin:0;
	padding:0;
	}

.text_border {
   margin: 10pt;
   border-style: solid;
   border-width: 1pt;
   border-color: #0F0;
   padding: 5px;
}

#wrapper {
	width:660px;
	margin:5px auto 0 auto;
	}

#background {
	float: left;
	width:641px;
	display:inline;
	margin:0 20px 0 20px;
	padding:0;
	background: #FFFFFF url(images/gradient.jpg) top left repeat-y;
	}
	
/* Positioning of Elements */
	/* Heading part */	
		#header {
			float:left;
			display:inline;
			width:600px;
			margin:0 0 0 21px;
			padding:0;
			background:#FFFFFF;
			}
		#header img {float:left; display:inline; width:151px; margin:0; padding:0;}
		#top {float:left; display:inline; width:449px; overflow:hidden; height:70px; margin:0; padding:0;}
		#top img {float:left; width:449px; height:100px;}
		/* The ugly Navigation Department */
				#main-nav { 
					float:left;
					height: 30px; 
					margin:0;
				}
				#main-nav dl { margin: 0; padding: 0;}
					/* IE5 Mac Hack \*/ 
					#main-nav {padding:0;} 
					/*/ 
					#main-nav { padding-left: 11px; overflow: hidden; } 
					/* End Hack */
				#main-nav dt { float: left;}
				#main-nav dt a {
					display: block;
					height: 0px !important;
					height /**/:30px; /* IE 5/Win hack */ 
					padding: 30px 0 0 0;
					overflow: hidden;
					background-repeat: no-repeat;
				}
				#main-nav dt a:hover {
					background-position: 0 -30px; 
				}
				#main-nav dt#home,
				#main-nav dt#home a { width: 89px; background-image:url(images/b_home.jpg) }
				
				#main-nav dt#band,
				#main-nav dt#band a { width: 145px; background-image: url(images/b_praise.jpg); }
				
				#main-nav dt#ministry,
				#main-nav dt#ministry a { width: 110px; background-image: url(images/b_ministries.jpg); }
				
				#main-nav dt#sermons,
				#main-nav dt#sermons a { width: 110px; background-image: url(images/b_sermons.jpg); }
				
				#main-nav dt#about,
				#main-nav dt#about a { width: 105px;background-image: url(images/b_about.jpg); }
				
				
				body.home dt#home,
				body.home dt#home a,
				body.home dt#home a:hover,
				body.band dt#band,
				body.band dt#band a,
				body.band dt#band a:hover,
				body.ministry dt#ministry,
				body.ministry dt#ministry a,
				body.ministry dt#ministry a:hover,
				body.sermons dt#sermons,
				body.sermons dt#sermons a,
				body.sermons dt#sermons a:hover,
				body.about dt#about,
				body.about dt#about a, 
				body.about dt#about a:hover {
					background-position: 0 -60px;
				}
	
	/* Body Section */
		#body {
			float:left;
			display:inline;
			padding:0;
			margin:0 0 0 20px;
			width:600px;
			}
			#banner {float:left; display:inline; margin:10px 0 0 0; padding:0; border:#FFFF66 solid 1px;}
			#content {float:left; display:inline; width:410px; margin:10px 0 0 0; padding:0;}
			#content_noside {float:left; display:inline; width:580px; margin:10px 0 0 0; padding:0;}
			#ministries {float:left; display:inline; width:580px; margin:10px 0 0 0; padding:0;}
			#basketball {float:left; display:inline; width:580px; margin:10px 0 0 0; padding:0;}
			#womans {float:left; display:inline; width:580px; margin:10px 0 0 0; padding:0;}
			#calendar_id {float:left; display:inline; width:580px; margin:10px 0 0 0; padding:0;}
				#band_members table {margin:0 0 0 10px; padding:0;}
				#band_members tr {margin:0 0 0 10px; padding:0;}
				#band_members td {margin:0 0 0 10px; padding:0; background:#999999;}
				#member1 {margin:0 0 0 10px; padding:0;}
				img.member1 {float:left; margin:0 5px 0 0; padding:0;}
				#member2 {margin:0 0 0 10px; padding:0;}
				img.member2 {float:right; margin:0 5px 0 0; padding:0;}
			
			#content_about {float:left; display:inline; width:275px; margin:10px 0 0 0; padding:0;}

			img.group {float:left; margin:10px 0 10px 10px; padding:0;}
			#bio1 {display:block; width:550px; float:left; margin:0 0 0 13px !important; margin:0 0 0 6px; padding:10px; background:#CCCCCC;}
			#bio2 {display:block; width:550px; float:left; margin:0 0 0 13px !important; margin:0 0 0 6px; padding:10px; background:#E7E7E7;}
				#bio1 img {float:left; margin:0 10px 0 0; padding:0;}
				#bio2 img {float:left; margin:0 10px 0 0; padding:0;}
				#quicklinks {float:left; display:inline; margin:14px 0 0 10px; padding:0;}
				#quicklinks img {margin:0; padding:0;}
					
				/* Special Buttons Section for Homepage only */
					#buttons {float:left; margin:0; padding:0;}
					
					a#button1 {width: 132px; height: 74px; background-image: url(images/fmusic1.jpg); display: block; text-decoration: none;}
					a#button1:hover {background-position: 132px 0;}
					
					a#button2 {width: 132px; height: 74px; background-image: url(images/renovate1.jpg); display: block; text-decoration: none;}
					a#button2:hover {background-position: 132px 0;}
					
					a#button3 {width: 132px; height: 74px; background-image: url(images/our_mission1.jpg); display: block; text-decoration: none;}
					a#button3:hover {background-position: 132px 0;}
				/* End Special SEction */
				
				#file1 {float:left; display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; text-align:center;}
				#file2 {float:left; display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; text-align:center;}
				#file3 {float:left; display:block; width:160px; height:75px; margin:0 50px 10px 5px; padding:0; text-align:center;}
				
				#mp31 {float:left; display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; text-align:center;}
				#mp32 {float:left; display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; text-align:center;}
				
				#slideshow {float:left; display:inline; margin:0 0 10px 10px; padding:0; text-align:center;}
					#slideshow ssp_head.h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:left; font-weight:bold; 
					margin:0 0 0 0; padding:0;}
					#slideshow p.ssp {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin:0; padding:0;}
				#calendar {float:left; display:block; width:200px; height:75px; margin:0 0 10px 5px; padding:2px 0 2px 0; text-align:center;}
			#sidebar {float:left; display:inline; width:170px; margin:10px 0 0 10px; padding:0;}
			#mike_side {float:left; display:inline; width:300px; margin:10px 0 0 10px; padding:0;}
			#mike_side img {margin:0; padding:0;}
			img.map {margin:10px 0 0 25px; padding:0;}
			img.mike {margin:0 10px 5px 5px; padding:0; float:left;}
			img.kids {margin:5px; padding:0; float:right;}
			h4.kids2 {margin:0 0 0 20px !important; margin:0 0 0 10px; padding:0; float:left}
			img.book {float:right; margin:5px; padding:0;}
			img.waterfall {margin:0 0 0 20px; padding:0; border:#FFFF66 solid 2px;}
	/* Footer Section */
		#footer {
			float:left;
			display:inline;
			padding:0;
			margin:10px 0 0 20px;
			width:597px;
			height:30px;
			border-right:2px solid #339A33;
			border-left:2px solid #339A33;
			background:url(images/foot.jpg) top left repeat-x;
			}
			#footer #copyright {
				width: 350px;
				float: right;
				display:inline;
				text-align: right;
				padding:2px 5px 0 0;
				margin:0;
			}
			#footer #altnav {
				padding:7px 0 0 5px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif; 
				font-size:10px; 
				color:#FFFFFF;
			}
		
		#address {
			float:left;
			display:inline;
			margin:0 0 10px 20px;
			padding:0;
			width:601px;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:10px; 
			color: #666666;
			text-align:center;
			}
/* Typography */
	#content p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin:5px 0 0 25px; padding:0;}
	#content_about p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin:5px 0 0 25px; padding:0;}
	#mike_side p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; text-align:center; margin:0; padding:0;}
		span.quote {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0; padding:0; font-style:italic;}
		span.quote2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0; padding:0; font-style:italic;}
		ul {margin:5px 0 5px 35px; padding:0;}
		li {margin:0 0 0 35px; padding:0; list-style:disc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}
		ol {margin:5px 0 5px 25px; padding:0;}
	#content h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;
		border-left:#E7E7E7 solid 5px;}
	#content h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;}
	#content h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;}
	#content h6 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#009900; font-weight:bold; margin:10px 0 0 10px; padding:0 0 0 5px;}
	#content_about h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;
		border-left:#E7E7E7 solid 5px;}
	#content_noside h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;
		border-left:#E7E7E7 solid 5px;}
	#content_noside h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;}
	#content_noside h2.worship {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#009900; font-weight:bold; margin:10px 0 0 10px; padding:0 0 0 5px;}
	#content_noside h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;}
	#content_noside p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin:0 0 0 25px; padding:0;}
	#content_noside h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#009900; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 5px;
		border-left:#E7E7E7 solid 5px;}
	#footer p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:right; font-weight:normal; margin:0 0 0 0; padding:0;}

/* Links */	
	#content_noside a, #content_noside a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #009900;
		text-decoration:underline;
	}
	#content_noside a:hover, #content_noside a:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #0000FF;
		text-decoration:underline;
	}
	#file1 a, #file1 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#file1 a:hover, #file1 a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0;}
	
	#file2 a, #file2 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#file2 a:hover, #file2 a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0;}
	
	#file3 a, #file3 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#file3 a:hover, #file3 a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0;}

	#mp31 a, #mp31 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#mp31 a:hover, #mp31 a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0;}
	
	#mp32 a, #mp32 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#mp32 a:hover, #mp32 a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:160px; height:75px; margin:0 0 10px 5px; padding:0;}

	#calendar a, #calendar a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009900; text-decoration:none; font-weight:bold;
	display:block; width:200px; height:75px; margin:0 0 10px 5px; padding:0; border:1px solid #FFFFFF;}
	#calendar a:hover, #calendar a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00CC00; text-decoration:none; font-weight:bold;
	display:block; width:200px; height:75px; margin:0 0 10px 5px; padding:0;}
	#footer a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFFF00;
		text-decoration:underline;
	}
	#address a, #address a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666666;
		text-decoration:none;
	}
	#address a:hover, #address a:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FF6600;
		border-bottom:dotted 1px #FF6600;
	}