body{
width: 770px;/*leave*/
margin-left: auto;/*leave*/
margin-right: auto;/*leave*/
margin-top:0;/*leave*/
/*background: #003300;*/
background:url(/images/grass.jpg) repeat transparent 100%;
}
b{font-size: 110%;}
em{color: red;}
#top{
height: 135px; /*Height of top section*/
}
#top h1{
margin: 0 0 0 0;
color: white;
}
.images{
margin-top: 0px;
margin-bottom: 0px;
margin: 0px;
line-height: 3.5em;*/
}
#contentwrapper{
float: left; /*leave*/
width: 89%;
}

#contentwrapper .youth{
float: left; /*leave*/
width: 89%;
background: #FE8502;
height: 100%;
}
#contentcolumn{
margin: 0 0 0 10%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin-top: 1.5px;
background: #FDFFEB;
border-right: 1px solid black;
border-left: 1px solid black;
padding: 1px 1px 1px 1px;
min-height: 100%;/*leave for FF, keep for youth*/
max-height: 100%;/*leave for FF*/
min-width: 600px; /*leave for FF*/
max-width: 1138px; /*leave for FF*/
}
#contentcolumn.hp{
min-height: 580px;
max-height: 1600px;
min-width: 570px; /*leave for FF*/
margin-left: auto;/*leave*/
margin-right: auto;/*leave*/
/*margin-right: 160%;*/
}
#contentcolumn.library{
min-height: 580px;
max-height: 1600px;
min-width: 98%; /*leave for FF*/
margin-left: auto;/*leave*/
margin-right: auto;/*leave*/
/*margin-right: 160%;*/
}
.model{position: absolute;
/*float: left;  /*used on home page*/
clear: left;
height:20%; /*leave*/
background-image:url(images/model.jpg); 
background-repeat: no-repeat;
margin-left: 4.5%;
margin-top:3%;
width: 50%;/*leave*/
text-align: center;
}
#contentcolumn .youth{
background: #FE8502;
background:url(/images/orgbk.jpg) ;no repeat 100%;
margin-top:-2px;margin-left:5.75%;height: 100%; /*adjust height of length*/
}
#contentcolumn .children{
background: white;
/*background:url(/images/orgbk.jpg) ;no repeat 100%;*/
margin-top:-1px;margin-left:5.95%;height: 101%;
}
.contentright{
float: right;
margin: 0 0 0 0; 
text-align: top;
background: #FDFFEB;
padding: 1px 1px 1px 1px;
overflow: hidden;
}
#leftcolumn{
float: left;
width: 17%; /*Width of left column in percentage*/
margin-left: -88%;
background: #C8FC98;
border: 1px solid black;
padding: 2px 0px 1px 0px;
min-height: 100%;/*leave for FF*/
max-height: 100%;/*leave for FF*/
/*min-width: 600px; /*leave for FF*/
/*max-width: 1138px; /*leave for FF*/
}

#leftcolumn .youth{
float: left;
width: 17%; /*Width of left column in percentage*/
margin-left: -86%;
background: #C8FC98;
/*border: 1px solid black;*/
padding: 2px 0px 1px 0px;
min-height: 100%;/*leave for FF*/
max-height: 100%;/*leave for FF*/

}

.sidebar .sideBarTitle {
background-color: #C8FC98;
border: 1px solid green;
font-weight: bold;
text-align: center;
}
.sidebar ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
line-height: 10pt;
}
.sidebar li {
margin: .5ex 0 2.5ex .5ex;
padding: 0 0 0 0.5ex;
}
.sidebar a {
color: #003399;
background-color: transparent;
text-decoration: none;
font-weight: small;
font-size: small;
}
.sidebar a:hover {
background-color: transparent;
text-decoration: underline;
}
.sidebar .date {
color: #cc0000;
background-color: transparent;
text-decoration: none;
font-weight: bold;
font-size: small;
}
.sidebar .sideBarText {
line-height: 1.25 em;
margin: 0;
padding: 0 2ex 1em 2ex;
font-size: small;
}
.sidebar .more {
text-decoration: none;
text-align: right;
margin: 0;
padding: 0 2ex 1em 2ex;
display: block;
}
.sidebar .more:hover {
text-decoration: underline;
}
#rightcolumn{
float: left;
width: 14.5%; /*Width of right column in pixels*/
margin-left: -5%; /*Set margin to that of -(RightColumnWidth)*/
margin-top: 1px;
background: #FDFFEB;
border: 1px solid black;
padding: 1px 0px 1px 0px;
height: 80%;
overflow: hidden;
text-align: center;
}
.sermon{
border-bottom: 1px solid black;
vertical-align: center;
text-align: center;
font-weight: bold;
font-size: small;
background: white;
padding: 2px;
}
.55{float: right;  /*used on home page*/
clear: bith;
height:100%; 
background-image: url(images/55.jpg); 
background-repeat: no-repeat;
margin-left: 11%;
margin-top:3%;
width: 100%;
text-align: center;
}
#footer{
float: left;
clear: left;
margin-left: 1%;
width: 98%;
background: #003300;
color: white;
text-align: center;
/*padding: 1px 0;*/
line-height: 12pt;
font-size: smaller;
min-width: 600px;
max-width: 1138px;
}
#footer a{
color: yellow;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.prayer{background-image: url(images/lighthouse.jpg);
  background-repeat: no-repeat;
  margin: 5px 0 0 0;
}