/* Bethel Lutheran Church_Styles   created: March 2019    By: Sterling Norris */
/* updated 11/26/23 */

/* Fonts
'Times New Roman', Times, serif;
Arial, Helvetica, sans-serif;
*/


/* Special fonts for future use
@font-face {
font-family: script;
src: url(fonts/england.eot);
src: local('England Hand DB'), url(fonts/england.ttf) format("Truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: oldeng;
src: url(fonts/oldengl.eot);
src: local('Old English Gothic'), url(fonts/oldengl.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
*/

/* New tags for the home page rebuild 2023 */

@font-face {
  font-family: "alex";
  src: url(fonts/AlexBrush-Regular.woff);
  }
  
@font-face {
  font-family: "allura";
  src: url(fonts/Allura.woff);
  }
  
@font-face {
  font-family: "england";
  src: url(fonts/england.woff);
  }
  
  @font-face {
  font-family: "madina";
  src: url(fonts/Madina.woff);
  }
  
  
  
body.b23 {
background-color: #5f717f;
/*background-image: url(graphics/bg806d66.jpg); */
background-attachment: fixed;
background-repeat:repeat;
margin: 0px;
padding: opx;
}

.setpage-home {
width: 900px;
background-color: #f0f8ff;
border-color: #fff2e6;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0%;
border: solid 4px #4c4c4c;
padding: 0px;
}

.menubar-home {
background-color: #f0f8ff;
border-color: #fff2e6;
width: 550px;
height: 30px;
padding: 5px;
margin-left: auto;
margin-right:auto; 
margin-top: 0%;
margin-bottom: 0%;
}

#hfont {color: #f0f8ff;
}
#hfont2 {color: #ffffff;
}

.set700{
width: 700px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
}

.head1h {  
text-align: center; 
font: 38pt alex;
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.head2h { 
text-align: center; 
font: 24pt alex;
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.head3h {  
text-align: center;
font: bold 22pt  alex;
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
line-height: 25.2px;
}

.head3j {  
text-align: center;
font: bold 22pt  allura;
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
line-height: 28.2px;
}

.head3k {  
text-align: center;
font: bold 14pt  "Times New Roman";
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
line-height: 25.2px;
}

/* End of new tags */

body.one {
background-color: #eeeeef; 
background-image: url(graphics/bg-eeeeef.png); 
background-attachment: fixed;
background-repeat:repeat-x;
margin: 0px;
padding: opx;
}

.setpage {
width:900px;
background-color: #f0ffff;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0%;
border: solid 4px #4c4c4c;
padding: 0px;
}

.set1000 {
background-color: #ffffff;
width:1000px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0%;
border: solid 4px #4c4c4c;
padding: 0px;
}

.set800{
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
}

.set701{
width: 700px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
border: double 4px #4c4c4c;
background-color: #f0f8ff;
}

.set801{
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
border: double 4px #4c4c4c;
background-color: #fof8ff;
}

.set550{
background-color: #d8e9fe;
width: 550px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 0%;
}
 
.menubar {
background-color: #f0ffff;
width: 700px;
height: 20px;
padding: 5px;
margin-left: auto;
margin-right:auto; 
margin-top: 0%;
margin-bottom: 0%;
}

.menubar2 {
background-color: #f0ffff;
width: 700px;
height: 40px;
padding: 5px;
margin-left: auto;
margin-right:auto; 
margin-top: 0%;
margin-bottom: 0%;
}

#sc {
font-variant: small-caps;
}

#corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius:5px;
border-radius: 5px;

behavior: url(ie-css3.htc);

Border: solid 2px #3e5275;
}

#db {color: #3e5275; } /* dark blue */
#lg {color: #ececec; } /* light gray */
#g  {color: #736f6e; } /* gray */
#b  {color: #0000ff; } /*blue */
#red {color: #ff0000; } /*red*/
#mb {color: #1589ff; } /*medium blue */
#sb {color: #3bb9ff; } /*sky blue */
#bb {color: #d8e9fe; } /*Bethel blue*/
#dbrn {color: #5f4530; } /*Dark Brown*/
#mbrn {color: #9c6547; } /*medium brown*/
#dgrn {color: #466662; } /* dark green */
#dred {color: #a90114; } /* dark red */

br { }

hr {color: #3e5275 solid;
     size: 3;
}

aside.asrt {
	width: 200px;
	padding: 10px;
	maegin: 10px;
	float: right;
	border-left: thick double #00008b;
	background-color: #f0f8ff;
	font-style: italic;
	color: #00008b;
}

mark {
     background-color: yellow;
     color: black;
 }

* {quotes: #8220 #8221 # 8216 #8217;
}

p { 
text-align: justify; 
font: bold 12pt  'Times New Roman', Times, serif; 
margin-left: 2em; 
margin-right: 2em; 
margin-top: 15px; 
margin-bottom: 0%; 
}

.norm { 
text-align: left; 
font: bold 12pt  'Times New Roman', Times, serif; 
margin-left: 2em; 
margin-right: 2em; 
margin-top: 15px; 
margin-bottom: 0%; 
}

.scrt { 
text-align: justify; 
font: bold 12pt  'Times New Roman', Times, serif; 
margin-left: 5em; 
margin-right: 2em; 
margin-top: 15px; 
margin-bottom: 0%; 
}
 
  
.para { 
text-align: justify;
font: bold 12pt  'Times New Roman', Times, serif; 
text-indent: 1.25em;  
margin-left: 2em; 
margin-right: 2em; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.ctr { 
text-align: center;
font: bold 12pt  'Times New Roman', Times, serif;   
margin-top: 0%; 
margin-bottom: 0%;
}

.title { 
text-align: left; 
font: bold 18pt 'Times New Roman', Times, serif; 
margin-left: 2em; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 10px; 
}

#mspace { 
margin-bottom: 4px;
}

#scap {
font-variant: small-caps;
}
#shadow { 
text-shadow: 2px 2px 4px ;  /* 808080 light gray  000044 light blue */
}
#nokern {
font-kerning: none;
}
#kern {
font-kerning: normal;
}


.head1 { 
text-align: center; 
font: bold 24pt 'Times New Roman', Times, serif; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.head2 { 
text-align: center; 
font: bold 14pt 'Times New Roman', Times, serif; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.head3 { 
text-align: center;  
font: bold 20pt 'Times New Roman', Times, serif; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0%; 
margin-bottom: 0%; 
}

.box { 
margin-left: 30px; 
margin-right: 30px; 
margin-top: 15px; 
margin-bottom: 0%; 
border: solid 2px gray;
padding: 10px;
}

.box1 {
width: 600px;
margin-right: auto;
margin-left: auto; 
margin-top: 5px; 
margin-bottom: 0%; 
border: double 4px #4c4c4c;
padding: 10px;
}
.box11 {
width: 600px;
margin-right: auto;
margin-left: auto; 
margin-top: 5px; 
margin-bottom: 0%; 
border: double 4px #4c4c4c;
padding: 10px;
background-color: #e3fce4;
}
/*
Other Colors:
Dark Red	8boooo
Fire Brick	b22222
Dark Green	006400
Gray		808080*/


.box2 { 
margin-left: 100px; 
margin-right: 100px; 
margin-top: 15px; 
margin-bottom: 0%; 
}

.credit {
text-align: center;
font: bold 10pt 'Times New Roman', Times, serif;; 
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
}

.menu {
text-align: center;
font: bold 10pt 'Times New Roman', Times, serif;;
text-align: center; 
margin-left: 0%;
margin-right: 0%;
margin-top: 2px;
margin-bottom: 5px;
}

/* Drop Cap  - use span tag around first letter to get dropcap use id tag to set color */
span.first
{
 float: left;
 font-family:'Times New Roman', Times, serif;
 font-style: bold;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}



a 	{ decoration: none; 
	font: bold 12pt "Times New Roman", Times, serif; 
	text-decoration: none; }
a:link      {color: #000000;} 
a:visited   {color: #000000;}
a:hover     {color: #736f6e; 
			font: bold 12pt "Times New Roman"; 
            text-decoration: none; 
            cursor: pointer;}
            
 /* Used o links page and inter p links */           
a#lp 	{ decoration: none; 
	font: bold 12pt "Times New Roman", Times, serif; 
	text-decoration: none;}
a#lp:link      {color: #008040;} 
a#lp:visited   {color: #008040;}
a#lp:hover     {color: #736f6e; 
			font: bold 12pt "Times New Roman"; 
            text-decoration: none; 
            cursor: pointer;}