/* CSS Document */

/* Built using CSS Blueprint (http://code.google.com/p/blueprintcss/) */
/* Navigation based upon the article "Turning a list into a navigation bar" @ http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/ */

/* Start CSS */

/* IE6 Float Fix; IE6 was causing the subcontent to flow under the main content instead of beside it.
******************/

* html div {overflow-x: hidden;}

/* Header
*****************************/

#header {
background-color:#1D4966;
height:160px;
}

/* Main Nav
*****************************/

#mainNav {
   margin:0;
   padding:0;
   background:#1D4966 url(nav_bg.jpg) 0 0 repeat-x;
   float:left;
   width:100%;
   boarder:1px solid #42432d;
   border-width:1px 0;
}

#mainNav li {
   display:inline;
   padding:0;
   margin:0;
   }
   
#mainNav a,
#mainNav a:link,
#mainNav a:visited {
	color:#fff;
	background:#1D4966;
	padding:20px 40px 4px 10px;
	float:left;
	width:auto;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-shadow: 2px 2px 2px #555;
}

#mainNav li:first-child a {
border-left:1px solid #1D4966;
}

#mainNav a:hover {
 color:#fff;
 background:#66481D;
}

#home #nav-home a,
#ministries #nav-ministries a,
#resources #nav-resources a,
#about #nav-about a,
#contact #nav-contact a {
background:#B3700F;
color:#fff;
text-shadow:none;
}

#home #nav-home a:hover,
#ministries #nav-ministries a:hover,
#resources #nav-resources a:hover,
#about #nav-about a:hover,
#contact #nav-contact a:hover {
background:#B3700F;
}

#mainNav a:active {
background:#B3700F;
color:#fff;
}


/* Main Content
**************************/

#mainContent {
margin-top:20px;
padding-top: 20px;
font-size:115%;
}

.container #mainContent {
	background-image: url(../images/layout/contentBackground.gif);
	background-repeat: no-repeat;
}


#mainContent h1,h2,h3,h4,h5,h6 {
color:#1D4966;
font-weight:bold;
padding-top:6px;
clear:both;
}

#mainContent h1 {
/*border-bottom:solid medium #66481D;
border-left:dotted medium #66481D;*/
padding-bottom:15px; /* Moves the first line below the background image */
padding-left:6px;
}

#mainContent h2,h3,h4,h5,h6 {
/*border-left:dotted medium #66481D;
padding-left:6px;*/
margin-top:6px;
}

#mainContent img {
float:left;
margin-right:10px;
}

#mainContent p {
margin-right:15px;
}

#mainContent #mainContentLeft {
float:left;
width: 340px;
background-image: url(../images/layout/mainContentLeftHeader.gif);
	background-repeat: no-repeat;
}

#mainContent #mainContentLeft h2{
color: #1D4966;
padding-left:6px;
}

#mainContent #mainContentLeft h3{
background-image:url(../images/layout/mainContentLeft_header.gif);
background-repeat:no-repeat;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
color:#66481D;
font-size:1.3em;
font-weight:bold;
height:41px;
width:320px;
padding-left:50px;
padding-top:6px;
margin-top:23px;
}

#mainContent #mainContentRight h2{
padding-left:6px;
}

#mainContent #mainContentRight img{
padding-left:10px;
padding-bottom:6px;
}

#mainContent #mainContentRight {
float:right;
width: 340px;
background-image: url(../images/layout/mainContentRightHeader.gif);
background-repeat:no-repeat;
}

#mainContent #mainContentRight h2 {
text-align:right;
}

#mainContent #wrapper {
	margin-right:20px;
}

/* Sub Content
**************************/

#subContent h1 {
background-image:url(../images/layout/sidebar_header.gif);
background-repeat:no-repeat;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
color:#66481D;
font-size:1.6em;
font-weight:bold;
height:41px;
width:220px;
padding-left:50px;
padding-top:6px;
margin-top:20px;
}

#subContent .eventsHeader {
	background-image:url(../images/layout/sidebar_header_event.gif);
}

#subContent .audioHeader {
	background-image:url(../images/layout/sidebar_header_audio.gif);
}

#subContent .timeHeader {
	background-image:url(../images/layout/sidebar_header_clock.gif);
}

#subContent .photoHeader {
	background-image:url(../images/layout/sidebar_header_photo.gif);
}

#subContent .mailHeader {
	background-image:url(../images/layout/sidebar_header_mail.gif);
}


#subContent a {
font-size:1.2em;
color:#2177B3;
}

#subContent a:hover {
color:#66481D;
}

/* Footer
****************************/

#footer {
color:#1D4966;
text-align:center;
font-size:0.9em;
font-weight:bold;
background-repeat:no-repeat;
height:75;
width:950;
margin-top:30px;
padding-top:8px;
border-top:solid medium #1D4966;
}

/* Added Typography
*******************************
If not found in here, the remaining css for typography can be found in blueprint/screen.css */

.largeTextCenter {
font:1.4em;
font-weight:bolder;
text-align:center;
}

.leftIndent {
margin-left:35px
}


/* Lists 
**************************/

ul {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	list-style-type: none;
}

li {
	background: url(../images/layout/typo_listBullet.gif) no-repeat 0 50%;
	padding-left: 20px;
}

.mediaUL {
}

.mediaUL li {
background:none;
}