/* CSS Document */

body {background-image: url(images/site-bg.jpg);background-repeat: repeat-x;background-position: top center;background-color: #50605D;padding:0; margin:0; font-family:Helvetica, Arial, sans-serif; font-size: 12px; color: #333; line-height: 1.5em;}

/*  ------ global link colors ------- */	

a {outline: none;}
	
a:link {color: #775209;text-decoration: none;}
a:visited {color: #775209; text-decoration: none;}
a:hover {color: #5D716C;text-decoration: underline;}
a:active {color: #666; text-decoration: none;}


/*  ------ global image attributes ------- */

img { behavior:url(/_includes/iepngfix.htc);}
a img { border: 0px;}

a:hover img {opacity:.70;}


/*  ------ global headings ------- */
h1 {padding: 0; margin: 0; font-size: 30px; color:#775209; float: left;}
h2 {padding: 10px 0 2px 6px; margin: 0;color:#231902; font-size: 22px; font-weight: normal;}
h3 {padding: 0; margin: 0; font-size: 15px; letter-spacing: 1px;}
h4 {padding: 0; margin: 0 0 .5em 0; font-size: 26px; color:#775209;}
h5 {padding: 0; margin: 0 0 .8em 0; font-size: 15px;}
	h5 a:link {text-decoration: none;}
h6 {padding: 0; margin: 0; font-size: 18px; font-weight: normal;}
h7 {padding: 0; margin: 0;}
h8 {padding: 0; margin: 0 0 1em 0; font-size: 15px;}


/*  ------ Remove space above paragraph tag, but keep space below ------- */

p {margin: 0 0 1em 0;}


/*  ------ center site and set the width ------- */
.wrapper {width:960px;margin: 0 auto;text-align:left; padding: 0; clear:both;}	


/*  ------ logo ------- */
.logo {float: left; background-image:url(/images/logo-bg.gif); background-repeat:no-repeat; width: 195px; height: 154px; padding: 0 0 0 15px; margin: 0 0 0 16px;}

/*------hidden from IE 6 and below------*/
	html > body .logo {float: left; background-image:url(/images/logo-bg.png); background-repeat:no-repeat; width: 195px; height: 154px; padding: 0 0 0 15px; margin: 0 0 0 16px;}
	
	.logo a {display:block;float:left;height: 136px;width: 179px; background-image:url(/images/prairie-lakes-church-logo.jpg);}
	.logo a:hover {background-position:0 -136px;}

.logo a:hover img {opacity:1;}

/*  ------ search ------- */

.top-right {float: right; width: 717px; height: 81px;}

.search-box {float: right;  padding: 24px 0 0 0;}
fieldset {border: 0px; height: 24px; width: 219px;}
fieldset .box {background: url(/images/search-box-bg.jpg) no-repeat;  border: none; padding: 6px 0 6px 25px; float:left; margin: 0; width:160px }
.searchbtn {background:url(/images/button-go.gif) no-repeat; width: 33px; height: 24px; border:none;}
	.searchbtn input:hover {background-position:0 -24px;}
	.searchbtn input:active {background-position:0 -48px;}


/*  ------ top right links ------- */
.top-right-links {float: right;color:#4E4734;padding: 30px 0 0 0; font-size: 14px;}
	.top-right-links ul {padding: 0; margin: 0;}
	.top-right-links ul li {padding:0 20px 0 0 ; margin: 0; display: inline; list-style:none;}
	
	.top-right-links a:link {color:#4E4734;text-decoration: none;}
	.top-right-links a:visited {color: #4E4734; text-decoration: none;}
	.top-right-links a:hover {color:#231902;text-decoration: none;}
	.top-right-links a:active {color: #666; text-decoration: none;}
	
	
/*  ------ Main Menu ------- */
.main-menu {padding: 0 ; margin: 0; height: 47px; font-size: 16px; float: right;}
	.main-menu ul {padding: 0; margin: 0;}
	.main-menu li {display: inline;list-style: none;}
	.main-menu a {display:block;float:left;height: 33px; padding: 14px 20px 0 20px; color:#231902; border-left: 1px solid #90836B;background-image:url(/images/main-menu-bg.jpg);} 
	.main-menu a.connect {border-right: 1px solid #90836B;}
	.main-menu a:visited {color:#231902; text-decoration: none;}
	.main-menu a:hover {background-position:0 -47px;}
	.main-menu a:active {background-position:0 -94px;}
	
	 body.home a.home {background-position:0 -141px;}
	 body.about a.about {background-position:0 -141px;}
	 body.services a.services {background-position:0 -141px;}
	 body.next-steps a.next-steps {background-position:0 -141px;}
	 body.influence a.influence {background-position:0 -141px;}
	 body.connect a.connect {background-position:0 -141px;}
	 
	 
/*  ------ Home ------- */ 
	
.home-rotator {float:left; width: 631px;}
.home-recent-videos {float:left; margin: 0 0 0 26px; padding: 20px; width:263px; height: 290px; background: #252D2B url(/images/recent-videos-bg.jpg) repeat-x; color: #EEE9DC;}
	.home-recent-videos-heading {font-size: 16px; color: #EEE9DC; text-align: center; background-color: #252D2B; width: 263px; padding: 8px 0;}

	.home-recent-video {position: relative; width: 263px; height: 75px; border-bottom: 1px dotted #576662; overflow: hidden;}
		.home-recent-video img {border: 1px solid #000000;}
	.home-recent-video-th {position: absolute; top: 12px; left:0;}
	.home-recent-video-text {position: absolute; top: 12px; left: 92px; color: #EEE9DC;}
		.home-recent-video-date {font-size: 10px; line-height: 1.4em;}
		.home-recent-videos a:link {color:#EEE9DC;}
		.home-recent-videos a:visited {color:#EEE9DC;}
		.home-recent-videos a:hover {color:#EEE9DC; text-decoration: underline;}
		.home-recent-videos a:active {color:#EEE9DC;}
.home-banners {clear: both; padding: 26px 0 26px 0; height: 100px;} .home-banners div {float: left;} .home-banners .b1 {padding: 0 25px 0 0;} .b2 {padding: 0 26px 0 0;}

.home-locations {float: left; width: 236px;}
	.home-locations-heading {padding: 16px 0 5px 0; font-size: 15px; font-weight:bold;}

.home-twitter-feed {clear: both; padding: 16px 0 0 0; border-top: 1px solid #C6C5B5;}
.home-twitter-lists {clear: both; padding: 20px 0 0 0; overflow:hidden; height: 1%;}
.home-twitter-list { width: 280px; float: left;}
	.home-twitter-list ul {padding: 8px 50px 0 0; margin: 0;}
	.home-twitter-list ul li {padding: 10px 0; margin:0; list-style:none; border-bottom: 1px dotted #C6C5B5;}


/*  ------ Side Menu ------- */ 	

.side-menu {background-image:url(/images/side-menu-bg.jpg);background-repeat: repeat-y; padding: 14px; width: 186px; line-height: 1.2em; margin: 0 0 26px 0;}
	.side-menu ul {padding: 10px 0 0 0; margin: 0;}
	.side-menu ul li {padding: 0 0; margin: 0;list-style: none;}
	.side-menu ul a {display: block; padding: 8px 7px; border-top: 1px solid #C6C5B5;text-decoration: none; color:#775209;}
	.side-menu ul a:visited {color: #775209; text-decoration: none;}
	.side-menu ul a:hover {color:#50605D;background-image:url(/images/side-menu-bg-hover.jpg);background-repeat: repeat-y;}
	.side-menu ul a:active {color: #666; text-decoration: none;}
	
	.video-series {padding: 11px 6px 0 6px; font-weight:bold;color: #231902; font-size: 13px;}
	

	 .current_menu_item {color:#765208;background-image:url(/images/side-menu-bg-on.jpg);background-repeat: no-repeat; background-position:top;}
	 
	 body.worklife a.worklife-on {color:#765208;background-image:url(/images/side-menu-bg-on.jpg);background-repeat: no-repeat; background-position:top;}
	 
	 
	 
	 	/* ----------------- accordian menu  ------------------ */


	a.menuitem{position: relative; /*To help in the anchoring of the ".statusicon" icon image*/}

	a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 9px;
	right: 5px;
	border: none;}

	.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;}

	.submenu ul li a{
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 3px 0 3px 15px;
	padding-left: 10px;
	border: 0px;}
	 
	 
	 

	 
/*  ------ breadcrumb ------- */		
	
.breadcrumb {color: #5D716C;font-size: 9px;text-transform:uppercase; letter-spacing: 1px; line-height:1em; padding: 0 0 10px 0;}	
	.breadcrumb ul {padding: 0 0 0 0;margin: 0px;}
	.breadcrumb ul li {display: inline;list-style: none;padding: 0 0 0 0;margin: 0px;}
	.breadcrumb a:link {color: #5D716C; text-decoration: none;}
	.breadcrumb a:visited {color: #5D716C; text-decoration: none;}
	.breadcrumb a:hover {color: #5D716C; text-decoration: underline;}
	.breadcrumb a:active {color: #5D716C; text-decoration: none;} 

	
/*  ------ Content Area ------- */ 	
.content-area-top {clear: both;background-image:url(/images/content-area-top.jpg); background-repeat:no-repeat; background-position: top center; height: 34px; width: 960px;}
.content-area-home {background-image:url(/images/content-area-bg.jpg); background-repeat:repeat-y; padding: 0 40px; overflow:hidden; height: 1%;}
	
.content-area  {background-image:url(/images/content-area-bg.jpg); background-repeat:repeat-y; padding: 0 26px; overflow:hidden; height: 1%;}
.content-area-bottom {background-image:url(/images/content-area-bottom.jpg); background-repeat:no-repeat; background-position: top center; height: 34px; width: 960px;}

.left-column {float:left; margin: 0 26px 0 0;}
.right-column {float:left;}
	
	
/*  ------ Share This ------- */ 	
	
.share-this {float: right; padding: 5px 0 0 0;}

	
/*  ------ Head Image ------- */ 	
	
.head-image {padding: 26px 0 0 0;}
	
	
/*  ------ Content ------- */ 

.content-top {border-bottom: 1px #C6C5B5 solid; overflow:hidden; height: 1%; padding: 0 0 10px 0;}
		
.content { clear: both; margin: 26px 0 0 0; font-size: 13px;}	

	.content a:link {color: #775209; text-decoration: underline;}
	.content a:visited {color: #775209; text-decoration: underline;}
	.content a:hover {color: #5D716C; text-decoration: underline;}
	.content a:active {color: #5D716C; text-decoration: underline;} 
	
.width574 {width: 574px;}
.width590 {}	
.width667 {width: 667px;}
.width900 {width: 900px;}


.sublinks-table { font-size: 12px; margin: 26px 0 0 0;border-top: 1px #DFDCCE solid;border-left: 1px #DFDCCE solid;}
.sublinks-table td {padding: 16px; border-bottom: 1px #DFDCCE solid;border-right: 1px #DFDCCE solid; vertical-align:top;}

.staff-table { font-size: 12px; margin: 26px 0 0 0;}
.staff-table td {padding: 16px; vertical-align:top;  border-top: 1px #DFDCCE solid;}



/*  ------ Side Banners ------- */ 	

.side-banners div {border: 1px #A6B4B0 solid; margin: 0 0 26px 0;}



/* ------ Message Series (Video) ----- */

.video-area-bg {clear: both; width: 651px; background-image:url(/images/side-menu-bg.jpg);margin: 20px 0 3px 0px; padding: 8px; overflow:hidden; height: 1%;}
.video-area {width: 651px; float: left; margin: 5px 0 0 0;}
.video-options {float: left;padding: 0 0 0 8px;}

.video-top-bttn {width: 186px; float: left; border-right: 1px solid #C5BBA0;margin: 3px 0; padding: 0 0 0 30px;}
.video-icons {float: left; padding: 0 8px 0 0;}
.video-icon-text {float: left; line-height: 1.3em;}
.no-border {border: 0px;}

.video-below-bttns {width: 667px; height: 25px; position:relative;}
	.video-email-friend {position: absolute; left: 0; top:0; width: 300px; margin: 4px 0 0 0;}
	.video-take-notes {position: absolute; right: 0; top:0; margin: 4px 0 0 0;}

				/* ------ Playlist below player ----- */

				.video-series-heading {text-align: left; font-size: 15px; font-weight: bold; background-image:url(/images/side-menu-bg.jpg); padding: 10px; margin: 15px 0 0 0;}
				.video-series-table {margin: 0 0 0 0;}
				.video-series-table td {padding: 7px 10px 7px 10px;}
	
			 

				.video-series-odd-row {background-color:#F4F0E7;}
				.video-series-even-row {background-color:#E9E3D7;}
	
				.video-date-list {color: #999; padding: 0 0 0 16px;}
				.video-icon-play {float: left; padding-right: 3px; width: 16px;}
	
	 .video-share {clear: both; border:#DFDCCE 1px solid; background: #F4F0E7; padding:10px; line-height: 1.4em; margin: 14px 0 14px 0; display:none;}
	 	.video-share td {padding: 0 0 10px 0;}
	 	.video-share-heading {font-size: 15px; font-weight: bold; padding: 0 0 14px 0;}		

/* ------ Forms ----- */

.table-forms {margin:0 0 20px 0;font-size:12px; border-left: 1px solid #D9CEB7; border-top: 1px solid #D9CEB7; border-right: 1px solid #D9CEB7;}
	.table-forms td {padding:15px 15px 0 15px;border-bottom: 1px solid #D9CEB7;}
	.table-forms td td{padding:0 25px 15px 0;border-bottom:0;border-collapse:collapse;}
	.table-forms tbody {background:#E9E1D2;}
	.table-forms thead td{background:#D2D2D2;font-weight:bold;}
	.table-forms label{margin:0; font-size:13px;}
	.table-forms .required{font-weight:bold;color:#B22525;font-size:1em;}		
		
		
		

/*  ------ Social Media ------- */ 

.connect-list {width: 170px; margin: 10px 36px 0 0;}
.connect-list ul {padding: 5px 0 15px 0; margin: 0;}
.connect-list ul li {padding: 0; margin: 0; list-style:none; border-top: 1px dotted #C6C5B5; padding: 6px 0;}


/*  ------ locations ------- */ 

.locations-table td {padding: 0 30px 26px 0;}
	.locations-table .locations-heading {}

/*  ------ buttons ------- */ 

.submit {background:url(/images/button-submit.gif) no-repeat; width: 75px; height: 24px; border:none;}
.submit:hover {background-position:0 -24px;}
.submit:active {background-position:0 -48px;}


/*  ------ Calendar ------- */ 	
.calendar-sort-heading {background:#D9CEB7; width: 110px; padding: 6px 10px; margin: 0 0 0 0;}
.calendar-sort {border: 1px solid #D9CEB7; background:#E9E1D2; width: 108px; padding: 6px 10px;}
.calender-sort-table td {padding: 0 3px 4px 0;}
.calendar-sort-h2 {padding: 8px 0 0 0; margin: 6px 0 0 0; border-top:#D9CEB7 1px solid; }
.blue {color:#6C867F;}
.green {color:#8F9A3E;}
.brown {color:#704D0C;}

.calendar-tabs {padding: 8px 0; margin:1px 0 0 0;list-style-type: none;text-align: left;font: normal 12px Helvetica;}
	.calendar-tabs li {display: inline; margin:0;}
	.calendar-tabs li a {line-height: normal;text-decoration: none; position: relative; z-index: 1; padding: 8px 15px 8px 15px;  border: solid 1px #D9CEB7; margin: 0 5px 0 0; background-color:#E9E1D2; color:#595755;}
	.calendar-tabs li a:hover { background-color:#EFE9DD;}
	
	.calendar-tabs li a.selected {border-bottom-color: #EFE9DD; background-color:#EFE9DD;position: relative; top: 1px;color: #333;}
	
	
.calendar-tab-border {border: 1px solid #D9CEB7; overflow:hidden; height:1%; padding: 20px; width: 700px; margin:0 0 0 0;}



.calendar-list-view {float: left; width: 594px; padding: 0 46px 26px 0;}

.calendar-event {width: 594px; line-height: 1.4em; border-bottom: 0px dotted #ccc; padding: 16px 0 16px 0; clear: both;}

.calendar-blue-calendar {float: left; background-image:url(/images/calendar-blue-bg.gif); background-repeat:no-repeat; width: 60px; height: 90px; padding: 0 10px 0 0;}
.calendar-green-calendar {float: left; background-image:url(/images/calendar-green-bg.gif); background-repeat:no-repeat; width: 60px; height: 90px; padding: 0 10px 0 0;}
.calendar-brown-calendar {float: left; background-image:url(/images/calendar-brown-bg.gif); background-repeat:no-repeat; width: 60px; height: 90px; padding: 0 10px 0 0;}
.calendar-slate-calendar {float: left; background-image:url(/images/calendar-slate-bg.gif); background-repeat:no-repeat; width: 60px; height: 90px; padding: 0 10px 0 0;}

.calendar-month {font-size: 11px; font-weight: bold; color: #fff; width: 44px ;margin: 9px 0 0 4px; text-align: center; line-height: 1em;}
	.calendar-date {color: #333; width: 44px ;margin: 6px 0 0 4px; text-align: center; line-height: 1em; }
		.calendar-date h5 {font-size: 16px;}
	.calendar-heading {font-size: 15px; font-weight: bold; padding: 0 0 5px 0;}
		
	.calendar-signup {width: 594px; text-align: right;}
	
.calendar-detail-pic {float: right; margin: 0 0 25px 0; border-left: 20px solid #EFE9DD;}	
.calendar-detail-description {margin: 20px 0; clear:left;}


/*  ------ Next Steps ------- */ 

.next-steps-table {border-left: 1px #DFDCCE solid;border-top: 1px #DFDCCE solid;border-bottom: 1px #DFDCCE solid;}
.next-steps-table th {background-color: #E2DBCB; padding: 10px 15px; text-align:left; width: 121px; border-right: 1px #EFE9DD solid; font-size: 14px; font-weight: bold;}
.next-steps-table td {border-right: 1px #DFDCCE solid; padding: 10px 15px; vertical-align: top; width: 121px;}
.next-steps-conn-card {border-bottom: 1px #DFDCCE solid; font-size: 17px; text-align:center; padding: 9px 0; line-height: 0em;}


/*  ------ Social Media ------- */ 

.social-media-bg {height: 50px; background-color: #3E4342; margin: 26px 0 0 0;}
	.social-media {padding: 12px 0 0 260px; width: 700px; height: 40px;}
	.social-media div {float:left; padding: 0 10px 0 0;}
	
	.social-media a:link {color: #fff;text-decoration: none;}
	.social-media a:visited {color: #fff; text-decoration: none;}
	.social-media a:hover {color: #fff;text-decoration: underline;}
	.social-media a:active {color: #999; text-decoration: underline;}
	
	
	
/*  ------ Bulletins ------- */ 

.table-bulletins td {padding: 0 36px 0 0 ;}
.table-bulletins ul {padding: 5px 0 15px 0; margin: 0;}
.table-bulletins ul li {padding: 0; margin: 0; list-style:none; border-top: 1px dotted #C6C5B5; padding: 6px 0;}

.current-bulletin-table {margin: 0 0 30px 0;}
.current-bulletin-table td {padding: 0 30px 0 0;}
	



/*  ------ footer ------- */

.footer-bg {background-color: #333;overflow:hidden; height: 1%; color: #ccc;}
	
	.footer div {float: left; width: 122px; font-size: 11px; line-height: 1.5em; color: #999; padding: 25px 0;}
	.footer div.wider {width: 195px;}
	.footer div.wide {width: 150px;}
	.footer ul {padding: 0; margin: 0;}
	.footer ul li {padding: 0 0 0 0; margin: 0; list-style: none;}
	.footer li.sub {padding: 0 0 0 10px;}
	.footer a:link {color: #999;text-decoration: none;}
	.footer a:visited {color: #999; text-decoration: none;}
	.footer a:hover {color: #fff;text-decoration: none;}
	.footer a:active {color: #666; text-decoration: none;}
	
	.spinutech {color: 999; text-align:center; clear: both; font-size: 11px; margin: 20px 0 50px 0;}
	
	.spinutech a:link {color: #999;text-decoration: none;}
	.spinutech a:visited {color: #999; text-decoration: none;}
	.spinutech a:hover {color: #ff6600;text-decoration: none;}
	.spinutech a:active {color: #666; text-decoration: none;}
	
	
	
	/*  ------ rightPhotoCaption ------- */	
	
.rightPhotoCaption {float: right; margin: 0 0 20px 20px; border: 1px solid #DFDCCE;}
	
	.rightPhotoCaption div.caption {padding: 3px;}
	
	.rightPhotoCaption div.caption p {font-size: 11px; line-height: 1.2em; margin: 0; padding: 7px; font-style:italic; background-color: #E2DBCB;}
	
.rightPhotoNoCaption {float: right; margin: 0 0 20px 20px; border: 1px solid #DFDCCE;}