/* ===================== GENERAL ======================= */
a { 
	text-decoration:none;
	color: #354317;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 20px 0 20px 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #e2e858;
	background-repeat: repeat-x;
        background-color: #421b05;
}

h1 { 
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 21px; 
	color: #421b05;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;

}

h2 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	color: #421b05;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #421b05;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #354317;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/* ===================== NAVBAR SPRITE =================== */



/* { margin: 0px; padding: 0px; } */

#nav {
margin: 0px auto;
padding: 0px;
background: url(images/navbar.png);
height: 37px;
width: 960px;
}

#nav span {
display: none;
}

#nav li {
list-style-type: none;
float: left;
}

#nav a {
height: 37px;
display: block;
}

#list1 { width: 136px; }
#list2 { width: 156px; }
#list3 { width: 236px; }
#list4 { width: 151px; }
#list5 { width: 127px; }
#list6 { width: 154px; }

#list1 a:hover {
background: url(images/navbar.png) 0px -37px no-repeat;
}

#list2 a:hover {
background: url(images/navbar.png) -136px -37px no-repeat;
}

#list3 a:hover {
background: url(images/navbar.png) -292px -37px no-repeat;
}

#list4 a:hover {
background: url(images/navbar.png) -528px -37px no-repeat;
}

#list5 a:hover {
background: url(images/navbar.png) -679px -37px no-repeat;
}

#list6 a:hover {
background: url(images/navbar.png) -806px -37px no-repeat;
}


	
/* ===================== TEXT STYLES ===================== */
.JMM #body-text {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #421b05;
	font-size: 13px;
}
.JMM #sidebar-text {
	font-family: tahoma;
	font-size: 12px;
	color: #D666666;
}
.JMM #sermon-archive-text {
	font-family: tahoma;
	font-size: 13px;
	color: #000000;
}
.JMM #sermon-archive-chapter-heading {
	font-family: tahoma;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.JMM #photo-gallery-text {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
}
.JMM #contact-form-text {
	font-family: tahoma;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}
.JMM #contact-success-txt {
	font-family: tahoma;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}
.JMM #copyright-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	
}	
/* ===================== SITE SETUP ID's ================== */
.JMM #container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
.JMM #mainContent {
	padding: 0 20px 0 20px;   /* padding is the space inside the div box and margin is the space outside the div box  */
	background-color: #e2e858;
	/* color: #421b05; */
	color: #e2e858;                  
}