body { color:#000;
background:#fff url(http://steepturnpikechurch.inmatlock.com/topcorner_youth.gif) top right, no-repeat;
}

.header  { background: url("http://steepturnpikechurch.inmatlock.com/images/silver strip.jpg") top left, repeat-x;
}

.topbar { top:90px; }

h3 
{
color:#cecf74; 
text-align:center;
font-size:105%;
}

h1, h2 {color: #663366; }

h1 a {color: #663366;
font-size:100%;
}

h2 a {color: #663366;
font-size:100%;
}

.barh3
{
border: 1px solid #663366!important; 
background:#996699;
color:#cecf74; 
padding:.2em;
font-size:160%;
font-weight:bold;
text-align:center;
}

#youth .youth
{
font: bold 13px verdana; color: white; background: blue; text-decoration: none;
}

.maincol
{
margin:120px 200px 200px 200px;
padding:0 5px 0 0;
 width:auto;
        position:relative;
background-image: url(http://steepturnpikechurch.inmatlock.com/topcorner_youth.gif);
background-repeat:no-repeat;
}

.righthalf
{
 width:45%;
        position:relative;
margin:0;
padding:5px;
}

.lefthalf
{
 width:45%;
        position:relative;
margin:0;
padding:5px;
}

.leftbar
{
width:160px;
margin:0;
}

.rightbar
{
width:194px;
margin:0;
padding:0;
}

/*   finished width is 157  */
/*
.leftitemleftcream
     {
         position:absolute;
         width:150px;
         height:120%;
         color:#000000;
         text-align:left;
         padding:35px 2px 5px 10px;
         margin:0 0 0 10px;
         background-color:#cecf74;
border-top: thick solid #663366;
border-right: thick solid #663366; 
border-bottom: thick solid #663366; 
border-left: thick solid #663366;
     }
*/

  .rightitemleft
     {
     width:152px;
     height:auto;
     text-align:left;
     border:thick double #999900;
     padding:5px 10px 5px 10px;
     margin:0;   
}  

  .rightitemcenter
     {
     width:152px;
     height:auto;
     text-align:center;
     border:thick double #999900;
     padding:20px 10px 20px 10px;
     margin:0;
}   

 .logobox1
            {
            width:13em;
margin:0;
padding: 1px 0 1px 8px;
font:  bold 105.5% Arial, Helvetica, sans-serif;
text-align:left;
color: #663366;
}



.logobox1 a
{
color: #663366;
font-weight:bold;
}

.logobox2
            {
            width:17em;
margin:0;
padding: 1px 0 1px 8px;
font:  bold 80% Arial, Helvetica, sans-serif;
text-align:left;
color: #663366;
            }


.logobox2 a
 {
color:#663366;
}


.topcenterbox
{
display:inline;
color:#663366;
padding:0;
margin:0;
font-size:170%;
 top: 20px;
}

.topcenterbox a
{
color:#663366;
}


.mini
{
font-size:30%;
}

.centerbox2
{
margin:0;
border:0;
}

/*  actually purple at the moment   */
.centerbox
            {
            position:absolute;
            display:inline;
            width:100%;
            padding:5px;
            left:2px;
            right:2px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#6a376f;
            text-align:center; 
            }