body
{
    background-color: #ffffff;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

p.article:first-letter {
font: italic 250% 'Times New Roman', Palatino, serif;
color: #FF0000;}

/* EXPLANATORY POPUPS */
.popup
{
color:#9f141a;
text-decoration:none;
}

a:link {font:100% verdana; color: blue; text-decoration: none;}
a:active {font: 100% verdana; color: blue; text-decoration: none;}
a:visited {font: 100% verdana; color: #0000cc; text-decoration: none;}
a:hover {font: 100% verdana; color: #330099; text-decoration:underline;}

#home .home, #about .about, #about .about, #contact .contact, #matlock .matlock, #kids .kids, #yourkids .yourkids, #help .help, #how .how, #youth .youth
#christmas_events .christmas_events, #christmas_resources .christmas_resources, #christmas_sense .christmas_sense, #christmas_real .christmas_real, #christmas_cards .christmas_cards, #christmas_shop .christmas_shop, #christmas_dec .christmas_dec, #christmas_fun .christmas_fun, #christmas_help .christmas_help, #beth_gall .beth_gall, #christmas .christmas, #cfun .cfun, #realchristmas .realchristmas, #service .service, #sun_eve .sun_eve, #sundayclub .sundayclub, #sundays .sundays, #special .special, #general .general, #diary .diary, #hol .hol, #trip .trip, #baptism .baptism, 
#youth_activities .youth_activities, #youth_links .youth_links

{
font: 100% verdana; color: white; background: blue; text-decoration: none;
}

.clear
{clear:both;}

.left
{
    /* floats item to LHS of page, and adds a margin */
    float:left;
}

.right
{
    /* floats item to RHS of the page, and adds a margin */
    float:right;
}


img
{
display:inline;
border:0;
margin:0.5em;
}

img.quote
{
display:inline;
border:0;
margin:0 0.5em 0 0;
}

h4 {
    font-size:110%;
    padding:0;
    color:#330066;
    font:italic 1.3em 'Times New Roman', Palatino, serif;
}

h5 {
    font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.5em 0;
    border: 0;
    margin:0;
}

h1, h2, h3
{
	color:#9F3400;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}

h1  {
	font-size:120%; 
        line-height:1.1;
        text-align:center;
}

h2  {
	font-size:120%;
        text-align:left;
}

h6
{
        color: #000000;
	font-size:80%;
        padding:0;
border:0;
margin:0;
}

h3  {
	font:  bold 130% Arial, Helvetica, sans-serif;
color:#ffffff;	
border: 1px solid #7088B0!important;
 text-align:center;
	line-height:1.1;
	padding:3px 3px 3px 5px;
	background:#CF4C0C;
}

.baritalic {
    font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.5em 0;
    border: 0;
    margin:0;
}

.sidelinktop
{
padding:0.5em 0 0.5em 0;
border-top:1px solid #9F3400;
border-bottom:1px solid #9F3400;
}

.sidelink
{
padding:0.5em 0 0.5em 0;
border-bottom:1px solid #9F3400;
}


table
{
     border:thin solid #99ccff;
}

td {
	padding: 5px 10px;
	vertical-align: top;
}
td a {
	font-weight: bold;
	color: #06c;
}
th {
	font: bold 100% Arial,Helvetica,sans-serif;
	color: #666;
	background: #ccffff;
}

.starsite
{
   display:inline;
       width:38%; 
       float:right;
text-align:center;
background-image:url(http://steepturnpikechurch.inmatlock.com/fallstars.gif);
background-repeat: no-repeat;
color:#330066;
       padding:0.5em 0.5em 0.5em 1em;
       margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}


.quotebox
{
font:  italic 140% Times 'New Century Schoolbook', Palatino, serif;  
       display:inline;
       float:right;
text-align:center;
color:#ad0018;
width:33%;
border-top: medium solid #CF4C0C;
border-bottom: medium solid #CF4C0C;
       padding:0.5em 0.2em 0.3em 0.2em;
       margin:0.5em 0 0.5em 0.5em;
}


.quoteboxcenter
            {
           font:  italic 140% Times 'New Century Schoolbook', Palatino, serif;  
            width:75%;
       padding:1em;
            left:3em;
            right:3em;
border-top: medium solid #CF4C0C;
border-bottom: medium solid #CF4C0C;
             color:#ad0018;
            text-align:center;
            }


.quoteboxleft
{
font:  italic 140% Times 'New Century Schoolbook', Palatino, serif;  
       display:inline;
       float:left;
text-align:center;
color:#ad0018;
width:33%;
border-top: medium solid #CF4C0C;
border-bottom: medium solid #CF4C0C;
       padding:1em 1em 0.3em 0.2em;
       margin:1em 1em 0.5em 0em;
}

.left45pcwhite
{    
       display:inline;
       width:45%;
       height:auto;
       float:left;       
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}  

.lefthalf
{    
       display:inline;
       width:45%;
       height:auto;
       float:left;       
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}  

.halfinsert
{    
       display:inline;
       width:45%;
       height:auto;
background:transparent;
       float:left;       
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}  

.bgleftbox
{    
       display:inline;
       width:45%;
       height:auto;  
       float:left;       
       text-align:left;
       margin:5px; 
}  

.leftboxlinks
{
	display:inline;
	width:45%;
	height:auto;
	background-color:#ffffff;	
	float:left;
	text-align:left;
	font-size:90%;
	margin:5px;
}

.leftboxlinksright
{
	display:inline;
	width:45%;
	height:auto;
	background-color:#ffffff;	
	float:left;
	text-align:right;
	font-size:90%;
	margin:5px;
}

.rightboxlinks
{
	display:inline;
	width:45%;
	height:auto;
	background-color:#ffffff;
	float:right;
	text-align:left;
	font-size:90%;
	margin:5px;
}

.stars
{    
       display:inline;
       width:45%; 
       color:yellow;
       background-color:blue;
	font-size:150%;
background-image:url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg);
       float:right;
       text-align:center;
       margin:5px;
}

.right45pcwhite
{    
       display:inline;
       width:45%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}

.dadhalf
{    
       display:inline;
       width:45%; 
       background-color:#ffffff;
     background-image:url(http://steepturnpikechurch.inmatlock.com/finger.jpg);  
background-repeat: no-repeat;
background-position:3em 4.5em;
       float:right;
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}

.righthalf
{    
       display:inline;
       width:45%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.5em 0.2em 0.4em 0.2em;
}


.leftthird
{    
       display:inline;
       width:30%;
       height:auto;
       background:transparent;
       float:left;       
       text-align:left;
       margin:0.75em;
}  


.rightthird
{    
       display:inline;
       width:33%;
       height:auto;
       background:transparent;
       float:right;       
       text-align:left;
       margin:0.5em;
}  


.left2thirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:left;
       text-align:left;
       margin:0.5em;
}


.right2thirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.75em;
}

.rightnewboxcream
{    
       display:inline;
       width:45%; 
       color:#ad0018;
       background-color:#FFF59F;
       float:right;
       text-align:left;
       margin:1em 5px;
       padding:0px 0.75em 0.75em 0.75em;
}


.rightcolor
{    
       display:inline;
       width:41%; 
       color:#ad0018;
       background-color:#ffff99;
border-top: 8px solid #FFF59F;
border-right: 8px solid #f7ffc2;
border-bottom: 8px solid #eedd99;
border-left: 8px solid #EED986;
       float:right;
       text-align:left;
       margin:1em 0.2em;
       padding:0px 0.4em 0.4em 0.4em;
}
.news
{    
       display:inline;
   float:right;
       width:40%; 
height:auto;
       color:#ad0018;
background-color:#ffffff;     background-image:url(http://steepturnpikechurch.inmatlock.com/flash1.gif);
 background-repeat: no-repeat;
 background-position:top left;
       text-align:center;
       margin:0 0 0 2em;
       padding:0 0 0 0;
border:0;
}

.creambox
{    
       display:inline;
       width:38%; 
       color:#ad0018;
       background-color:#FFF59F;
       float:right;
       text-align:center;
       margin:0 0 1em 1.5em;
       padding:0 0.75em 1em 0.75em;
border:0;
}

.p
{
font-size:0.8em;
color:#330066;
text-align:justify;
}

.epigraph
{
font:italic 3em verdana;
text-align:center;
color:#330066;
}

.epigraph2
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
background-color:#F0E68C;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}

.epiwhite
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#ffffff;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}

.epigraphred
{
font:  italic 125% Arial, Helvetica, sans-serif;	
text-align:center;
color:#ad0018;
}

/* EXPLANATORY POPUPS */
.popup
{
color:#9f141a;
text-decoration:none;
}

.rightbar
{
position:absolute;
width:178px;
height: 120%;
top:150px;
right:0.75em;
padding:0;
margin:0;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000; 
border:0;
}

.rightstars
{    
       width:180px;
height:auto; 
       color:yellow;
       background-color:blue;
     font-family:Arial, Helvetica, sans-serif; 
	font-size:150%;
background-image:url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg);
       text-align:center;
       margin:0;
}

.rightstarscenter
{    
       width:auto;
height:auto; 
       color:yellow;
       background-color:white;
     font-family:Arial, Helvetica, sans-serif; 
	font-size:65%;
       text-align:center;
       margin:0;
}

.rightitemcenter
     {
     width:172px;
     height:auto;
     text-align:center;
     border:thick double #ad0018;
     padding:0.1em;
     margin:0;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000;    
}


.rightnoborder
     {
     width:172px;
     height:auto;
     text-align:center;
     border:0;
     padding:0.1em;
     margin:0;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000;    
}
.rightitemleft
     {
     width:172px;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:0.1em;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     }

.leftbar
{
position: absolute;
top:120px;
bottom:0;
width:160px;
height:140%;
padding:0;
margin:0.05em;
font:12px verdana;
border:0;
}

.leftbaryellow
{
position: absolute;
top:200px;
bottom:0;
width:180px;
height:120%;
left:5px;
padding:0.1em 0.1em 0.1em 1em;
margin:0;
font:12px verdana;
border:0;
background-color:#eeff80;
}

.leftitemleftcream
{
  position: absolute;
  top:135px;
  bottom:0;
  width:140px;
  height:190%;
  color:#000000;
  border-style:none;
  text-align:left;
  font-size:0.9em;
   padding:0.1em 0.1em 0.1em 1.2em;
   background-color:#ffffcc;
}

.leftitemleft
     {
         position:absolute;
         width:158px;
         height:190%;
         color:#000000;
         border-style:none;
         text-align:left;
         padding:0.1em 0.1em 0.1em 1em;
     }

.leftitemcenter
     {
         position:absolute;
         width:158px;
         height:190%;
         color:#336699;
         border:0;
         text-align:center;
         padding:0.1em 0.1em 0.1em 1em;
     }

.topleftbox
{
display:inline;
float:right;
width:200px;
margin:5px 5px 0 0;
padding:0;
border:0;
font-size:8pt;
text-align:center;
}


.maincol
{
        width:auto;
        position:relative;
        padding:0;
        margin:120px 200px 10px 200px;
        text-align:justify;
}


.frontcol1
{
        width:auto;
        position:relative;
        padding:5px;
        margin:20px 2px 10px 200px;
        text-align:justify;
}

.frontcol
{
        width:auto;
        position:relative;
        padding:0.1em;
        margin:120px 2px 10px 200px;
        text-align:justify;
}
  
.fullwidth
{
        width:auto;
        position:relative;
        padding:5px;
        margin:120px 0px 0px 0px;
        text-align:justify;
}

.header
    {
    position:absolute;
    top:0;
    right: 0;
    left: 0;
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    text-align:center;
}

        /* this is the TOP BAR FOR HORIZ LINKS  place BELOW maincol end of div */      
         .topbar
            {
            position:absolute;
            width:100%;
            top:80px;
            left:2px;
            right:2px;
            padding:0;
            height:4em;
            font-size:10pt;
            text-align: center;
            }

 .topbar2
            {
            position:absolute;
            width:100%;
            top:60px;
            left:2px;
            right:2px;
            padding:0;
            height:4em;
            font-size:10pt;
            text-align: center;
            }

         /*   TOP NAV Plain   */
          .navhoriz
            {
            width:100%;
           overflow: visible;
            margin-left:2px;
            margin-right:2px;
            text-align:center;
            }

.centerbox
            {
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }

.centerbox2
            {
            display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px;
            margin-right:2px;
clear:both;
            }


.centerbox3
            {
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }

 
.frontcenterbox2
            {
            display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px;
            margin-right:2px;
clear:both;
            }


.footstrip
{
font-size:0.2em;
}

/*   FOR HEADER AND OTHER USE    */
        .toprightcorner
            {
            position: absolute;
            display:inline;
            width:auto;
            height:auto;
            top:0;
            right:20px;
            padding:5px;
            font-size:10pt;
            text-align:center;
            }

       /*  LOGO BOX TO USE WITHIN HEADER */

 .logobox1
            {
            position: absolute;
            display:inline;
            width:18em;
            top: 5px;
            left:5px;
            padding:1px;
            margin:2px;
font:  bold 135% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align: justify;
            }

.logobox2
            {
            position: absolute;
            display:inline;
            width:18em;
            left:5px;
            padding:1px;
margin:2px;
font:  bold 99% Arial, Helvetica, sans-serif;
            text-align: justify;
           color:#ad0018;
            }

        .logobox
            {
            position: absolute;
            display:inline;
            width:18em;
            top: 5px;
            left:5px;
            padding:0;
            font-size:130%;
            font-weight:bold;
            color:#ad0018;
            text-align: justify;
            }


.helpbox
     {
     width:100%;
background-color:#f7a510;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:0;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     }