.page
{
border:2px solid black;
FONT-FAMILY: arial; 
width: 845px;
position: relative;
left: 50%;
margin-top: 22px;
margin-left: -435px;
}

.blue
{
background-color:LightCyan;
padding-bottom:16px;
}

.dkBlue
{
width:auto;
background-color:#003366;
padding-top:2px;
}

#church
{
text-align:center;
border:2px solid black;
padding-top:6px;
padding-bottom:26px;
padding-left:6px;
padding-right:6px;
float:right;
}


#about
{
border:0px solid black;
width:839px;
height:auto;
font-family:sans-serif;
color:#003366;
text-align: left;
padding-left:25px;
padding-right:25px;
}

#activities
{
background-image:url("IMAGES/stjlcback.gif");
padding-left:25px;
padding-right:25px;
font-size:16px;
font-family:sans-serif;
color:#003366;
text-align: left;
margin-left: 40px;
}

#reflective
{
border:3px solid black;
width:650px;
height:auto;
font-family:sans-serif;
text-align: left;
padding-left:25px;
padding-right:25px;
margin-left: 100px;
}

#photoleft
{
text-align:left;
Margin-top:10px;
Margin-bottom:18px;
Margin-left:0px;
Margin-right:18px;
padding:5px;
float:left;

}




div.callout
{
width:auto;
padding-top:10px;
padding-bottom:0;
padding-left:10px;
padding-right:10px;
background: gray;
float:right;
outline-style:double
}

#photoright
{
text-align:left;
Margin-top:10px;
Margin-bottom:18px;
Margin-left:0px;
Margin-right:18px;
padding:5px;
float:right;

}

.white
{
font-size:46px;
font-family:sans-serif;
color: white;
float:right;
text-align: center;
padding-top: 30px;

}

#toplinks 
{
font-size:14px;
font-family:sans-serif;
color: white;
float:right;
text-align: left;
padding-right: 18px;
}


.purple
{
color: #6600cc;
}

.center
{
font-family:sans-serif;
color:#003366;	
text-align:center;
}

.left
{
text-align:left;
padding:20px;
}

.right
{
text-align:right;
padding-bottom:25px;
}	

#brown
{
background-color:rgb(66,33,0);
width:865px;
height:auto;
padding-top:16px;
padding-right:25px;
padding-left:25px;
padding-bottom:16px;
float:left;



#envelope
{
padding-left:36px;
padding-right:80px;
float:right;
border-style: none;
}

#list
{
padding-left:80px;
float:left;
text-align:left;
}


#navigation 
{
margin-top:20px;
background-color:blue;
float:left;
font-family:sans-serif;
font-size:18px;
}

#topNavigation 
{
background-color:grey;
float:left;
font-family:sans-serif;
font-size:14px;
}

#banner
{
text-align:left;
padding:100px;
font-family:sans-serif;
color:white;	
margin-left:25px;
margin-right:auto;
}


#smallchurch
{
text-align:left;
padding-top:20px;
padding-bottom:16px;
padding-left:16px;
padding-right:26px;
float:left;
margin-top:30px;
}

#navigation1
{
width:839px;
}

.border
{
border-top:3px black solid;
}

.header
{
font-size:20px;
font-weight:bold;
border-top:2px #003366 solid;
border-bottom:2px #003366 solid;
padding:10px;
margin-top:22px;
margin-bottom:22px;
}

.footer
{
font-family:"Times New Roman",Georgia,Serif
}

.module
{
text-align:left;
border:2px solid black;
padding-top:6px;
padding-bottom:6px;
padding-left:6px;
padding-right:6px;
width:295px;
height:50px;
float:right;
margin-top:30px;
}


table 
{
table-layout:fixed;
}

.date 
{
text-align:right;
table-layout:fixed;
border-style:none solid solid solid
}

.box 
{
table-layout:fixed;
border-style:solid solid none solid
}

#calendar
{
border:0px solid black;
width:900px;
height:900px;
background-image:url("IMAGES/stjlcback.gif");
padding-left:20px;
padding-right:20px;
font-family:sans-serif;
color:#003366;
text-align: center;
}