html, body{ 
 margin:0; 
 padding:0; 
 background-color:#c6c37b; 
 text-align:center; 
 font-family: arial, helvetica, sans-serif;
 font-size: 90%;
} 

h1{ 
 color: #00a0b0;
 background-color: #ffffff;
 font-size: 150%;
 font-family: arial, helvetica, sans-serif;
}
 
h2{ 
 color: #00a0b0;
 background-color: #ffffff;
 font-size: 120%;
 font-family: arial, helvetica, sans-serif;
}
 
h3{ 
 color: #00a0b0;
 background-color: #ffffff;
 font-size: 100%;
 font-family: arial, helvetica, sans-serif;
}
 
#pagewidth{ 
 width:780px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
} 
 
#header{ 
 width:100%; 
 height: 222px;
 text-align: center;
 } 
 
#outer{ 
 border:solid white 0px; 
 background-color: #FFFFFF; /* center column colour */ 
 width: auto; 
 color: #000000;
 background-color: #ffffff;
 background-image: url("images/main-content-background.gif");
 background-repeat: repeat-y;
 } 
  
#footer{
 width:100%; 
 background-color:#00a0b0; 
 color: #ffffff;
 text-align: center;
 padding: 10px 0px 10px 0px;
 margin: -1px 0px 0px 0px;
} 

#footer a:link, #footer a:visited{
 color: #ffffff;
 text-decoration: none;
} 



hr.d {border: none 0; 
	border-top: 1px solid #ffffff;
	color: #ffffff;
	width: 100%;
	height: 1px;
	}
	
#inner{margin:0; width:100%;

}
 
#maincol{ 
 float: left; 
 position: relative; 
 padding: 0px 10px 0px 100px;
 width: 80%;
 }

#maincol p{
	text-align: justify;
} 

#maincol img {padding:10px;}

#maincol a:link, #maincol a:visited{
	color: #00a0b0;
}
 	
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
#menu {
	position:absolute; 
	top:222px; 
	z-index:899; 
	width:780px;
	height:16px;
	background-color:#00a0b0; 
	color:#fff; 
	padding: 1px 0px 1px 0px;
	font-size: 110%;
}

#nav{
	margin:0; 
	padding:0;
	font-size: 80%;
	list-style: none; 
	z-index:900;
	padding:0px 0px 0px 40px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color:#00a0b0; 
}


#nav a {
	background-color:#9a9a30; 
	color: #ffffff;
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #fff;
	padding: 1px 10px;
}

#nav li li a:hover {
	padding: 1px 5px;
	background-color:#9a9a30; 
	border: 5px solid #00a0b0;
	border-width: 0 5px;
}

#nav li {
	float: left;
	position: relative;
	padding: 0px 35px 0px 0px;
	text-align: left;
	cursor: default;
	color: white;
	background-color: #00a0b0;
	font-weight: bold;

}

#nav li a:link, #nav li a:visited{
	background-color: #00a0b0;
}

#nav li#first {
	border-left-width: 1em;
}

#nav li#last {
	border-right-width: 1em;
}

#nav li ul {
	display: none;
	position: absolute;
	z-index:910;
	text-align: left;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: url(images/ddbg3.gif) bottom left no-repeat;
	padding: 0.5em 0 1px 0;
}

#nav li>ul {
	top: 12px;
	text-align: left;
	z-index:920;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	text-align: left;
	z-index:930;
	width: 10em;
	border: 0;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index:940;
	min-height:0;
	left:0;
}

.strongital{
font-weight: bold;
font-style: italic;
}

.strong{
font-weight: bold;
}

.ital{
font-style: italic;
}

.greenfont{
font-weight: bold;
	color: #949a29;
}

.ital{
font-style: italic;
}

.small{
font-size: 90%;
}

.x-small{
font-size: 90%;
}

.scripture{
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	text-align: center;
	color: #949a29;
	background-color: #ffffff;
	
}

.eg {
	border: 2px solid #ffffff; 
	color: #000000;
	background-color: #ffffff;
	float: right;
	width: 200px;
	text-align: center;
	}
	
#leftcol ul{
text-decoration: none;
list-style: none;
margin-left: 1em;
}

.imgright {
 float: right;
 padding: 0px 5px 0px 10px;
}

.imgleft {
 float: left;
 padding: 0px 10px 0px 5px;
}