* {
   margin: 0;
   padding: 0;
}

body{
   background: #FFFFFF;
   background-image: url(../images/bg_gradient.gif);
   background-repeat:repeat-x;
   font-size: 62.5%;
   font-family: "Trebuchet MS", sans-serif;
   height:100%;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   width: 771px;
   margin: 0 auto;
   background: #FFFFFF;
   height:100%;
}
.clear {
	clear: both;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   /* padding: 20px 40px; */
   /*height: 73px;*/
   width:771px;
   border-top: #9fc065 solid 12px;
   border-bottom: #FFFFFF solid 7px;
   margin:0px;
   padding:0px;
   background: #FFFFFF;
   vertical-align:text-bottom;
}

#headerlogo{
	width: 190px;
	height:73px;
	float: left;
	clear:none;
}

#header #searcharea {
	/*height:21px;*/
	margin:10px 0px 0px 1px;
	float:left;
}
#header #searcharea .aphc {
	display: block;
	margin: 0 0 10px 0;
}

#header #searcharea input {
	width:250px;
	color:#566b30;
	border: #d2e3a5 1px solid;
	font-size: 13pt;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
	text-indent:3px;
	margin: 2px 0 0 0;
}

#header #searcharea #search_go {
    width:50px;
	background-color:#566b30;
	color:#d2e3a5;
	text-decoration:none;
	text-align:center;
	font-size:small;
	vertical-align:text-bottom;
	border: 1px solid #d2e3a5;
	padding:3px 10px 3px 10px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   float: left;
	margin: 0;
   position:relative;
   width: 190px;
   padding:0px;
   background: #FFFFFF;
}

#nav li.current, #nav li {
   text-align: right;
   width: 160px;
margin: 0;
   padding: 12px 0px 12px 0px;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   list-style: none;
}

#nav li a{
   display: block;
   color: #748485;
   text-transform: uppercase;
   text-decoration: none;
}

#nav li a:hover{
   background: #FFFFF;
   color: #748485;
}

#nav li ul{
   display: none;

}

#nav li.current ul{
   display: block;

}

#nav li li, #nav li.current li{
   border-bottom: 0;
   padding: 5px 0px 5px 0px;
   width: 160px;
   font-size: 9pt;
   font-weight: normal;
   font-family: "Trebuchet MS", sans-serif;
}

#nav li li a{
   background: #FFFFFF;
   color: #748485;
}

#nav li li li {
   width: 160px;
   background: #FFFFFF;
   color: #748485;
}

#indexsubnav {
	height:32px;
	background-color:#9fc065;
}

#indexsubnav div.subselected {
    float:left;
	background-color:#566b30;
	margin-right:7px;
	padding: 0px 10px 0px 10px;
	text-align:center;
	height:32px;
}

#indexsubnav div.subselected a {
	display:block;
	color:#d2e3a5;
    font-size: 12pt;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;	
	text-transform:uppercase;
	vertical-align:middle;
	text-decoration:none;
	margin-top:6px;
}

#indexsubnav div.subunselected {
    float:left;
	background-color:#d2e3a5;
    margin-right:7px;
	padding: 0px 10px 0px 10px;
	text-align:center;
	height:32px;
}

#indexsubnav div.subunselected a {
	display:block;
	color:#566b30;
    font-size: 12pt;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
	text-decoration:none;
	margin-top:6px;
}

#nav_contact_container {
	width:190px;
	overflow:auto;
}

#justnav {
	width:189px;
}

#justcontact {
	width:189px;
}

.contactheader {
   float:left;
   clear:left;
   text-align: right;
   text-transform: uppercase;
   width: 160px;
   padding: 12px 0px 12px 0px;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   color:#748485;
}

.contactheader #seemap {
   text-transform: uppercase;
   text-decoration:none;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   color:#748485;
}

.contactheader #seemap:hover {
   color:#d2e3a5;
}

.contacttext{
   float:left;
   text-align: right;
   text-transform: none;
   padding: 5px 0px 5px 0px;
   width: 160px;
   color:#748485;
   font-size: 9pt;
   font-weight: normal;
   font-family: "Trebuchet MS", sans-serif;
}

.contacttext a{
   text-transform: none;
   text-decoration:none;
   padding: 5px 0px 5px 0px;
   width: 160px;
   color:#566b30;
   font-size: 9pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
}

.contacttext a:hover {
   text-transform: none;
   text-decoration:none;
   padding: 5px 0px 5px 0px;
   width: 160px;
   color:#d2e3a5;
   font-size: 9pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
}

/* =Container-Inner */
---------------------------------------------------------------------
#container-inner {
	clear:both;
	position:relative;
}



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
	background: #9fc065;
   position:relative;
   float: right;
   width: 556px;
   border: 7px #9fc065 solid;
   margin-right: 10px;
padding: 0;
   height: 100%;
}

/* =Content
---------------------------------------------------------------------
*/

#headerimg {
	margin: 0px;
	padding: 0px;
	width:556px;
	height:260px;
    border-bottom: #9fc065 7px solid;
}

#content{
	background: #fff;
   float: left;
   width: 522px;
   padding: 10px;
   border: #566b30 7px solid;
}

#content h1 {
   font-size: 14pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:10px;
}

#content h3{
   font-size: 1.5em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:10px;
}

#content h4{
   font-size: 1.3em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:10px; 
}

#content h5{
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:10px; 
}

#content h6{
   font-size: .9em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:10px;   
}

#content p {
   font-weight: normal;
   font-family: "Trebuchet MS", sans-serif;	
   color: #000000;
   font-size: 9pt;
   line-height: 2em;
   margin-bottom:1em;
}

#content p a, a.standardlink {
   color:#566b30;
   font-weight:bold;
   text-decoration:none;
   text-transform:uppercase;   
}

#content p a:hover, a.standardlink:hover {
   color:#d2e3a5;
}

#content ul,
#content ol{
   font-weight: normal;
   font-family: "Trebuchet MS", sans-serif;	
   color: #3e3e3e;
   font-size: 9pt;
   margin-left: 3em;
}

#content ul#byline{
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

h4.sermonheader {
   color:#9fc065;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   float: right;
   width: 169px;
   padding: 15px;
   border-left: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   background: #EEE;
}

#sidebar h3{
   font-size: 1.4em;
}

#sidebar h4{
   font-size: 1.2em;
}

#sidebar h5{
   font-size: 1.0em;
}

#sidebar h6{
   font-size: .9em;
}

#sidebar p,
#sidebar ul,
#sidebar ol{
   margin-bottom: 1em;
   color: #333;
   font-size: 1.1em;
   /*line-height: 1.2;*/
}

#sidebar ul,
#sidebar ol{
   margin-left: 2em;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
}

#footer p{
   color: #748485;
   font-size: 1.0em;
   text-align: right;
}


#footer p a {
   color: #748485;
   font-size: 1.0em;
   text-align: right;
   text-decoration:none;
}

#footer p a:hover {
   text-decoration:underline;
}

/* Sermons */

.recentsermonwrapper, .upcomingeventswrapper  {
	display:block;
	width:522px;
	clear:both;
    margin:10px 0px 10px 0px;
	overflow:hidden;
}

.recentsermondate,.upcomingeventsdate{
	position:relative;
	width:75px;
 	float:left;
	text-align:right;
	margin-right:15px;
}

.recentsermoninfo, .upcomingeventsinfo {
	position:relative;
	width:432px;
	float:right;
}

.recentsermonheader, .upcomingeventsheader  {
   font-size: 1.5em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   text-transform:uppercase;
   color: #566b30;
}

.recentsermonsubheader, .upcomingeventssubheader  {
   font-size: 1.3em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   color: #566b30;
   display:block;
   margin: 2px 0px 0px 0px;
}

.recentsermonsummary, .upcomingeventssummary, .upcomingeventssummary a {
   font-weight: normal;
   font-family: "Trebuchet MS", sans-serif;	
   color: #3e3e3e;
   font-size: 9pt;
   line-height:1.1em;
   margin: 0px;
}

.recentsermondivider, .upcomingeventsdivider {
	background-color:#d2e3a5;
	width:522px;
	height:2px;
}

/* EVENTS */


.upcomingeventssummary a {
	text-decoration:none;
}

.upcomingeventssummary a:hover {
	text-decoration:none;
}


/* style to hide the title of the Contact Form since there's no way to do it programmatically */
#contact-form fieldset legend {
	visibility:hidden;
}

/* Gallery styles */

.gallery {
	position:relative;
	margin: 15px 0px 15px 0px;
	width:173px;
	height:140px;
	float:left;
}

.gallery img {
	border:#566b30 solid 2px;
}

.gallery h5, .gallery h5 a, .beforegallery h5, .beforegallery h5 a {
   font-size: 1.1em;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   padding-right: 15px;
   text-transform:uppercase;
   color: #566b30;
   margin-bottom:0px;
   text-decoration:none;
}

.gallery h5 a:hover, .beforegallery h5 a:hover {
   color:#d2e3a5;
}

/***************************** Pagination
 <p id="pagination">
 <a href="#" id="off"> Previous</a>
 <a href="?page=1" id="current">1</a>
 <a href="?page=2" >2</a>
 <a href="?page=3" >3</a>
 <a href="?page=2" id="next">Next </a>
 </p>  *********************************/
 
#pagination a {
   margin: 0px 3px 0px 3px;
   color:#566b30;
   font-weight:bold;
   text-decoration:none;
   text-transform:uppercase;   
}
 
#pagination #current {
   margin: 0px 3px 0px 3px;
   background-color:#566b30;
   color:#ffffff;
   font-weight:bold;
   text-decoration:none;
   text-transform:uppercase;   
}

#content p a, a.standardlink {
   color:#566b30;
   font-weight:bold;
   text-decoration:none;
   text-transform:uppercase;   
}