@charset "ISO-8859-1";
/* CSS Document */
body {
	background-image:url(Images/flair.jpg);
	background-attachment:fixed;
	background-color:#00B5EF;
	margin-left:5px;
	text-align:justify;
}

.c-text-bold {
    	font-weight: bolder !important;
}

.line	{
		color: white;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}


.smallc {
		font-variant:small-caps;
		font-size:95%;
		font-weight:bold;
}

.smallt {
		font-variant:small-caps;
		font-size:105%;
		color:white;
}

/*-- start code for calendar entries --*/
.birthday {
		font-variant-caps: all-small-caps;
		color: magenta;
		font-weight: 700;
}

.birthday:after {
		content: "'s Birthday";
}

.birthdays {
		font-variant-caps: all-small-caps;
		color: magenta;
		font-weight: 700;
}

.birthdays:after {
		content: "' Birthday";
}

.anniversary {
		font-variant-caps: all-small-caps;
		color: darkorchid;
		font-weight: 700;
}

.anniversary:after {
		content: "'s Anniversary";
}

.anniversarys {
		font-variant-caps: all-small-caps;
		color: darkorchid;
		font-weight: 700;
}

.anniversarys:after {
		content: "' Anniversary";
}

.flower	{
		font-variant-caps: all-small-caps;
		color: forestgreen;
		font-weight: 700;
}

.flower:before {
		content: "Altar Flowers Donated by ";
}

.holiday {
		font-variant-caps: all-small-caps;
		color: black;
		font-weight: 700;
}

.cec-m {
		font-variant-caps: all-small-caps;
		color:red;
		font-weight: 700;
        padding-bottom: 10px;
        padding-top: 10px;
}
/*-- end code for calendar entries --*/

.other {
		font-variant-caps: all-small-caps;
		color: brown;
		font-weight: 700;
}

.epis {
		font-variant-caps: all-small-caps;
		color: darkblue;
		font-weight: 700;
}

.clearfix:after {
		display:block;
		clear:both;
	}

/*----- Menu Outline -----*/
.menu-wrap {
		width:100%;
		box-shadow:0px 5px 3px rgba(0,0,0,0.2);
		background:#2c3d7d;
	}
 
.menu ul{
		padding: 5px 0;
		margin-left: 3px;
		margin-top: 0;
		margin-bottom: 2px;
		font: bold 10px Times New Roman;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
 

.menu li{
		display: inline;
		margin: 0;
	}
 
.menu a {
		transition:all linear 0.15s;
		color:#000000;
	}
 
.menu li:hover > a, .menu .current-item > a {
		text-decoration:none;
		color:#ffffff;
	}
		
.menu .arrow {
		font-size:11px;
		line-height:0%;
	}
 
/*----- Top Level -----*/
.menu > ul > li {
		float:left;
		display:inline-block;
		position:relative;
		font-size:15px;
		text-decoration: none;
	}
 
.menu > ul > li > a {
		text-decoration: none;
		padding: 3px 7px;
		margin-right: 3px;
		border: 1px solid #778;
		color: #2d2b2b;
		background: white top left repeat-x; /*THEME CHANGE HERE*/
	}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
		background:#2e2728;
	}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
		z-index:1;
		opacity:1;
	}
 
.sub-menu {
		width:100%;
		padding:5px 0px;
		position:absolute;
		top:100%;
		left:0px;
		z-index:-1;
		opacity:0;
		font-variant: small-caps;
		font: regular 15px Times New Roman;
		transition:opacity linear 0.15s;
		box-shadow:0px 2px 3px rgba(0,0,0,0.2);
		background:#ffffff;
	}
 
.sub-menu li {
		display:block;
		font-size:16px;
	}
 
.sub-menu li a {
		padding:5px 0px;
		display:block;
		text-decoration: none;
		font-variant: small-caps;
	}
 
.sub-menu li a:hover, .sub-menu  .current-item a {
		background:#525087;
		text-decoration: none;
		font-variant: small-caps;
		text-align: left;
	}

#container {
		margin:0 0 0 10px;
		font-size:100%;
		}

#containers{
    width: 600px;
    background: none;
}
#floated{
    float: left;
    width: 200px;
    background: none;
}
	
.staffdd {
		font-weight:bold;
		text-align:left;
	}
	
.staffdt {
		font-weight:300;
		text-align:left;
		margin-bottom:2em;
	}
	
.opportunities {
		position:relative;
		left:20px;
		z-index:10;	
	}
	
.music {
		position:relative;
		right:-40px;
		z-index:20;	
	}
	
#topbar {
		background-color:#E6E0B0;
		width:100%;
		height:52px;
		
	}
	
.fixedwidth {
		width:100%;
		margin:0 auto;
		text-align:center;
	}

#topmenudiv {
		float:left;
	}
	
#topmenudiv ul {
		margin:0;
		padding:0;
	}
	
#topmenudiv li {
		list-style:none;
		font-weight:bold;
		font-size:0.8em;
		padding: 12px 20px 10px 20px;
		border-right:1px solid black;
		height:100%;
		float:left;
	}
	
.break {
		clear:both;
	}
	
a:hover {
		font-size:110%;
	}

.spdate {
		color:#1317F1;
		font-weight:600;
		font-variant:small-caps;
		font-size:0.85em;
	}

.smallc {
		font-variant:small-caps;
		font-size:95%;
		color:blue;
	}

.covenant {
		margin-left:3em;	
	}

.zag {
		vertical-align:central;
		background-color:#eee;
	}

.zig {
		vertical-align:central;
		background-color:#fff;
	}

.y	{
		vertical-align:central;
		background-color:#E6E0B0;
	}

.x	{
		vertical-align:central;
	}

#end {
		margin-top:3em;
	}

#sermon	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:18px;
		margin:5 50 15 50;
		border:thin solid #000000;
		padding-top:1px;
		padding-bottom:25px;
		padding-left:25px;
		padding-right:25px;	
		background-image:url(Images/paper2.jpg);	
	}

.Head	{
		background-color:#E4E4CB;
		color:#000000;
		font-weight:800;
		text-align:center;
		font-variant:small-caps;
	}

.DkBlue	{
		background-color:#0000A0;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
.Blue	{
		background-color:#0000FF;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
.White	{
		background-color:#FFFFFF;
		color:#000000;
		font-size:80%;
		text-align:center;
	}

.Gold	{
		background-color:#F0A300;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
.Green	{
		background-color:#008000;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}

.Purple	{
		background-color:#800080;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}

.Rose	{
		background-color:#FF0080;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}

.Black	{
		background-color:#000000;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
.Pink	{
		background-color:#FF80C0;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
.Red	{
		background-color:#FF0000;
		color:#FFFFFF;
		font-size:80%;
		text-align:center;
	}
	
table#t01  {
		border:medium solid #000000;
	}
	
table#t01 td, table#t01 th {
    	border: 1px solid black;
	}
		
table#t01 tr:nth-child(even) {
    	background-color: #eee;					
	}
	
table#t01 tr:nth-child(odd) {
   		background-color:#fff;	
	}

table#t01 th {
   		background-color: black;
    	color: white;	
	}
.ddcolortabs{
		padding: 0;
		width: 100%;
		background: transparent;
		voice-family: "\"}\"";
		voice-family: inherit;
	}

.ddcolortabs ul{
		font: normal 11px Arial, Verdana, sans-serif;
		margin:0;
		padding:0;
		list-style:none;
	}

.ddcolortabs li{
		display:inline;
		margin:0 2px 0 0;
		padding:0;
		text-transform:uppercase;
	}


.ddcolortabs a{
		float:left;
		color: white;
		background: black url(media/color_tabs_left.gif) no-repeat left top;
		margin:0 2px 0 0;
		padding:0 0 1px 3px;
		text-decoration:none;
		letter-spacing: 1px;
	}

.ddcolortabs a span{
		float:left;
		display:block;
		background: transparent url(media/color_tabs_right.gif) no-repeat right top;
		padding: 4px 8px 2px 7px;
	}

.ddcolortabs a span{
		float:none;
	}

.ddcolortabs a:hover{
		background-color: #591f20;
	}

.ddcolortabs a:hover span{
		background-color: #591f20;
	}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
		background-color: #591f20;
	}

.ddcolortabsline{
		clear: both;
		padding: 0;
		width: 100%;
		height: 8px;
		line-height: 8px;
		background: black;
		border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
	}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
		position:absolute;
		top: 0;
		border: 1px solid black; /*THEME CHANGE HERE*/
		border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
		border-bottom-width: 0;
		font:normal 12px Arial;
		line-height:18px;
		z-index:100;
		background-color: white;
		width: 200px;
		visibility: hidden;
	}


.dropmenudiv_a a{
		width: auto;
		display: block;
		text-indent: 5px;
		border-top: 0 solid #678b3f;
		border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
		padding: 2px 0;
		text-decoration: none;
		color: black;
	}

* html .dropmenudiv_a a{ /*IE only hack*/
		width: 100%;
	}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
		background-color: #8a3c3d;
		color: white;
	}

.sup {
		font-size:65%;
		vertical-align: super;
		font-weight: 600;
	}
/* ######### Responsive CSS ######### */


@media screen and (max-width: 480px){
		.ddcolortabs{
			overflow: hidden;
		}

.ddcolortabs li{
			display: block !important;
			width: 100%;
			margin: 0;
		}

.ddcolortabs li a{
			display: block;
			padding: 10px auto;
			font-size: 120%;
			margin-top: 3px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

.ddcolortabsline{
			display: none;
		}

.dropmenudiv_a{
			width: 100% !important;
			display: none;
			position: static;
			border-top-width: 1px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		 .dropmenudiv_a a{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

	}

.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
	}

/* Tooltip text */
.tooltip .tooltiptext {
		visibility: hidden;
		width: 300px;
		background-color: #717070;
		color: #fff;
		text-align: justify;
		font-size: 75%;
		padding: 10px 10px 10px 10px;
		border-radius: 6px;
		position: absolute;
		z-index: 1;
	}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
		visibility: visible;
	}

.tooltip .tooltiptext::after {
		content: " ";
		position: absolute;
		top: 50%;
		left: 100%; /* To the left of the tooltip */
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent #717070 transparent transparent;
	}

article { 
  display: block;
}

body header {
}
.pageHeader {
	width: 100%;
	padding-bottom: 0px;
}

.lessonCitation {
	line-height: 1em;
	margin-bottom: 0.7em;
	padding-top: 0.5em;
}

.lessonHeaderText {
	width: 70%;
	margin-left: 10%;
	text-align: center;
	float: left;
	padding-left: 8%;
}

.lessonHeaderShield {
	padding-top: 2em;
	padding-right: 3em;
	padding-bottom: 3em;
	padding-left: 3em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: right;
}

.lessonHeading {
	color: #000000;
	height: 1.3em;
	width: 40%;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	background-image: -webkit-linear-gradient(356deg,rgba(195,234,231,0.55) 7.47%,rgba(70,81,247,1.00) 100%);
	background-image: -moz-linear-gradient(356deg,rgba(195,234,231,0.55) 7.47%,rgba(70,81,247,1.00) 100%);
	background-image: -o-linear-gradient(356deg,rgba(195,234,231,0.55) 7.47%,rgba(70,81,247,1.00) 100%);
	background-image: linear-gradient(94deg,rgba(195,234,231,0.55) 7.47%,rgba(70,81,247,1.00) 100%);
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 3px;
	padding-left: 1em;
	padding-top: 6px;
	border-style: none;
	border-width: thin;
	background-color: #FFFFFF;
}

.psalmLatin {
	font-style: italic;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	color: #000000;
}

.psalmText {
	text-indent: -2em;
	padding-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 5px;
	min-height: 1em;
	margin-top: 1px;
	margin-right: 2em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	white-space: normal;
	line-height: 1.3;
	font-style: normal;
	margin-left: 3em;
}

.lessonPageMargins .pageHeader {
}

.lordSmallCaps {
	font-variant: small-caps;
}

.lessonText {
	margin-right: 2em;
	width: 90%;
	margin-top: 3px;
}

.lessonIndent {
	margin-right: 2em;
	width: 90%;
	margin-top: 3px;
	line-height: 125%;
	margin-left: 2em;
}

.italic {
	font-style: italic;
}

.lessonText p {
	margin-top: 8px;
	padding-top: 0px;
	margin-bottom: 5px;
}

.lessonFooter {
	font-size: 80%;
	font-style: italic;
	border-color: #C2C2C2;
	border-width: 2px;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
	border-style: solid;
	padding-left: 1em;
	padding-right: 1em;
}

.lessonFooterText {
	font-style: italic;
	font-size: 10pt;
}

.psalmText p {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
}

.initCap {
	font-size: larger;
}

.poetryText {
	text-indent: -2em;
	margin-top: 0px;
	margin-right: 2em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0em;
	margin-left: 2.5em;
	margin-bottom: 4px;
}

.poetryIndent {
	text-indent: -2em;
	margin-bottom: 2px;
	margin-right: 2em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0em;
	margin-left: 5em;
	margin-top: 1px;
	min-height: 1em;
}

.poetryIndent p {
	margin-bottom: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
.poetryText p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 2px;
	padding-bottom: 0px;
}

.collectText {
	margin-right: 2em;
	margin-top: 15px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-indent: 0pt;
	zoom: 1;
	width: 90%;
}

.lessonPageMargins {
	margin-left: 2em;
	margin-right: 2em;
	font-family: "Times New Roman", Palatino, "Palatino Linotype",  "Century Schoolbook L", Baskerville, serif;
}

.lessonsAppointed {
	text-align: center;
	width: 100%;
	float: left;
}

.moreInfo {
	text-align: center;
	width: 100%;
	float: left;
}

.sundayTitle {
	text-align: center;
	width: 100%;
	float: left;
}

.fontsize {
  font-size: 14px;
  padding-right: 0;
  line-height: 20px;
  text-align: right;
  font-weight: 300;
}

.fontsize .font_handle {
  margin: 0 2px;
  display: inline-block;
  font-weight: 700;
}

.fontsize #jfontsize-plus {
  font-size: 20px;
}

.fontsize #jfontsize-default {
  font-size: 16px;
}

.fontsize #jfontsize-minus {
  font-size: 12px;
}

/*--transferred from INDEX to allow orn room --*/

.bkgrd	{
	background-image: url(Images/old-grunge-2.jpg); 
	text-indent: 25px;
	vertical-align: top;
	color: black;
	font-weight: 900;
	padding: 10px;
	font-size: 125%
}
	
/* text-controls */
		
		/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

		/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

		/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}		

.mleft {
	margin-left: 120px;
}

.collect {
	width: 100%;
	border: thick outset black;
	background-color: beige;
	text-align: justify;
	padding: 1em .5em 1em .5em;
	font-size: 120%;
	vertical-align: middle;
}
		
sup	{
	font-size:65%;
    vertical-align: super;
}

.flowers {
	position:absolute;
	font-size:155%;
	margin-left:5.1em;
	margin-top:.5em;
	font-weight:bolder;
	color:#000000;
	text-shadow:2px 2px orange;
	text-align:center;	
}

.scripture	{
	font-size:95%;
}

.monty	{
	padding-top:1em; 
}

.ordinal {
	font-weight: 500;
	vertical-align: super;
	font-size: 65%;
}

figure {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 40px;
	margin-right: 40px;
}

.date {
	text-decoration-line: underline;
	font-weight: bold; 
	color: orangered;
	font-size: 105%;
}
		
a.bright {
	color: yellow;
	font-weight: bold;			
}
		
.announce	{
	background-color: azure;
	border: medium black inset;
	font-size: 120%;
	width:35%;
	padding: 5px 10px 5px 10px;
	text-align: justify;
}
		
.floater	{
	float: left;
	margin-right: 10px;
}
		
.altar	{
	border-style: inset;
	border-width: 15px;
	border-color: antiquewhite;
}