/* stlukes.css: style sheet for st.lukes */
/* ############################################################################### */

body { font-family: "arial", "courier", "Times", sans-serif; background-color: #FFDEAD;}

body { font-family: Arial, Helvetica, Courier, Times, sans-serif; background-color: #FFDEAD;}
/* ############################################################################### */

div.advert { position: relative; top: 100px; border: 1px black solid; width: 83px; height: 55px;}

/* ############################################################################### */

/*#menu, #menu div {position: absolute; width: 170px; margin-top: 0; border: 2px solid #000000;} */

#menu, #menu ul { position: absolute; padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#menu li { position: relative; width: 140px; border-bottom: 1px solid #ed9f9f; background-color: #ffffff; color: #000000; margin-right: 1em; }
#menu li ul { display: none; position: absolute; top: 0; left: 100%; width: 100%; }
#menu li ul li { border-bottom: 1px solid #ed9f9f; background-color: #ffffff; color: #000000; }

#menu a:link, #menu a:visited { text-decoration: none; padding: 5px 5px 5px 0.5em; color: #000000; }
#menu a:hover { font-weight: bold; }

/* ############################################################################### */

#mainmenu, #mainmenu div { position: absolute; padding : 0; left: 0; margin-top: 1em; margin-left: 0; list-style: none; } */
#mainmenu ul { left: 0; top: 0; }
#mainmenu li { position: relative; width: 170px; background-color: #e7edf5; color: #2d486c; }
#mainmenu li ul { display: none; position: absolute; top: 0; left: 75%; width: 100%; list-style: none; }
#mainmenu li ul li { background-color: #e7edf5; }
#mainmenu li:hover { background-color: #EEDD82; }
#mainmenu li:hover ul { display: block; }
#mainmenu a { height: 1%; text-decoration: none; } 
#mainmenu a:link, #mainmenu a:visited { display: block; text-decoration: none; color: #1C1C1C; padding: 2px 5px 2px 0.5em; border-bottom: 1px solid #CFCFCF; border-left: 2px solid #CFCFCF; border-right: 2px solid #CFCFCF; border-top: 1px solid #CFCFCF;}
#mainmenu a:hover { /* border-bottom: 2px solid #000000; border-left: 2px solid #000000; */ background-color: #e8e8e8; font-weight: 600; }

/* ############################################################################### */

/* #minmenu, #minmenu div { position: absolute; padding : 0; left: 0; margin-top: 0; margin-left: 0; list-style: none; } */
#minmenu, #minmenu div { position: absolute; padding : 0; right: 0; margin-top: 1em; margin-right: 0; list-style: none; }
/* #minmenu ul { left: 0; top: 0; } */
#minmenu ul { right: 0; top: 0; }
#minmenu li { position: relative; width: 170px; background-color: #e7edf5; color: #2d486c; }
/* #minmenu li ul { display: none; position: absolute; top: 0; left: 75%; width: 100%; list-style: none;} */
#minmenu li ul { display: none; position: absolute; top: 0; right: 100%; width: 100%; list-style: none;}
#minmenu li ul li { background-color: #e7edf5; }
#minmenu li:hover { background-color: #EEDD82; }
#minmenu li:hover ul { display: block; }
#minmenu a { height: 1%; text-decoration: none; } 
#minmenu a:link, #minmenu a:visited { display: block; text-decoration: none; color: #1C1C1C; padding: 2px 5px 2px 0.5em; border-bottom: 1px solid #CFCFCF; border-left: 2px solid #CFCFCF; border-right: 2px solid #CFCFCF; border-top: 1px solid #CFCFCF;}
#minmenu a:hover { /* border-bottom: 2px solid #000000; border-right: 2px solid #000000; */ background-color: #e8e8e8; font-weight: 600; }

/* ############################################################################### */

#padlist, #padlist li { padding-bottom: 5px;}

div.one { /* position: absolute; */ margin-top: 0; margin-left: 25%; width: 55%; height: auto; border: gray solid 1px; background-color: #FFEFD5; padding-left: 1em; padding-right: 1em; padding-top: 1em; font-size: 10pt; }
div.two { /* position: absolute; */ margin-top: -32%; margin-left: 75%; width: 20%; height: auto; border: gray solid 1px; background-color: #CFCFCF; padding: 1em; text-align: right; font-size: 10pt; }

div.three { /* position: absolute; */ margin-top: -22%; margin-left: 50%; width: 25%; height: auto; border: gray solid 1px; background-color: #C1FFC1; padding: 1em; text-align: left; font-size: 10pt; }

div.corner {border: solid 1px; padding: 1em; color: black; text-align: left; background: #C6E2FF; margin-left: 15em; }
div.box { border: solid 1px gray; padding: 1%; background: #FFFFCC; margin-left: 15em ;}

.banner { position: absolute;  width: 96%; margin-left: 1em; margin-right: 2em; border: #B0C4DE groove 4px; background-color: #4A708B; }
.main {  color: black;  font-family: serif, sans-serif; font-size: 10pt; }
.contentfull { position: absolute; height: auto; width: 96%; margin-top: 15%; margin-left: 1%; margin-right: 1%; margin-bottom: 2%; /* border: solid black 1px; background-color: white; */}
.plain { background-color: #FAF0E6; text-align: left; /* border: double 3px gray; */ border-style: double; border-width: 6px; border-color: gray; padding: 1em; margin-top: 0; margin-left: 25%; margin-right: 2em; margin-bottom: 1em; font-size: 10pt;} 
.plainl { background-color: #FAF0E6; text-align: left; border-style: double; border-width: 4px; border-color: gray;  padding: 1em; margin-top: 0; margin-left: 2%; margin-right: 25%; margin-bottom: 1em; font-size: 10pt;} 
.cellcolor { background-color: #99FFCC; }
.limage { float: left; /* margin-right: 1em; margin-top: 0.5em; */ margin: 0.5em;}
.rimage { float: right; }

.content { position: absolute; width: 68%; margin-top: 15%; margin-left: 30%; margin-right: 1%; margin-bottom: 2%; border: solid black 1px; }

.quote { position: absolute; color: black; width: 32em; top: 0;  margin-top: 0.5em; margin-left: 55%; text-align: left; border: #EEE8AA inset 3px; padding: 4px; background: #FFFF99; font-size: 9pt;}

.date { clear: left; margin-left: 0.5em; color: white; font-weight: 600; }
.clear_rt { float: right; }
.clear_right { clear: right; }
.leftquote { display: block; float: left; margin-top: 15%; margin-right: 80%; font-weight: 600; font-size: 10pt; border: black solid 1px}
.leftcol {border: solid 1px gray; margin-top: 0; margin-left: 20em; margin-right: 35em; }
.rightcol { float: right; border: solid 1px gray; margin-top: 0; margin-left: 40em; margin-right: 1em; }
.template { margin: 1% 1% 0% 1%; border: gray solid 1px; border-collapse: collapse; background-color: #FFFFFF; text-align: center; vertical-align: top;}
.templateleft { border: gray solid 1px; border-collapse: collapse; background-color: #87CEFA; text-align: center; vertical-align: top; padding: 10px;}
.templateright { border: gray solid 1px; border-collapse: collapse; background-color: #FAFAD2; text-align: center; vertical-align: top; padding: 10px;}

.sched { font-size: 80%; width: 80%; margin-left: 10%; border: gray solid 1px; border-collapse: collapse; background: #FFFFFF; font-weight: 500; }
.schedbox { border: gray solid 1px; text-align: center; padding: 5px }
.schedhead { border: gray solid 1px; width: 33%; text-align: center; padding: 1%}
.schedboxbld { border: gray solid 1px; text-align: center; padding: 1%; font-weight: bold; }

.emsched { width: 96%; border: gray solid 1px; border-collapse: collapse; background: #FFFFFF; }
.emschedbox { border: gray solid 1px; text-align: center; padding: 0.5em; font-size: 8pt; }
.emschedhead { border: gray solid 1px; width: 33%; text-align: center; padding: 2px;}
.emschedboxbld { border: gray solid 1px; text-align: center; font-size: 8pt; font-weight: bold; padding: 0.5em;}

.minsched { width: 80%; border: gray solid 1px; border-collapse: collapse; background: #FFFFFF; font-weight: 500; }
.minschedbox { border: gray solid 1px; text-align: center; padding-top: 2px; padding-bottom: 2px; font-size: 10pt; }
.minschedhead { border: gray solid 1px; width: 33%; text-align: center; padding-top: 2px; padding-bottom: 2px;}
.minschedboxbld { border: gray solid 1px; text-align: center; padding-top: 2px; padding-bottom: 2px; font-weight: bold; font-size: 10pt;}

.bensched { width: 50%; border: gray solid 1px; border-collapse: collapse; background: #FFFFFF; font-weight: 500; }
.benschedbox { border: gray solid 1px; text-align: center; padding: 4px; }
.benschedhead { border: gray solid 1px; width: 33%; text-align: center; padding: 4px;}
.benschedboxbld { border: gray solid 1px; text-align: center; padding: 4px; font-weight: bold; }


.smallbox { font-size: 80%; width: 50%; background: #FFFFCC; border: solid 2px; text-align: left; padding: 5px; margin-bottom: 10px; }
.phonebox { width: 30%; background: #FFFFCC; border: solid 2px; text-align: center; padding: 4px; }

a:link { color: #4f4f4f; font-size: 10pt; }
a:visited { color: #4f4f4f; font-size: 10pt; }
a:hover { color: #4f4f4f; font-size: 10pt;  }

a.blue:link { color: blue; font-size: 10pt; }
a.blue:visited { color: blue; font-size: 10pt; }
a.blue:hover { color: red; font-size: 10pt; }


/* Paragraphs */
p.one { font-weight: bold; color: #000000; }
p.two { font: italic bold 14pt Times,sans-serif; color: #c60000; }
p.hang { text-indent: -40px; }
p.small { font-size: smaller; }
p.xsmall { font-size: x-small; }
p.links { text-align: center; word-spacing: 1.0em; padding: 0% 5% 0% 5%; }

/* paragraphs with boxes */
p.boxblue { font-size: medium; font-weight: 600; text-align: center; background: #2b679b; color: white; margin-left: 5%; margin-right: 5%;}
p.boxltblue { font-size: medium; font-weight: 600; text-align: center; background: #BFEFFF; color: black; margin-left: 5%; margin-right: 5%;}
p.boxgold { font-size: small; text-align: left; background: #FFFF99; color: black; border: solid 1px; padding: 1%;  margin-left: 2%; margin-right: 2%;}
p.boxteal { font-size: small; text-align: left; background: #66FFCC; color: black; border: solid 1px; padding: 1%;  margin-left: 2%; margin-right: 2%;}
p.boxgold2 { font-size: larger; text-align: justify; background: #FFFF99; color: black; border: ridge 2px; padding: 1%;  margin-left: 2%; margin-right: 2%;}
p.annboxltblue { font-size: medium; font-weight: 600; text-align: left; color: black; margin-left: 2%; margin-right: 2%;}
p.announce { font-size: large; font-weight: bold; text-align: center; background: #FFE4E1; border: gray ridge 5px; padding: 2%; margin: 3% 20% 3% 20%; }
p.divbox { color: #000000; font-weight: bold;  text-align: center;}
p.divbox2 { color: #000000; font-size: smaller; font-weight: bold;  text-align: center;}
p.inabox { background: #FFFFCC; font-size: medium; color: red; border: ridge 1px; text-align: center; margin-left: 20%; margin-right: 20%;}
/* p.smallbox { background: #FFFFCC; border: solid 2px; text-align: justify; padding: 2%; } */
p.smallbox2 { background: #FFCC99;  text-align: center; font-size: medium; padding: 1%; margin-left: 10%; margin-right: 10%;}
p.h1box { background: #FFFFCC; border: solid 1px; padding: 1%; margin-left: 7em; margin-right: 7em;}

/* headline specials */
h1.box { color: purple; text-align: center; border: solid 2px; padding: 1%; background: #ffffff; }
h2.box { color: black; text-align: center; border: ridge 4px; padding: 1%; background: #ffffe6; margin: 1% 10% 1% 10%;}
h3.box { color: black; text-align: center; border: ridge 4px; padding: 1%; background: #ffffe6; margin: 0% 20% 0% 20%;}
h1.boxtimes { color: black; text-align: center; border: ridge 4px; padding: 1%; background: #99ccff; margin: auto 10% auto 10%;}

h1.left { color: black; text-align: left; }
h1.left { color: black; text-align: left; font-style: italic; }
h3.left { color: black; text-align: left; }
h4.left { color: black; text-align: left; }

h1.box { color: purple; text-align: center; border: solid 2px; padding: 1%; background: #ffffff; }
h1.boxnob { color: green; text-align: center; border: 0px; padding: 1%; background: #ffffff; }
h2.dkblue { color: navy; }

h2.dkblue { color: navy; }

h3.mid { color: blue; text-align: left; }
h3.mid1 { color: blue; text-align: left; }
h3.mid2 { color: black; text-align: center; }
h2.mid2 { color: black; text-align: center; }

h1.boxblue { color: white; text-align: center; }
h1.boxltblue { color: black; text-align: center; }
h2.boxltblue { color: black; text-align: center; }
h3.boxltblue { color: black; text-align: center; }
h4.boxltblue { color: black; text-align: center; }

h1.annboxltblue {color: black; text-align: left; }
h2.annboxltblue {color: black; text-align: left; }
h3.annboxltblue {color: black; text-align: left; }
h4.annboxltblue {color: black; text-align: left; }

/* Tables */
table.zero1 { color: white; font-size: 10pt; background: #579bd6; }
table.photo { padding: 1%; border: ridge 2px; }
td.photo  { padding: 1%; }


/* DIV settings for sections */
div.zero1 { margin-bottom: 80%; border: solid 2px; background-color: #00FFFF; padding: 1%; }
div.left { margin-right: 85%; border-right: ridge; border-right-width: medium; background-color: #FFcc99; }
div.right { margin-top: 20%; margin-left: 15%; background-color: #cccccc; overflow: scroll; }
div.top { margin-bottom: 2%; border-right: ridge; border-bottom: ridge; border-right-width: medium; border-bottom-width: medium; background-color: #00FFFF; padding: 1%; }
div.home1 {padding: 1%; margin: 5% 15% auto 50%;}
div.home2 {padding: 1%; margin: 2% 55% auto 10%;}
div.home3 {padding: 1%; margin: 1% 20% auto 3%; background: #2b559b; }
div.boxmid { width: 96%; border: solid 0px; padding: 0%; }
div.box4 {border: solid 2px; padding: 1%; background: #FFFFCC; margin: auto 10% auto 10%;}
div.box5 {border: solid 2px; padding: 1%; background: #FFFFCC; margin: auto 75% auto auto;}
div.box6 {border: none; padding: 1%; background: #FFCC99; margin: auto 15% auto 15%;}
div.box7 {border: ridge 4px; padding: 1%; background: #FFCC99; margin: auto 15% auto 15%;}
div.box3beige { border: solid 1px; padding: 1%; background: #FFDDbb; margin: 2% 2% 2% 2%; }
div.box3grey { border: solid 1px; padding: 1%; background: #c6e2ff; margin: 2% 2% 2% 2%; }
div.tealbox {border: solid 1px; padding: 20px; color: black; text-align: left; background: #66FFCC; margin: 2%; }
div.boxltblue {border: ridge 4px; padding: 1%; background: #BFEFFF; margin: 2% 5% auto 5%;}
div.boxblue {border: ridge 4px; padding: 1%;  text-align: center; background: #2b679b; margin-left: 10%; margin-right: 10%; }
div.annboxltblue {border: ridge 4px; padding: 1%; background: #BFEFFF; margin: 2% 5% auto 5%;}

/* INPUT settings for form elements */

select.one {background-color: #FFFFE6; font-weight: bold; }
input.one {background-color: #FFFFE6; font-weight: bold; }
textarea.one {background-color: #FFFFE6; font-weight: bold; }
input.button { background-color: #2d2d2d; font-weight: bold; color: #FFFFFF; }

ul.boxltblue {color: black; font-size: medium; font-weight: 600;}
ul.annboxltblue {color: black; font-size: medium; font-weight: 600;}

b.sectionred {color: red; }
b.sectionblack {color: black; font-size: medium;}
p.test {text-align: left; font-size: 12pt; }

/* ############################################################################## */