Body.backgroundcolor
{
background-color: #006666/*#fff5ee*/;
}

Body.backgroundcolor3
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/background/tanback.jpg'); 
}
Body.backgroundcolorcross
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/crosscross.jpg');
}
Body.backgroundcolorprocess
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/procholycross.jpg');
}
Body.backgroundcolorstfran
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/stfrancis.jpg');
}
Body.backgroundcolortower
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/tower.jpg');
}
Body.backgroundcolorctk
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/christthekingwin.jpg');
}
Body.backgroundcolorktk
{
background-color: #3F52FE/*#0000a0;#4392E9blue green*/ /*#999966 sandy tan */;
background-image: url('i/homepage/KTKWindowasBGsmr.jpg');
}
#gradgrey {
    height: *;
    background: -webkit-linear-gradient(90deg, white 92%, lightgrey); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, white 92%, lightgrey); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, white 92%, lightgrey); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, white 92%, lightgrey); /* Standard syntax (must be last) */
}
.gradgreycl {
    height: *;
    background: -webkit-linear-gradient(90deg, white 92%, lightgrey); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, white 92%, lightgrey); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, white 92%, lightgrey); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, white 92%, lightgrey); /* Standard syntax (must be last) */
}
/* ******************* banner backgrounds *************** */

.bannerWW2018
{
    background: linear-gradient(#A6A693, #C9C9BE, #A6A693);
}

.bannerWW2018B /* blue */
{
    background: linear-gradient(#0080ff, #004f9c, #0080ff);
}

.bannermaryB /* blue */
{
  height: ;
  width: ;
  background-color: lightblue; /* For browsers that do not support gradients */
  background-image: radial-gradient(lightblue, lightblue, white); /* Standard syntax (must be last) */
}

.bannerpentecost /* red */
{
    background: linear-gradient(#B20000, #F7E5E5, #F7E5E5, #B20000);
}

.bannerwhite /* white */
{
    background: linear-gradient(#FFFfff, #FFFFFF, #FFFFFF, #FFFfff);
}
.bannerrose /* white */
{
    background: linear-gradient(#FFFAFA, #FFFFFF, #FFFFFF, #FFFAFA);
}
.bannerwhitegrad 
{
    height: *;
    background-color: white; /* For browsers that do not support gradients */
    background-image: radial-gradient(circle, #FFFFFF, #FFFFFF , #f8f880);
}
/* ******************* banner backgrounds end *************** */
div#mainall
{ 
background-color:#FFFFFF;
z-index: 0;
width: 800px;
height: auto;
padding:  0px 0px 15px 0px;
border-style:solid;
border-width: 0px; border-color: #000000;
margin: 0 auto;
}

div.bodytop3  /*header*/
{
position: relative;
z-index: 0;
left: 0px;
top: 0px;
background-color: #ffffff/*white*/;
width: 760px;
height: 270px;
padding: 0px;
border-style:solid;
border-width:  0px; border-color: #000000;
margin: 0 auto;
}

div.mainbodygraylite  /*main page body home page gray color below header*/
{
display:block;
background-color:;
position: relative;
z-index: 0;
left: 0px;
top: 0px;
background-color: #E3DDC9/*#FFFFFF #660000 maroon*/;
width: 760px;
height: auto;

padding: 0px;
border-style:solid;
border-width: 0px; border-color: #000000;
margin: 0 auto;
}

div.mainbodygray  /*main page body home page gray color below header*/
{
background-color:;
position: relative;
z-index: 0;
left: 0px;
top: 0px;
background-color: #DAD2B8/*#FFFFFF #660000 maroon*/;
width: 760px;
height: auto;
min-height:500px;
padding: 0px;
border-style:solid;
border-width: 0px; border-color: #000000;
margin: 0 auto;
}

div.mainbody  /*main page body below header*/
{
background-color:#FFFFFF;
position: relative;
z-index: 0;
left: 0px;
top: 0px;
background-color: /*#DAD2B8*/#FFFFFF /* #660000 maroon*/;
width: 760px;
height: auto;
min-height:500px;
padding: 0px;
border-style:solid;
border-width: 0px; border-color: #000000;
margin: 0 auto;
}
div.backtextcolor
{
padding: 10px;
border: 0px solid gray;
background-color: red; /* darkseagreen;*/
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
margin: 0px;
}

div.buttonlocation  /*location of buttons*/
{
position: absolute; left: 30px; top: 235px; width: 755px; height: 45px; padding: 5px
}

div.op
{ 
background-color: #ffffff;
 opacity: .5;  
filter: Alpha(opacity=50);   
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */  
}

div.opgray
{ 
background-color: #DAD2B8;
 opacity: .5;  
filter: Alpha(opacity=50);   
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */  
}
div.sermon-entry  /*sermon page each entry*/
{
style="position:relative; 
left: 50px; 
width: 550px; 
height: 40px; 
padding:5px
}
div.sidebarsm  /*small second stripe*/
{
position: fixed;
z-index: 1;
left: 110px;
top: 0px;
background-color: #000000/*#660000 maroon*/;
width: 5px;
height: 900px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

div.sidebarsm2  /*small inside bar*/
{
position: fixed;
z-index: 1;
left: 115px;
top: 0px;
background-color: #ccffff;
width: 10px;
height: 800px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
div.sidebar  /*large side bar*/
{
position: fixed;
z-index: -2;
left: -40px;
top: 0px;
background-color: none/*#999966*/;
width: 40;
height: 900px;
padding-left: 5px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 5px;
}

div.pictureback {  /*top picture background*/
position: absolute;
z-index: 2;
left: 60px;
top: 8px;
background-color: #fff5ee;  /* #faf0e6 */
border-style: solid;
border-width: 0px;
border-color: #660000;
width: 700px;
height: 192px;
padding: 0px;
}

div.picturediv {
position: absolute;
z-index: 3;
left: 530px;
top: 20px;
background-color: none;
width: 260px;
height: 200px;
padding: 15px;
}

div.logotop {
position: relative;
z-index: 3;
left: 0px;
top: 00px;
background-color: #ffffff;
width: 760px;
height: 200px;
padding: 5px;
}

div.buttonback {
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
background-color:  #4392E9;/*#0000a0; #4392E9;#B1CAE2;#fff5ee;  #faf0e6 */
border-bottom: 2px solid #000000; /*#999966;*/
width: 760px;
height: 26px;
padding: 0px;
}

div.buttonbackend  /* two left right bottom ends borders */
{
position: relative;
z-index: 2;
top: 0px;
background-color: white;
width: 705px;
height: 3px;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-left: 2px solid #000000; /* #660000 #999966*/
border-right: 2px solid #000000; /*#999966*/
border-top: 0px solid #000000; /*#999966*/
border-bottom: 0px;
}

div.buttonhome  /* largest */
{
position: relative;
z-index: 3;
top: 0px;
background-color: white;
width: 90px;
height: 20px;
padding: 5px;
padding-top: 0px;
padding-bottom: 5px;
border-left: 2px solid #999966; /* #660000 */
border-right: 2px solid #999966;
border-top: 2px solid #999966;
border-bottom: 0px;
}

div.buttonhome2  /* next smaller */
{
position: absolute;
z-index: 3;
top: 0px;
background-color: white;
width: 75px;
height: 20px;
padding: 5px;
padding-top: 0px;
padding-bottom: 5px;
border-left: 2px solid #999966; /* #660000 */
border-right: 2px solid #999966;
border-top: 2px solid #999966;
border-bottom: 0px;
}

div.buttonhomegraylite  /* even smaller grayback go with mainbodygray */
{
position: absolute;
z-index: 3;
top: 0px;
background-color: #E3DDC9;
width: 75px;
height: 25px;
/*padding: 0px;*/
padding-top: 1px;
padding-bottom: 0px;
border-left: 2px solid #000000; /* #660000 #999966*/
border-right: 2px solid #000000; /*#999966*/
border-top: 2px solid #000000; /*#999966*/
border-bottom: 0px;
}

div.buttonhomegray  /* even smaller grayback go with mainbodygray */
{
position: absolute;
z-index: 3;
top: 0px;
background-color: #DAD2B8;
width: 75px;
height: 25px;
/*padding: 0px;*/
padding-top: 1px;
padding-bottom: 0px;
border-left: 2px solid #000000; /* #660000 #999966*/
border-right: 2px solid #000000; /*#999966*/
border-top: 2px solid #000000; /*#999966*/
border-bottom: 0px;
}

div.buttonhome3  /* even smaller */
{
position: absolute;
z-index: 3;
top: 0px;
background-color: white;
width: 65px;
height: 25px;
/*padding: 0px;*/
padding-top: 1px;
padding-bottom: 0px;
border-left: 2px solid #000000; /* #660000 #999966*/
border-right: 2px solid #000000; /*#999966*/
border-top: 2px solid #000000; /*#999966*/
border-bottom: 0px;
}

div.buttonhome4  /* smallest */
{
position: absolute;
z-index: 3;
top: 0px;
background-color: white;
width: 35px;
height: 20px;
padding: 5px;
padding-top: 0px;
padding-bottom: 5px;
border-left: 2px solid #999966; /* #660000 */
border-right: 2px solid #999966;
border-top: 2px solid #999966;
border-bottom: 0px;
}

.facebook-responsive {
    overflow:hidden;
    width:100%;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive-iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* another facebok video embed to responsive */
.embedresize {
max-width: 560px;
margin: auto;
}

.embedresize div {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.embedresize iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.intro #intro .embedresize iframe,
.exit .quizz .embedresize iframe,
.alreadyplayed #intro .embedresize iframe,
.identityset #intro .embedresize iframe,
#notabene .embedresize iframe,
#message_intro .embedresize iframe,
.fancybox_body .embedresize iframe,
#comments .embedresize iframe,
#description .embedresize iframe,
.alreadyplayed .embedresize iframe,
#adserver .embedresize iframe {
max-width: none !important;
}

hr.PX1 {
  border: 1px 0px 0px 0px;
  border_style: solid; 
  Border-color: transparent;
  height: 1px;
  margin: 0px;
  padding: 0px;
}

hr.PX2 {
  border: 1px 0px 0px 0px;
  border_style: solid; 
  Border-color: transparent;
  height: 2px;
  margin: 0px;
  padding: 0px;
}

form.buttonform
{
method: link;
}
input.buttoninput
{
color: black; background: #EFEFEF; border: 1px solid;
 }
.button-sermons {
  background: #68c3ed;
  background-image: -webkit-linear-gradient(top, #68c3ed, #2980b9);
  background-image: -moz-linear-gradient(top, #68c3ed, #2980b9);
  background-image: -ms-linear-gradient(top, #68c3ed, #2980b9);
  background-image: -o-linear-gradient(top, #68c3ed, #2980b9);
  background-image: linear-gradient(to bottom, #68c3ed, #2980b9);
  -webkit-border-radius: 22;
  -moz-border-radius: 22;
  border-radius: 22px;
  text-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 0px 2px 3px #666666;
  -moz-box-shadow: 0px 2px 3px #666666;
  box-shadow: 0px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 7px 15px 7px 15px;
  text-decoration: none;
  margin:1px 20px 1px 5px;
}

.button-sermons:hover {
  background: #4bbafa;
  text-decoration: none;
}

div.buttonPDFform
{
position: absolute;
font-size:10.0pt;
font-family:arial black;
z-index: 3;
top: 0px;
width: 120px;
height: 20px;
left:450px;
padding: 2px;
}
div.buttonhtmlform
{
position: absolute;
font-size:10.0pt;
font-family:arial black;
z-index: 3;
top: 0px;
width: 120px;
height: 20px;
left:300px;
padding: 1px;
}
div.buttonPDF
{
position: absolute;
font-size:10.0pt;
font-family:arial black;
z-index: 3;
top: 0px;
background-color: #FAF5E7;/* #93B788;#B4CF8B; */
width: 120px;
height: 20px;
left:450px;
padding: 2px;
border-style: solid;
border-color:#B4CF8B;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
/*border: 1px solid #B4CF8B;*/
}
div.buttonhtml
{
position: absolute;
font-size:10.0pt;
font-family:arial black;
z-index: 3;
top: 0px;
background-color: #F3E4CF;/*#8BA9B4; #F2B79D;*/
width: 120px;
height: 20px;
left:300px;
padding: 1px;
border-style: groove;
border-color:#B4CF8B;
border-top-width:2px;
border-bottom-width:2px;
border-right-width:2px;
border-left-width:2px;
}
div.button
{
position: absolute;
z-index: 3;
top: 0px;
background-color: none;
width: 90px;
height: 25px;
/*padding: 0px;*/
padding-top: 5px;
padding-bottom: 0px;
/* border-left: 2px solid #660000;*/
border-bottom: 0px solid #999966;
}

div.listitems
{
position: absolute;
background-color: none;
width: 350px;
height: 20px;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-decoration: none;
font-size: 12.0pt;
font-family: Arial
}

a.button:link /* general button */
{
background-color: rgb(232, 232, 232);
margin-left:5px;
color: Black; /*color: rgb(0, 0, 255);*/
font-size: 20px;
font-family: Palatino; /*Arial Book Antiqua;*/
text-decoration: none;
text-align:center;
padding: 0px;
border: 6px outset ivory; 
border-radius: 8px; 
text-shadow: none; 
}
a.button:visited /* general button */
{
color: light Blue; /*color: rgb(0, 0, 255);*/
}

a.button:hover /* general button */
{
color: Red; /*color: rgb(0, 0, 255);*/
}

a.buttoncurrentgraylite /* goes with buttonbackgray and mainbodygray */
{
background-color: #E3DDC9;
margin-left:5px;
color: black;
font-size: 14.0pt;
font-family: Palatino; /*Arial Book Antiqua;*/
text-decoration: none;
padding: 0px;
}

a.buttoncurrentgray /* goes with buttonbackgray and mainbodygray */
{
background-color: #DAD2B8;
margin-left:5px;
color: black;
font-size: 14.0pt;
font-family: Palatino; /*Arial Book Antiqua;*/
text-decoration: none;
padding: 0px;
}

a.buttoncurrent {
margin-left:5px;
color: black;
font-size: 14.0pt;
font-family: Palatino; /*Arial Book Antiqua;*/
text-decoration: none;
padding: 0px;
}

a.buttona:link {
color: #DAD2B8; /*#660000;#947872;#999966;DAD2B8;AE433E*/
top: 13px;
font-size: 14.0pt;
font-family: Palatino; /*Book Antiqua;*/
text-decoration: none;
}
a.buttona:visited {  
color: #DAD2B8; /*#999966;*/
font-size: 14.0pt;
font-family:Palatino; /*Book Antiqua;*/
text-decoration: none;
}
a.buttona:hover { 
color :#E4230E; /* #C22929red darkseagreen;*/
font-size: 14.0pt;
font-family: Palatino;
text-decoration: none;
}
a.buttona2:link {
color:#AE433E;
font-size: 14.0pt;
font-weight: strong;
font-family: Book Antiqua;
text-decoration: none;
}
a.buttona2:visited {  
color: #darkseagreen;
font-size: 14.0pt;
font-weight: strong;
font-family: Book Antiqua;
text-decoration: none;
}
a.buttona2:hover { 
color : darkseagreen;
font-size: 14.0pt;
font-weight: strong;
font-family: Book Antiqua;
text-decoration: none;
}
a.constant:link {
    text-decoration: none;
}

a.constant:visited {
    text-decoration: none;
}

a.constant:hover {
    text-decoration: underline;
}

a.constant:active {
    text-decoration: underline;
}
a.linkaindex:link {
color: #660000; /*#999966;*/
top: 3px;
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linkaindex:visited {  
color: #660000; /*#999966;*/
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linkaindex:hover { 
color : blue; /* darkseagreen;*/
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
font-size: 11.0pt;
text-decoration:none;
}
a.linkaindex:active {  
color: #660000; /*#999966;*/
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linka:link {
color: #660000; /*#999966;*/
top: 3px;
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linka:visited {  
color: #660000; /*#999966;*/
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linka:hover { 
color : blue; /* darkseagreen;*/
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
font-size: 11.0pt;

text-decoration:none;
}
a.linka:active {  
color: #660000; /*#999966;*/
font-size: 11.0pt;
border-style: none;
text-decoration: none;
}
a.linka2:link {
color: #660000; /*#999966;*/
font-size: 2.0pt;
border-style: none;
text-decoration: none;
}
a.linka2:visited {  
color: #660000; /*#999966;*/
font-size: 2.0pt;
border-style: none;
text-decoration: none;
}
a.linka2:hover { 
color : blue; /* darkseagreen;*/
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
font-size: 2.0pt;

text-decoration:none;
}
a.linka2:active {  
color: #660000; /*#999966;*/
font-size: 2.0pt;
border-style: none;
text-decoration: none;
}
a.nla:link {
color: #660000; /*#999966;*/
font-size: 1em;
border-style: none;
text-decoration: none;
}
a.nla:visited {  
color: #660000; /*#999966;*/
font-size: 1em;
border-style: none;
text-decoration: none;
}
a.nla:hover { 
color : blue; /* darkseagreen;*/
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
font-size: 1.03em;
text-decoration:none;
}
a.nla:active {  
color: #660000; /*#999966;*/
font-size: 1.03em;
border-style: none;
text-decoration: none;
}
p.mainbody 
{
text-align: justify;
color: #202020;
font-size: 12.0pt;
font-family: Book Antiqua;
}
p.mainbodybio 
{
text-align: justify;
color: #202020;
font-size: 12.0pt;
font-family: Book Antiqua;
}

p.listhead
{
text-decoration: none;
font-size: 16.0pt;
font-weight: strong;
font-family: Book Antiqua;
}

p.listhead14
{
text-decoration: none;
font-size: 14.0pt;
font-weight: strong;
font-family: Book Antiqua;
}
img.op
 {
 opacity:0.4;
 filter:alpha(opacity=40); /* For IE8 and earlier */
 }
 img.home: {
border-style: none;
text-decoration: none;
}
img.home:link {
border-style: none;
text-decoration: none;
}
img.home:visited {  
border-style: none;
text-decoration: none;
}
img.home:hover
 {
 opacity:0.6;
 border-style:none;
 filter:alpha(opacity=60); /* For IE8 and earlier */
 }
ul
{
list-style-position:outside;
list-style-type:square;
font-size: 11.0pt;
font-family:Book Antiqua;
padding: 15px;
margin: 25px;
}

ul.services
{
list-style-position:outside;
list-style-type:square;
font-size: 11.0pt;
font-family:Book Antiqua;
padding: 20px;
padding-left: 55px;
margin: 0px;
}

li
{
padding-left: 6px;
padding-bottom: 6px;
}

li.services
{
padding-left: 15px;
padding-bottom: 2px;
}