body { background-color: #dddddd;
        font-family: Verdana, sans-serif;
        color: #000000;
        text-align: center;
        margin: 10px 0 10px 0;
font-size: small;
        }
a {color: #000000;}        
a:link {text-decoration: underline; font-weight: bold;
}
a:visited {text-decoration: underline; font-weight: bold;
}
#container {width: 770px;
height: auto;
background-color: #ffffff;
border: 1px solid #000000;
margin: 0 auto;
position: relative;
margin-bottom: 10px;
}

#innercontainer { width: 750px;
height: auto;
margin: 10px;
}

.bottompadding {
margin-bottom: 10px;}

#banner {width: 750px;
        height: 200px;
        border: 1px solid #000000;
        }
        
#banner img {vertical-align: bottom;}

#links { background-color: #9fc1d3;
border: 1px solid #000000;
width: 750px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

#content { width: 750px;
/* background: url(mainbg.gif); */
border: 1px solid #000000;
position:relative;
overflow: auto ;
background-color: #9fc1d3;
}

#content img.content   { margin: 10px 20px 10px 10px; position: relative; float: left; clear: right; vertical-align: bottom; border: solid 1px #000000 }

.text { width: 560px;
padding: 5px;
text-align: center;
vertical-align: top;
font-size: small;
}

.events { width: 190px;
border-left: 1px solid #000;
text-align: center;
padding: 5px;
font-size: small;
}

#images {margin-bottom: 10px;}

#images img {
vertical-align: bottom;
margin-top: 10px;
border: none;}

#full  { background-color: #9fc1d3; position: relative; width: 750px; overflow: auto; border: solid 1px #000000 }
#maintext { margin: auto; width: 740px }
.title {  font-weight: bold;
}
h1 {  font-weight: bold;
font-size: 20px;}

.sermon {width: 300px;
background: url(sermonbg.gif);
}
.morning {float: left;
}
.evening {float: right;
}

#monthone { width: 610px;
border: 1px solid #000;
float: left;
margin: auto;
position: relative;
left: 74px;
margin-top: 10px;
background: url(sermonbg.gif);}
#monthtwo {width: 610px;
border: 1px solid #000;
float: left;
margin: auto;
position: relative;
left: 74px;
margin-top: 10px;
background: url(sermonbg.gif);}
#monththree { width: 610px;
border: 1px solid #000;
float: left;
margin: auto;
position: relative;
left: 74px;
margin-top: 10px;
background: url(sermonbg.gif);
}
.times {
width: 100%;
background-color: #9fc1d3;
border-bottom: 1px solid #000;
float: right;
font-weight: bold;}
.topright{
width: 300px;
float: right;}
.topleft {
width: 300px;
float:left;}
.monthtitle .title {color: #fff;}

.monthtitle { width: 100%;
background-color: #4f82b1;
}
.section {
border-top: 1px dotted #000;
width: 100%;
margin: auto;}

.left { text-align: left;
width: 300px;
margin: auto;}
.class { }
.weeklytitle {display: block;
width: 100%;
background-color: #4f82b1;
font-weight: bold;
color: #fff;
border: 1px solid #000;}
.weeklyevent {
display: block;}

.person  { text-align: center; margin: auto; width: 100%; height: 100px; }

.persontext{
width: 730px;
padding-top: 10px;
margin: auto;
left: 10px;
text-align: left;
}
.people  { text-align: center; margin: auto; width: 100%; }

.mugshot {
position: relative;
height: 100px;
width: 100px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
.leftwide { text-align: left; margin: auto; width: 740px }

.event1 {visibility: visible;}
.event2 {visibility: hidden;}

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

textarea {vertical-align: bottom;}
.smaller {font-size: x-small;
font-weight: normal;}

.pageimagel { float: left;
clear: right;
margin: 0px 10px 0px 0px; position: relative;
border: 1px solid #000;
}
.pageimager { float: right;
clear: left;
margin: 0px 0px 0px 10px; position: relative;
border: 1px solid #000;
}
.pageimagernb { float: right;
clear: left;
margin: 0px 0px 0px 10px; position: relative;
}
.pageimagelnb { float: left;
clear: right;
margin: 0px 10px 0px 0px; position: relative;
}
.withimage {clear: both;}

.bordered {border: 1px solid #000;}