@charset "UTF-8";
/* CSS Document */

/* Universal clear */

* {
	margin:0;
	padding:0;
}

body {
  font: 62.5% Georgia, "Times New Roman", Times, serif;
  background-color: #2c2313;
  background:  url(../images/bg3.jpg) no-repeat;
  color: #2c2313;
  }

/* Normalizes margin, padding
================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 pre, form, fieldset, inout, p, blockquote, th, td 
	{	margin: 0; padding:0 }
	
/* Normailzes font sizes for headers */

h1, h2, h3, h4, h5, h6 { font-size: 100%}

/* Removes list-styles from lists */

ol, ul {list-style:none; }

/* Normailzes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight:normal;
}

/* Removes list-styles from lists */

table {
	border-collapse: collapse; border-spacing: 0; }
	
/* Removes border from fieldser and img */

fieldset, img { border:0; }

/* Left aligns text in captions and th */

caption, th { text-align: left; }

/* Removes quotation marks from q */

q:before, q:after {content: ''; }

/* End normailze
================================== */
.oneColElsCtrHdr {
background-color: #2c2313;
}

.oneColElsCtrHdr #container {
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */ 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #top_shell { 
	background: url(../images/bg_top.png)repeat; 
} 
.oneColElsCtrHdr #mid_shell { 
	background: url(../images/bg_mid.png)repeat; 
}

.oneColElsCtrHdr #bot_shell { 
	background: url(../images/bg_site.png)repeat; 
}
.oneColElsCtrHdr #branding { 
	width: 90em;
	height: 22em;
	margin: 0 auto;
	/*padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #mainContent {
	width: 90em;
	margin: 0 auto;
	padding: 2em 0 1em 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
}
.oneColElsCtrHdr #secondaryContent {
	width: 90em;
	margin: 0 auto;
	padding: 1em 0 1em 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
}


/* Text styles 
================================== */

p, li {
  font-size: 1.1em;
  line-height: 1.45em;
}
	
h1 {
  margin: 0px;
  font-size: 2.2em;
  font-weight: normal;
  color: #990000;
}

#mainContent h1 {
	margin: 0px 0 2px 0;
	color: #55431b; 
	font-size: 2.1em; 
	letter-spacing: .023em;
	
}


#mainContent a {
	color: #4f3e1a;
	text-decoration:none;
	border-bottom: 1px dotted #574520;
	font-style:italic;
}

#mainContent a:hover {
	color:  #183855;
	text-decoration:none;
	border-bottom: 1px dotted #183855;
}

#mainContent p {
	margin: 0px 0 0 0px;
	padding:0;
	color: #5b481e; 
	font-size: 1.5em; 
	line-height:1.5em;
}

h2 {
  font-size: 1.72em;
  font-weight: bolder;
  color:#990000;
  background: url(../images/.gif) no-repeat;
}

h2 + p {
	font-size:120%;
	font-weight: bold;
	color: #000;
}

/*div.contenthome p:first-child {
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	color: #000;
}*/

h3 {
  font-size: 1.35em;
  color: #000;
  letter-spacing: normal;
  line-height: normal;
  margin: 10px 6px;
  font-weight: bold;
  }
  
h4 {
  font-size: .75em;
  color: #fff;
  letter-spacing: normal;
  margin-top: 0px;
  }
  
h5 {
  font-size: .85em;
  color: #000;
  letter-spacing: normal;
  margin-top: 0px;
  }
  
h6 {
	color: #000;
	font-size: .75em;
}
	
/*a {
color: #4f3e1a;
text-decoration:none;
border-bottom: 1px dotted #000;
}

a:hover {
color:  #183855;
text-decoration:none;
border-bottom: 1px dotted #183855;
}

a[title] {
	font-size: 90%;
	font-weight: lighter;
	border-bottom: 1px dotted #ccc;
}*/

.first {
	font-size:120%;
	color:  #5b481e;
}

.second {
	color:  #5b481e;
	font-size: 75%;
}

.drop {
	font-size:120%;
}

/* FOOTER */

.site_info { 
	text-align: center;
	list-style:none;
	line-height:normal;
	padding: 1em 0;
}

.site_info li a {
	color: #a88f6c;
	letter-spacing: .1em;
	line-height: .85em;
}

.site_info li{
	color: #a88f6c;
}

.site_info a,li { 
	display:inline;
	color: #000;
	border: none;
	text-decoration:none;
	margin-bottom:.5em;
}

.site_info a:hover {
	color: #a6b348;
	border-bottom: 1px #a6b348 dotted;
}

.site_info ul {
	color: #a88f6c;
}

.site_info ul a:hover {
	color: #a6b348;
	border-bottom: 1px dotted #a6b348;
}

.site_info h5 {
	letter-spacing: .1em;
	margin:4px 0;
}

.site_info h6 {
	margin-top:2px;
	letter-spacing: normal;
	letter-spacing: .1em;
	line-height: .85em;
}



/* END FOOTER */


  
/* End text styles
================================== */

/* Navigation Rollovers 
================================== */
#nav {
	margin: 0px 0 0 0;
	padding: 0px;
	}
	
.nav {
	margin: 0px 0 0 173px;
	padding-top: 0px;
	float: left;
	height: 3.2em;
	list-style: none;
	overflow: hidden;
}

#nav li {
	margin: 0px;
	padding: 0px;
	height: 32px;
	list-style: none;
	float: left;
}

#nav a {
	display:block;
	padding: 79px 0px 0px 0px;
	height: 0px !important;
	height: /**/ 3.2em; /* for IE5 Win */
	border:none;
}

#nav a:link {
	background-position: 0 0px;
}

#nav a:hover {
	background-position: 0 -32px;
	}

#nav a:active {
	background-position: 0 -64px;
	}
	
/*-- #nav a:visited {
	background-position: 0 0px;
	} --*/

#nav a.selected {
	background-position: 0 -32px;
	}
	
#surf a {
	background: url(../images/nav_surf.png) no-repeat;
	width: 184px;
	height: 32px;
}

#amen a {
	background: url(../images/nav_amen.png) no-repeat;
	width: 119px;	
	height: 32px;
}

#the a {
	background: url(../images/nav_the.png) no-repeat;
	width: 190px;	
	height: 32px;
}

#about a {
	background: url(../images/nav_about.png) no-repeat;
	width: 110px;
	height: 32px;	
}

#contact a {
	background: url(../images/nav_contact.png) no-repeat;
	width: 124px;
	height: 32px;	
}
/* End Nav
============================ */