/*   Style Sheet for Church of Our Savior  */


*	{
	margin: 0;
	padding: 0;
	}
	
body {
	text-align: center;
	background-color: #FFF;
	font-family: arial, sans-serif;
	font-size: 11px;
	}

.red {
	color: #f00;
	}
	
#container {
	width: 775px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 20px;
	}	
	
img {
	border-style: none;
	}

.img-left {
	padding-right: 5px;
	}

.img-right {
	padding-left: 7px;
	}

.img-padding-top {
	padding-top: 5px;
	}
		
.float-right {
	float: right;
	}

.clear-both {
	clear: both;
	}
		
.bold {
	font-weight: bold;
	}

.not-bold {
	font-weight: 20%;
	}
	
.italic {
	font-style: italic;
	}

.underline {
	text-decoration: underline;
	}

.white {
	color: #FFF;
	}
			
a {
	text-decoration: none;
	}
					
#above-footer {
	width: 775px;
	}
	
#column-left {
	float: left;
	width: 561px !important;
	}
	
#logo-banner {
	width: 561px;
	height: 180px;
	}
	
#image-episcopal {
	float: left;
	}
	
#logo {
	float: left;
	}
	
#banner-image {
	float: right;
	width: 225px;
	height: 160px;
	text-align: center;
	}
				
	
#image-worship {
	width: 561px;
	}
	
#text-banner {
	width: 561px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #658f13;
	}
	
#bottom-navigation-quad {	
	width: 561px;
	}

#visiting-news-column {
	float: left;
	width: 315px !important;
	width: 315px;
	}

#visiting,
#quick-links {
	height: 500px;
	} 
		
#visiting-banner {
	width: 300px !important;
	width: 315px;
	padding-left: 15px;
	color: #fff;
	background-color: #532519;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 19px;
	}

#visiting-nav {
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: bold;
	color: #658f13;
	}

#ring-nav {
	position: relative;
	width: 300px;
	padding-left: 25px;
	}

#news-banner {
	width: 300px !important;
	width: 315px;
	padding-left: 15px;
	color: #fff;
	background-color: #658f13;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 19px;
	}
	
#news-nav {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: bold;
	color: #930;
	} 
				
#quick-events-column {
	float: left;
	width: 235px;
	margin-left: 10px;
	}

	
#quick-links-banner {
	width: 220px !important;
	width: 235px;
	padding-left: 15px;
	color: #fff;
	background-color: #658f13;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 19px;
	}
	
#quick-links-nav {
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: bold;
	color: #930;
	}
			
#events-banner {
	width: 220px !important;
	width: 235px;
	padding-left: 15px;
	color: #fff;
	background-color: #532519;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 19px;
	}
	
#events-nav {
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: bold;
	color: #930;
	}	

#visiting-nav a,
#news-nav a {
	color: #658f13;
	text-decoration: none;
	}

#quick-links-nav a,
#events-nav a,
#footer-menu a {
	color: #930;
	text-decoration: none;
	}
	
#visiting-nav a:hover,
#news-nav a:hover,
#quick-links-nav a:hover,
#events-nav a:hover,
#footer-menu a:hover {
	color: #532519;
	}
	
#column-right {
	float: right;
	/* width: 205px; */
	margin-left: 0px;
	border: 0px solid #f00;
	}

.navigation {
	width: 200px !important;
	width: 205px;
	height: 460px !important;
	height: 468px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #1b6c8c;
	line-height: 1.5em;
	font-family: verdana;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	}

.navigation a {
	color: #fff;
	text-decoration: none;
	}
	
.navigation a:hover {
	color: #9cf;
	}
		
p.nav-heading {
	margin-top: 10px;
	font-weight: bold;
	}
	
#search	{
	width: 200px !important;
	width: 205px;
	margin-top: 5px;
	}	
#search-input-box {
	padding-bottom: 5px;
	}

input.search-input-box {
	font-size: 1.2em;
	}
		
#search-label {
	display: inline;
	padding-right: 129px;
	font-weight: bold;
	font-size: 14px;
	color: #606;
	vertical-align: top;
	}

#search-button {
	display: inline;
	text-align: right;
	}

#donate {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 205px;
	text-align: center;
	color: #fff;
	background-color: #1b6c8c;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 19px;
	}

#donate a {
	color: #fff;
}

#donate a:hover {
	color: #9cf;
}

#video_guide {
	width: 205px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: verdana;
	}

#video_guide a {
	color: #1b6c8c;
	}
	
#ad {
	width: 205px;
	padding-top: 5px;
	padding-bottom: 10px;
	}

#groundzero {
	padding-bottom: 10px;
	}
		
#four-buttons {
	width: 205px;
	}	

#spacer {
	clear: both;
	width: 770px;
	height: 100px;
	}
	
#footer-menu {
	clear: both;
	width: 770px;
	padding-top: 20px;
	color: #930;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
	
#footer-menu .nav-divider {
	color: #1b6c8c;
	}
	
#footer-address {
	padding-top: 20px;
	color: #1b6c8c;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	}

#footer-address .nav-divider {
	color: #930;
	}
			
/* -------------------  NAV Template styles --------------- */

.textcolor-olive {
	color: #658f13;
	}

.textcolor-brown {
	color: #930;
	}

.textcolor-turquoise {
	color: #1b6c8c;
	}

.textcolor-purple {
	color: #606;
	}	
	
.brown-text {
	color: #930;
	}
	
.purple-bold-text {
	color: #606;
	font-weight: bold;
	}

.fontsize-11 {
	font-size: 11px;
	}
	
.fontsize-12 {
	font-size: 12px;
	}

.fontsize-16 {
	font-size: 16px;
	}


.fontsize-20 {
	font-size: 20px;
	}
					
#small-ring-nav {
	padding-top: 10px;
	}
	
.nav-logo-banner {
	float: left;
	width: 323px;
	height: 180px;
	}
	
#large-heading {
	float: left;
	width: 323px;
	height: 70px;
	padding-left: 0px;	
	}
#large-heading h1 {
	line-height: .75em;
	font-size: 45px;
	font-face: arial;
	font-weight: bold;
	color: #658f13;
	}	

#horizontal-banner-divider {
	clear: both;
	position: relative;
	width: 561px;
	height: 25px;
	background-color: #930;
	}

.image-logo-path {

	width: 323px;
	}
	
.image-left-of-one-path {
	float: left;
	padding-top: 42px;
	width: 210px;
	height: 58px;
	}	

.image-one-path {
	float: right;
	}

.nav-banner-image {
	float: right;
	}
		
.content {
	padding-top: 15px;
	width: 568px;
	}

.content img {
	margin-top: 5px;
	margin-bottom: 5px;
	}

ul img {
	margin-top: 0px;
	margin-bottom: 0px;
	}				
	
.content-column-left {
	float: left;
	width: 314px !important;
	width: 325px;
	padding-right: 7px;
	border-right: 4px solid #658f13;
	font-family: verdana;
	font-size: 14px;
	color: #930;
	line-height: 1.5em;
	}

.content-column-left a:hover {
	color: #F00;
	}

.content-column-left a {
	color: #606;
	}	

.content-column-left ul {
	list-style-type: none;
	}
	
.content-column-left ul li {
	padding-top: .75em;
	background-image: url(./images/bullet-brown-med.jpg);
	background-repeat: no-repeat;
	background-position: .1em 1.2em;
	padding-left: 1.25em;
	}
						
.content-column-right {
	float: left;
	width: 221px !important;
	width: 232px;
	padding-left: 9px;
	padding-top: 5px;
	font-family: verdana;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
	color: #1b6c8c; 
	border: 0px solid #f00;
	}

.content-column-right a {
	color: #606;
	}
	
.content-column-right a:hover {
	color: #F00;
	}

.content-column-right ul {
	list-style-type: none;
	}
	
.content-column-right ul li {
	padding-top: .75em;
	background-image: url(./images/bullet-blue-small.jpg);
	background-repeat: no-repeat;
	background-position: .1em 1.2em;
	padding-left: 1.4em;
	}

ul.bullet-purple li {
	background-image: url(./images/bullet-purple-small.jpg);
	}
		
.content-column-right img {
	text-align: right;
	}

	
.people-paragraph {
	color: #1b6c8c;
	}
		
.content h1 {
	font-size: 25px;
	font-family: verdana;
	}

	
.content h2 {
	font-size: 20px;
	line-height: 1.25;
	}

.content h3 {
	font-size: 16px;
	line-height: 1.25em;
	}
	
.content p.first-paragraph {
	margin-top: 0px;
	}
		
.content p {
	margin-top: 15px;
	}

.image-float-right {
	padding-top: 5px;
	margin-left: 10px;
	float: right;
	}

.image-float-left {
	float: left;
	padding-top: 10px;
	margin-right: 10px;
	}
			

.col2-quicklinks p {
	margin-top: .75em;
	}
	
.col2-quicklinks a {
	color: #606;
	}		

.col2-quicklinks a:hover {
	color: #F00;
	}		
	
.p-top-margin-narrow p {
	margin-top: 1em
	}
	
.content-column-right h4 {
	font-size: 13px;
	font-weight: bold;
	}

/* ****** STAFF *********/

#staff .content-column-right {
	float: left;
	width: 230px !important;
	width: 240px;
	padding-left: 9px;
	padding-top: 5px;
	font-family: verdana;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
	color: #1b6c8c; 
	border: 0px solid #f00;
	}
		
/* ****** WORSHIP ********/

.worship-col-left {
	line-height: 1.5em;
	height: 2500px;
	}
	
.worship-quicklinks a, 
.worship-quicklinks a:visited {
	color: #1b6c8c;
	}
			
/* ***** ADULT CLASSES ******* */

.adult-classes-col-left {
	height: 2400px;
	}

/* ***** SOUL WORK ******* */

.soulwork-col-left {
	height: 850px;
	}
	
	
/* ***** CHILD & GODLY PLAY ******* */	

.children-col-left {
	height: 2650px;
	}
	
.children-quicklinks a {
	color: #606;
	}
	
table#children-weekly-schedule {
	width: 220px;
	}

#children-weekly-schedule td {
	font-size: 11px;
	color: #1b6c8c;
	font-weight: bold;
	vertical-align: top;
	}
		
.children-td1 {
	font-size: 11px;
	width: 65px;
	}

.children-td2 {
	font-size: 11px;
	width: 155px;
	}

/* ***** FOR PARENTS ******* */	

.parents-col-left {
	height: 2650px;
	}
		


/* *****IMMANUEL MISSION  ***** */
	.immanuel-col-left {
		height: 2600px;
		}
		
/* *****IMMANUEL MISSION SPANISH ***** */
	.immanuel-spanish-col-left {
		height: 2000px;
		}

/* ***** JUBILEE TRANSITIONAL HOUSING ***** */
	.jubilee-col-left {
		height: 1550px;
		}


/* ***** OUR SAVIOUR CENTER ***** */
	.osc-col-left {
		height: 1800px;
		}
		
/* ***** CHILD'S GARDEN SCHOOL ***** */
	.cgs-col-left {
		height: 2000px;
		}
		
		
/* ***** MUSIC & ART ***** */
	.music-col-left {
		height: 4050px;
		}

/* ***** HEALING WORK ***** */
	.healing-col-left {
		height: 2700px;
		}			
		
/* ***** WORK FOR JUSTICE ***** */
	.justice-col-left {
		height: 2700px;
		}	
			
/* ***** COS YOUTH WEB ***** */
	.youth-col-left {
		height: 2200px;
		}

/* ***** MEMBERS NETWORK ***** */
	.members-col-left {
		height: 650px;
		}	


/* ***** EVENT CALENDAR ****** */


#event-calendar td {
	padding-right: 20px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	}

#event-calendar .td1 {
	width: 10%;
	}
	
#event-calendar .td2 {
	width: 90%;
	}
	
#event-calendar br {
	line-height: 2em;
	}

.calendar_minitable {
	width: 625px;
	color: #930;
	font-size: 14px;
}

.calendar_minitable .td1 {
	width: 77px;
}

.calendar_minitable .td2 {
	width: 515px;
}

/* ***** WORSHIP SCHEDULE ****** */

#worship-schedule td {
	padding-right: 35px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	}
	
#worship-schedule br {
	line-height: 2em;
	}
	
/*  QUICK LINKS  */

#quicklinks-popup {
	font-size: 14px;
	text-align: left;
	font-family: verdana;
	}

#quicklinks-popup .quicklinks-popup-title {
	color: #636;
	font-size: 18px;
	}
	
#quicklinks-popup-nav {
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: bold;	
	}
	
#quicklinks-popup-nav a {
	color: #658F13;
	text-decoration: none;
	}
	
#quicklinks-popup a:hover {
	color: #636;
	}
	
.quicklinks-marker {
	color: #636;
	}

/* ----- QL pages NO COLUMNS ----- */

.row-quicklinks-back {
	margin-bottom: 0px;
	}
	
.quicklinks-label {
	color: #606;
	float: left; 
	font: bold 18px verdana;
	}

#QL-back-link {
	float: right;
	font: bold 18px verdana;
	}

#QL-back-link a {
	color: #1b6c8c;
	}

#QL-back-link a:hover {
	color: #F00;
	}

.QL-row-heading-home {
	clear: both;
	}
		
.QL-large-heading {
	height: 1.25em;
	float: left;
	line-height: 1.1em;
	font-size: 37px;
	font-family: verdana;
	font-weight: bold;
	color: #658f13;
	}	

#QL-COS-home-link {
	float: right;
	font: bold 18px verdana;
	}

#QL-COS-home-link a {
	color: #1b6c8c;
	}

#QL-COS-home-link a:hover {
	color: #F00;
	}

.QL-logo-image {
	clear: both;
	margin-top: 15px;
	padding-top: 10px !important;
	padding-top: 0px;
	}
	
.QL-horizontal-banner-divider {
	width: 775px;
	height: 25px;
	background-color: #930;
	margin-top: 10px;
	}
			
.QL-large-heading h1 {
	
	}

.QL-content h2 {
	font-size: 20px;
	}
	
.QL-content h3 {
	font-size: 16px;
	}

.QL-content ul {
	list-style-type: none;
	}
	
.QL-content ul li {
	padding-top: .75em;
	background-image: url(./images/bullet-purple-med.jpg);
	background-repeat: no-repeat;
	background-position: .1em 1.2em;
	padding-left: 1.25em;
	}


.QL-content {
	padding-top: 10px;
	font-family: verdana;
	font-size: 14px;
	color: #930;
	line-height: 1.5em;
	}

.QL-content p {			
	margin-top: 1.25em;
	}

.QL-content p.first-paragraph {
	margin-top: 0px;
	}
	
.QL-content a:hover {
	color: #f00;
	}

.QL-content img {
	padding-left: 5px;
	}

.QL-content a {
	color: #606;
	}

		
/* --  Form for workwhop/quiet days registration	-- */

#form-register-workshop {
	width: 490px;
	}
	
#form-register-workshop table {
	width: 100%;
	}

#form-register-workshop table td {
	color: #930;
	font-size: 14px;
	border: 0px solid #f00;
	padding-bottom: 5px;
	}

.td-1, td.td-2 {
	width: 60px;
	}

.td-3 {
	width: 80px;
	}
	
td.td-4, td.td-5 {
	width: 140px;
	}	

.td-buttons {
	text-align: center;
	padding-top: 15px;
	}
			

/***********CREDITS************/

#credits {
	color: #000;
	font-size: 11px;
	text-align: center;
	}		

/*********** Search ***************/
.highlight { 
	background: #FFFF40;
	font-weight: bold;
	color: #000;
	}