body {
	margin-left: 0px;
	margin-top: 0px;
	}

// body { background:url(../elements/pageback.jpg) repeat-y }
// th { background:url(../elements/sideR180.jpg) repeat-y }
div.L { background:url(../elements/sideL.jpg) repeat-y }
div.R { background:#cfd8df }
div.Y  { background:#ffeedd }
div.R120 { background:url(../elements/sideR120.jpg) repeat-y }
div.R180 { background:url(../elements/sideR180.jpg) repeat-y }
div.R200 { background:url(../elements/sideR200.jpg) repeat-y }
div.Lent { background:#e3e0f0 }
div.Easter { background:url(../elements/sideR150W.jpg) repeat-y }
div.Easter180 { background:url(../elements/sideR180W.jpg) repeat-y }
div.Pentecost { background:url(../elements/sideR150R.jpg) repeat-y }
div.Pentecost180 { background:url(../elements/sideR180R.jpg) repeat-y }
div.Green { background:url(../elements/sideR150G.jpg) repeat-y }
div.Green180 { background:url(../elements/sideR180G.jpg) repeat-y }
div.Reformation { background:url(../elements/sideR150CR.jpg) repeat-y }
div.Pink { background:url(../elements/sideR150Pk.jpg) repeat-y }
div.LPink { background:url(../elements/sideR150LPk.jpg) repeat-y }

img.offset { padding-left:9px; padding-bottom:6px; }

textarea, select, input { font: 12px Palatino; background-color: #ffffff;}

.mainExpand {
	cursor:hand;
	cursor:pointer;
	font: bold .9em verdana, arial, helvetica, sans-serif;
	}
	
p.box {
	font-family: Palatino, serif; 
	font-size:14px; 
	background:#eee0e0; 
	padding:1em; 
	border: thin solid black; 
	margin-left: 3em; 
	margin-right: 3em;
	}

body, h1, h2, h3, h4, h5, h6, p, td, dt, dd {
	font-family:  Verdana, sans-serif;
	}

h2 {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #993300;
	}
h3 {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E7800A;
	}
h5 {
	font-family: Verdana, sans-serif;
	text-align: center;
	}
p, li, td {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	}
b {
	font-weight: bold;
	}

span.tnt {
	float:left; 
	padding: 4px 16px 12px; 4px;
	}

span.hl {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	}

.noteHeader {
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #ffcc66;
	}
.boxHeader {
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffcc66;
	padding: 1px;
	margin: 4px;
	}
.pageHeader {
	font-family: Verdana,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: justify;
	color: #334455;
	padding: 1px;
	margin: 4px;
	}
.pageHeaderBB {
	font-family: Palatino,Optima,Palatino;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding: 1px;
	margin: 2px;
	}
.pageHeaderV {
	font-family: Palatino,Optima,Palatino;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding: 1px;
	margin: 2px;
	}
.pageHeaderY {
	font-family: Verdana,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: justify;
	color: #ffff00;
	padding: 1px;
	margin: 4px;
	}

.nav1 { 
	font-family: Verdana,sans-serif;
	color : #ddeeff; 
	font-size : 11px; 
	font-weight : bold; 
	padding: 1px;
	margin : 0em 1em;
	}
z.nav2 { 
	font-family: Verdana,sans-serif;
	color: #ffcc66;
	font-size : 11px; 
	font-weight : bold; 
	padding: 1px;
	margin : 0em 1em;
	}
.navxx { 
	font-family: Verdana,sans-serif;
	color : #aabbcc; 
	font-size : 11px; 
	font-weight : bold; 
	padding: 1px;
	margin : 0em 1em;
	}
.date { 
	font-family: Verdana,sans-serif;
	color : #ddcccc; 
	font-size : 11px; 
	padding: 1px;
	margin : 0em 1em;
	}

h2.children {
	font-family:  Verdana, sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #112233;
	}
p.children {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin-left: 1em;
	margin-right: 1em;
	}
.children b {
	font-weight: bold;
	color: #993300;
	}
.children2 b {
	font-size: 10px;
	font-weight: bold;
	color: #ffeecc;
	}
.children3 b {
	font-size: 12px;
	font-weight: bold;
	color: #ffeecc;
	}

.youth14 {
	font-size: 16px;
	margin-left: 0em;
	color: #ffff00;
	}
.youth13 {
	font-size: 13px;
	margin-left: 0em;
	color: #ffff66;
	}
.youth12 {
	font-size: 12px;
	margin-left: 0em;
	color: #ddeeff;
	}
	
.quoteP12 {
	font-size: 12px;
	font-style: italic;
	color: #223344;
	}
.quote12 {
	font-size: 12px;
	font-style: italic;
	margin-left: 1em;
	color: #223344;
	}
.quote13 {
	font-size: 13px;
	font-style: italic;
	margin-left: 1em;
	color: #223344;
	}
.quoteY12 {
	font-size: 12px;
	font-style: italic;
	margin-left: 1em;
	color: #FFFFEE;
	}
	
.insert11 {
	font-size: 11px;
	padding: 1px;
	margin-left: 4px;
	color: #330000;
	}
.insert12 {
	font-size: 12px;
	padding: 1px;
	margin-left: 4px;
	color: #330000;
	}
.insert13 {
	font-size: 13px;
	padding: 1px;
	margin-left: 4px;
	color: #330000;
	}
.insert14 {
	font-size: 14px;
	padding: 1px;
	margin-left: 4px;
	color: #330000;
	}
.insert15 {
	font-size: 15px;
	padding: 1px;
	margin-left: 4px;
	color: #330000;
	}

.sermon14 {
	font-family: Palatino,Optima,Palatino;
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	color: #221100;
	}
.sermon13 {
	font-family: Palatino,Optima,Palatino;
	font-size: 13px;
	font-style: normal;
	text-align: justify;
	color: #221100;
	}
.sermon12 {
	font-family: Palatino,Optima,Palatino;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	color: #221100;
	}

li.outline-ua {
	list-style-type: upper-alpha
	list-style-position: outside
	}
li.outline-la {
	list-style-type: lower-alpha
	list-style-position: outside
	}
li.outline-# {
	list-style-type: decimal
	list-style-position: outside
	}

.map11 {
	font-family: Verdana,sans-serif;
	color: #eeddcc;
	font-size : 11px; 
	padding: 1px;
	margin : 0em 1em;
	}
	
.announce {
	font-family: Georgia,serif;
	font-weight:bold;
	color: #990000;
	font-size : 14px; 
	padding: 1px;
	}
.announce {
	font-family: Georgia,serif;
	font-weight:bold;
	color: #990000;
	font-size : 14px; 
	padding: 1px;
	}

.glt-elm1 {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 180px;
 	opacity: 0.9;
 	visibility: hidden;
 	z-index:9
	}
.glt-elm1 p {
 	background: #ffeecc;
 	color: #660011;
	font-size : 11px; 
	font-style : italic; 
	font-family: Arial, sans-serif;
 	text-align:center;
 	margin: 0;
 	padding: 0ex 1px 0ex 1px;
	}
.glt-elm1 img {
 	display: block;
	}
.glt-elm2 {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 240px;
 	opacity: 0.9;
 	visibility: hidden;
 	z-index:9
	}
.glt-elm2 p {
 	background: #cfd8df;
 	color: #660011;
	font-size : 11px; 
	font-style : italic; 
	font-family: Arial, sans-serif;
 	text-align:center;
 	margin: 0;
 	padding: 1ex 1px 1ex 1px;
	}
.glt-elm2 img {
 	display: block;
	}

/* and this CSS for IE, if you want to use transparency: */

.glt-elm {
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	}

.wt11 {
	color : #990000; 
	font-family: Palatino, serif; 
	font-size:11px; 
	font-weight:bold;
	}

.demoPopup {
	border: solid 1px #333;
	font-family: Tahoma;
	font-size: 12px;
	display: none;
	position: absolute;
	width: 300px;
	z-index: 60;
	}

.demoPopuptitle {
	background: blue;
	color: white;
	font-weight: bold;
	height: 15px;
	padding: 5px;
	}

.demoPopupbody {
	background: #ddd;
	padding: 5px;
	text-align: center;
	}

#demoPopup1 {
	top: 100px;
	left: 50px;
	}

#demoPopup2 {
	top: 100px;
	left: 400px;
	}



	.gb24 {font-family: Georgia, serif; font-size:24px; font-weight:bold}
	.gb20 {font-family: Georgia, serif; font-size:20px; font-weight:bold}
	.gb16 {font-family: Georgia, serif; font-size:16px; font-weight:bold}
	.g12 {font-family: Georgia, serif; font-size:12px;}

	.tb24 {font-family: Palatino, serif; font-size:24px; font-weight:bold}
	.tb20 {font-family: Palatino, serif; font-size:20px; font-weight:bold}
	.tb18 {font-family: Palatino, serif; font-size:18px; font-weight:bold}
	.tb16 {font-family: Palatino, serif; font-size:16px; font-weight:bold}
	.tb15 {font-family: Palatino, serif; font-size:15px; font-weight:bold}
	.tb14 {font-family: Palatino, serif; font-size:14px; font-weight:bold}
	.tb13 {font-family: Palatino, serif; font-size:13px; font-weight:bold}
	.tb12 {font-family: Palatino, serif; font-size:12px; font-weight:bold}
	.tb11 {font-family: Palatino, serif; font-size:11px; font-weight:bold}

	.t24 {font-family: Palatino, serif; font-size:24px;}
	.t20 {font-family: Palatino, serif; font-size:20px;}
	.t18 {font-family: Palatino, serif; font-size:18px;}
	.t16 {font-family: Palatino, serif; font-size:16px;}
	.t15 {font-family: Palatino, serif; font-size:15px;}
	.t14 {font-family: Palatino, serif; font-size:14px;}
	.t13 {font-family: Palatino, serif; font-size:13px;}
	.t12 {font-family: Palatino, serif; font-size:12px;}
	.t11 {font-family: Palatino, serif; font-size:11px;}
	.t10 {font-family: Palatino, serif; font-size:10px;}
	.t9 {font-family: Palatino, serif; font-size:9px;}

	.v18 {font-family: Verdana, sans-serif; font-size:18px}
	.v16 {font-family: Verdana, sans-serif; font-size:16px}
	.v14 {font-family: Verdana, sans-serif; font-size:14px}
	.v13 {font-family: Verdana, sans-serif; font-size:13px}
	.v12 {font-family: Verdana, sans-serif; font-size:12px}
	.v11 {font-family: Verdana, sans-serif; font-size:11px}
	.v10 {font-family: Verdana, sans-serif; font-size:10px}
	.v9 {font-family: Verdana, sans-serif; font-size:9px}

	.vb24 {font-family: Verdana, sans-serif; font-size:24px; font-weight:bold}
	.vb20 {font-family: Verdana, sans-serif; font-size:20px; font-weight:bold}
	.vb18 {font-family: Verdana, sans-serif; font-size:18px; font-weight:bold}
	.vb16 {font-family: Verdana, sans-serif; font-size:16px; font-weight:bold}
	.vb15 {font-family: Verdana, sans-serif; font-size:15px; font-weight:bold}
	.vb14 {font-family: Verdana, sans-serif; font-size:14px; font-weight:bold}
	.vb13 {font-family: Verdana, sans-serif; font-size:13px; font-weight:bold}
	.vb12 {font-family: Verdana, sans-serif; font-size:12px; font-weight:bold}
	.vb11 {font-family: Verdana, sans-serif; font-size:11px; font-weight:bold}

	.a18 {font-family: Arial, sans-serif; font-size:18px}
	.a16 {font-family: Arial, sans-serif; font-size:16px}
	.a15 {font-family: Arial, sans-serif; font-size:15px}
	.a14 {font-family: Arial, sans-serif; font-size:14px}
	.a13 {font-family: Arial, sans-serif; font-size:13px}
	.a12 {font-family: Arial, sans-serif; font-size:12px}
	.a11 {font-family: Arial, sans-serif; font-size:11px}
	.a10 {font-family: Arial, sans-serif; font-size:10px}
	.a9 {font-family: Arial, sans-serif; font-size:9px}

	.ab24 {font-family: Arial, sans-serif; font-size:24px; font-weight:bold}
	.ab20 {font-family: Arial, sans-serif; font-size:20px; font-weight:bold}
	.ab18 {font-family: Arial, sans-serif; font-size:18px; font-weight:bold}
	.ab16 {font-family: Arial, sans-serif; font-size:16px; font-weight:bold}
	.ab15 {font-family: Arial, sans-serif; font-size:15px; font-weight:bold}
	.ab14 {font-family: Arial, sans-serif; font-size:14px; font-weight:bold}
	.ab13 {font-family: Arial, sans-serif; font-size:13px; font-weight:bold}
	.ab12 {font-family: Arial, sans-serif; font-size:12px; font-weight:bold}
	.ab11 {font-family: Arial, sans-serif; font-size:11px; font-weight:bold}


/* Hyperlink styles */
a:link, a:visited {
	font-weight : bold;
	color : #220099; 
	text-decoration : none; 
	}

a:hover {
	font-weight : bold;
	color : #990000;
	background-color: #eeddcc;
	text-decoration : none; 
	}

.navImg a:link, .navImg a:visited { 
	text-decoration : none; background:none;
	}	
.navImg a:hover { 
	text-decoration : none; background:#ffffff;
	}

.nav1 a:link, .nav1 a:visited { 
	color : #ddddee; 
	text-decoration : none; 
	}	

.nav1 a:hover { 
	color : #00ffff; 
	background-color: #000011;
	text-decoration : none; 
	}

.navw a:link, .navw a:visited { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #ffffff; 
	text-decoration : none; 
	}	
.navw a:hover { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #006699; 
	background-color: #eeffff;
	text-decoration : none; 
	}

.navx a:link, .navx a:visited { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #999999; 
	text-decoration : none; 
	}	
.navx a:hover { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #999999; 
	background-color: #333333;
	text-decoration : none; 
	}

.navy a:link, .navy a:visited { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #ffff00; 
	text-decoration : none; 
	}	
.navy a:hover { 
	font-family: Arial, sans-serif; 
	font-size:11px;
	color : #ffff00; 
	background-color: #997777;
	text-decoration : none; 
	}

.navz a:link, .navz a:visited { 
	color : #eeeeff; 
	text-decoration : none; 
	}	
.navz a:hover { 
	color : #ffcccc; 
	background-color: #666699;
	text-decoration : none; 
	}

.sidemenu:hover { 
	color : #3778C8; 
	font-size : 10px; 
	font-weight : bold; 
	text-decoration : underline; 
	}

/* DDM styles */

#sddm {
	margin: 0;
	padding: 0;
	z-index: 30
	}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial
	}

#sddm li {	
	padding: 2px 4px;
	background: none;
	color: #601;
	text-align: center;
	text-decoration: none
	}

#sddm li a {	
	color: #306;
	background: none;
	}

#sddm li a:hover {	
	color: #900;
	background: #EDC
	}

#sddm div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #D9E0E3;
	border: 1px solid #CCC
	}

#sddm div a 	{	
	position: relative;
	display: block;
	margin: 0;
	padding: 2px 8px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #D9E0E3;
	color: #306;
	font: 11px arial
	}

#sddm div a:hover {	
	background: #89B;
	color: #FFF
	}