body {
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	font: normal 12px/18px Arial, Verdana, sans-serif;
	background: #798d90 url(images/bg_loop.png) repeat-x;

	color: #333;
	
	}

/* CSS layout */
#left_col {
	width: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#right_col {
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#page_content {
	margin-right: 0px;
	margin-left: 0px;
	}
	
#container {
	position: relative;
	width: 100%;
	
}



/* ------- Reset CSS --------- */

ol,ul {
	list-style: none;
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
}

a {
	outline: 0;
	color: #b15600;
}


.clear {
	clear: both;
        text-indent: -9999px;
}




/* ------- Layout Rules ------- */

#container {
	width: 910px;
	margin: 0 auto;
	height: 700px;
}


/* ------- Header Rules ---------- */

#header {
	position: relative;
	height: 160px;
	background: transparent url(images/header.jpg) no-repeat;
}


/* --------- Nav Rules ----------- */

#nav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 910px;
	height: 42px;
	padding: 0 0px 0 0;
	background: transparent url(images/nav_bg.png) no-repeat;
} 

#nav ul {
	float: right;
	margin: 0;
	padding: 0;
}


#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 42px;
	background: transparent url(images/nav_divider.png) no-repeat top right;
}

#nav ul li.noborder {
	background: none;
}

#nav ul li a {
	float: left;
	margin: 0 1px 0 0px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #333;
	height: 42px;
	font-size: 14px;
	font-weight: normal;
}

#nav ul li a span {
	float: left;
	display: block;
	height: 42px;
	padding: 0 12px 0 0;
}

#nav ul li a:hover {
	background: transparent url(images/nav_hover.png) repeat-x top left;
}

#nav ul li a:hover span {
	background: transparent url(images/nav_hover.png) repeat-x top right;
}

/* -------- Content Rules ------- */

#content {
	width: 910px;
	padding: 8px 0 15px 0;
	background: #ffffff;
	
	
}

/* -------- Sub Page Rules ------- */

#content {
	padding-top:15px;
	
}

#content_main {
	background: #ffffff;
	float: right;
	width: 680px;
	min-height: 600px;
    height: auto !important; /*IE6 Fix */
    height: 500px; /* IE6 Fix */
	padding: 0px 0px 0px 20px;
	padding-right: 10px
	
}
#content_none {
	background: #ffffff;
	float: right;
	width: 760px;
	min-height: 600px;
    height: auto !important; /*IE6 Fix */
    height: 500px; /* IE6 Fix */
	padding: 0px 0px 10px 150px;
	
}
#content_media {
	background: #ffffff;
	float: right;
	width: 910px;
	min-height: 300px;
    height: auto !important; /*IE6 Fix */
    height: 400px; /* IE6 Fix */
	padding: 0px 0px 10px 0px;
	
}
#content_sub  {
	float: left;
	width: 215px;
	background: transparent url(images/sidenav.png) no-repeat;
	position: absolute;
    top: 170px;
   	padding: 0px 0px 10px 0px;
    min-height: 600px;
    height: auto !important; /*IE6 Fix */
    height: 600px; /* IE6 Fix */
  
}
#contentside  {
	float: left;
	width: 215px;
	background: transparent url(images/sidenavext.png) no-repeat;
	position: absolute;
    top: 170px;
   	padding: 0px 0px 10px 0px;
    min-height: 1000px;
    height: auto !important; /*IE6 Fix */
    height: 1000px; /* IE6 Fix */
  
}
#contentmid  {
	float: left;
	width: 215px;
	background: transparent url(images/sidenavext.png) no-repeat;
	position: absolute;
    top: 170px;
   	padding: 0px 0px 10px 0px;
    min-height: 800px;
    height: auto !important; /*IE6 Fix */
    height: 1000px; /* IE6 Fix */
  
}
#nav_sub li a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 0px 30px;
	
}
#nav_sub li a:hover {
	text-decoration: underline;
	color: #dfd385;
	
}
h2 {
	padding: 20px 0px 0px 30px;
	color: #dfd385;
	font-weight: bold;
    font-size: 14px;
}
h1 {
	
	color: #603913;
	font-weight: normal;
    font-size: 18px;
}
h10 {
	
	color: #603913;
	font-weight: italic;
    font-size: 14px;
}
h4 {
	
	color: #dad0ac;
	font-weight: bold;
    font-size: 14px;
}
h7 {
	
	color: #333333;
	font-weight: normal;
    font-size: 12px;
}
h8 {
	
	color: #10541a;
	font-weight: bold;
    font-size: 12px;
}
/* --------- Footer Rules --------- */

#footer {
	width: 910px;
	clear: both;
	background: transparent url(images/footer.jpg) no-repeat;
	height: 310px;
    height: auto !important; /*IE6 Fix */
    height: auto; /* IE6 Fix */
	}


#footer_content {
	width: 910px;
	min-height: 310px;
	height: 310px;
	padding: 10px 0 10px 0;
}
#footer_small {
	width: 910px;
	clear: both;
	background: transparent url(images/footersmall.jpg) no-repeat;
	min-height: 58px;
    height: auto !important; /*IE6 Fix */
    height: auto; /* IE6 Fix */
	}
}

#footer_bottom {
	width: 910px;
	height: 6px;
	margin: 0 0 10px 0;
}

#footer_pods {
	

	width: 900px;
	padding: 0 0 10px 0;
	margin: 0 0 0 10px;
}
.footer_pod {
	border-top: 1px solid #dad0ac;
	float: left;
	width: 225px;
	
	margin: 0 10px 0 0;
	display: inline;
	
}
.footer_mag {
	border-top: 1px solid #dad0ac;
	background-image:url("magazine.jpg");
	background-repeat:no-repeat;
	float: left;
	width: 220px;
	height: 240px;
	margin: 0 10px 0 0;
	display: inline;
	
}
.footer_column {
	border-top: 1px solid #dad0ac;
	float: right;
	width: 210px;
	height: 250px;
	margin: 0 10px 0 0;
	display: inline;
}
.footer_columnleft {
	border-top: 1px solid #dad0ac;
	float: left;
	width: 210px;
	margin: 0 5px 0 0;
	display: inline;	
}

.footer_column a {
	border-top: 1px solid #dad0ac;
	font-weight: bold;
	font-size: 13px;
	color: #4d3c29;
	text-decoration: none;
	display: block;
	margin: 2px 0 0 0;
	padding: 0 0 2px 0;
}

.footer_column a:hover {
	text-decoration: underline;
}


#footer_notes {
	margin: 205px 22px 0 22px;
        color: #000000;
        font-size: 11px;

}

span.copywrite {
	color: #000000;
	font-weight: normal;
        font-size: 11px;
}

#footer_notes a {
	color: #9e7b5c;
	font-size: 11px;
	float: right;
}


.footer_column .border {
	border-bottom: 1px solid #e7dec0;
}

h3 {

	margin: 0;

	padding: 0;

	color: #603913;

	font-weight: bold;

        font-size: 14px;
}



/* =Sub Pages
---------------------------------------------------------------------
*/

#sub_content {

    position: relative;

	width: 910px;

	z-index: 19;

	background: transparent url(/images/sub_page_bg_loop.png) repeat-y;

}



#sub_content_body {

	float: left;

	width: 628px;

	padding: 30px 36px 25px 36px;

	line-height: 18px;

	background: transparent url(/images/sub_page_content_loop.png) repeat-x top left;

    overflow: hidden; /* IE6 Fix */

    position: relative;

    z-index: 20;

}



#sub_content_body.right_bar {

    position: relative;

	float: left;

	width: 442px;

	padding: 30px 222px 25px 36px;

	line-height: 18px;

	background: transparent url(/images/sub_page_content_loop.png) repeat-x top left;

    overflow: hidden; /* IE6 Fix */

    z-index: 20;

}



#sub_content_body_no_nav {

	width: 838px;

	padding: 30px 36px 25px 36px;

	line-height: 18px;

	background: transparent url(/images/sub_page_content_loop.png) repeat-x top left;

}



#sub_content_body p {

	margin: 0 0 20px 0;

}



#sub_content_body ul {

    list-style-type: circle;

}



#sub_content_no_nav {

	width: 910px;

	background: #fff;

}



#right_bar {

    position: absolute;

    top: 18px;

    right: 0;

    width: 166px;

    padding: 0 15px;

    background: transparent url(/images/divider.png) no-repeat top left;

    min-height: 392px;

    height: auto !important; /*IE6 Fix */

    height: 392px; /* IE6 Fix */

}



/* -------- Sub Page Headers ------- */



#sub_graphic {

	position: relative;

	width: 910px;

	height: 165px;

	z-index: 21;

}



#sub_graphic h1 {

	position: absolute;

	top: 25px;

	left: 36px;

    line-height: 40px;

    font-size: 36px;

	font-weight: normal;

}



#sub_graphic h2 {

	position: absolute;

	bottom: -8px;

	left: 36px;

    line-height: 28px;

    font-size: 18px;

}
.category_media {

	background: url(/images/header_media.jpg) no-repeat;

}
.category_angelfood {

	background: url(/images/header_angelfood.jpg) no-repeat;

}
.category_watp {

	background: url(/images/header_watp.jpg) no-repeat;

}
.category_connect {

	background: url(/images/header_connect.jpg) no-repeat;

}
.category_floods {

	background: url(/images/floods.jpg) no-repeat;

}
.category_current {

	background: url(/images/header_current.jpg) no-repeat;

}
.category_cottrell {

	background: url(/images/cottrell.jpg) no-repeat;

}

.category_children {

	background: url(/images/header_children.jpg) no-repeat;

}
.category_adults {

	background: url(/images/header_adults.jpg) no-repeat;

}
.category_students {

	background: url(/images/header_students.jpg) no-repeat;

}
.category_witwigo {

	background: url(/images/header_witwigo.jpg) no-repeat;

}
.category_archives {

	background: url(/images/header_archives.jpg) no-repeat;

}
.category_imnew {

	background: url(/images/header_imnew.jpg) no-repeat;

}
.category_media h1 {

	color: #ffffff;

}
.category_connect h1 {

	color: #ffffff;

}
.category_imnew h1 {

	color: #ffffff;

}


.category_media, .category_watp h2 {

	color: #27360f;
	

}

/* -------- Sub Page Sub Nav Rules ------- */



#subnav {

	float: right;

	width: 210px;

    min-height: 380px;

    height: auto !important; /* IE6 Fix */

    height: 380px; /* IE6 Fix */

}



#subnav ul {

    margin: 0 0 100px 0;

	padding: 0;

	border-bottom: 1px solid #c2d5d7;

}



#subnav ul li {

	margin: 0;

	padding: 0;

}



#subnav ul li a {

	display: block;

	height: 28px;

	padding: 0 0 0 17px;

	line-height: 28px;

	text-decoration: none;

	color: #2a474b;

	border-top: 1px solid #c2d5d7;

	border-bottom: 1px solid #8eb1b3;

	border-left: 5px solid #97afb1;

}



#subnav ul li a:hover, #subnav ul li.active a {

	background: #7ca5a8;

	border-bottom: 1px solid #558a8d;

	border-left: 5px solid #6f9497;

	border-top: 1px solid #b5c7c9;

}



.subnav_extra {

	clear: both;

	margin: 0 0 15px 0;

	line-height: 14px;

}



.itunes {

   background: transparent url(/images/itunes.png) no-repeat;

}



.subnav_extra h4 {

	padding: 8px 0 4px 5px;

	border-left: 5px solid #708a8c;

	background: #7d9a9c;

	color: #fff;

}



.subnav_extra p {

	margin: 5px 20px 5px 10px;

	color: #333;

}



.subnav_extra p a {

	color: #607677;

}



.itunes p {

	margin: 15px 20px 5px 52px;

	color: #333;

}
/* -------- Supraflex Buttons ------ */



a.supra span.flex {

	background: transparent url(/images/btn_right_green.png) right no-repeat;

	padding: 0 15px 0 0;

	display: block;

}



a.supra {

	background: transparent url(/images/btn_left_green.png) left no-repeat;

	height: 22px;

	padding: 0 0 0 15px;

	font-size: 10px;

	color: #fff;

	margin: 0 0 15px 8px;

	line-height: 22px;

	display: block;

	float: left;

	text-decoration: none;

	text-transform: uppercase;

}



a.supra:hover {

	color: #dffcff;

}


/* Podcast Listing Rules

-------------------------------------- */



#cast dl {	

	position: relative;

	clear: left;

	border-top: 1px solid #dee1e5;

	padding: 10px 20px;

	height: 34px;

}



#cast dl.alt {

	background: #f1f6fe;

}



#cast dl dt {

	color: #785333;

}



#cast dl dd {

	color: #666666;

	float: left;

}



#cast dl dd.pn {

	font-weight: bold;

}



a.audio {

	position: absolute;

	top: 10px;

	right: 20px;

	background: transparent url(/images/dl_podcast.png) no-repeat left;

	padding: 0 0 0 25px;

	color: #c0763a;

	text-decoration: none;

	font-size: 11px;

}



a.video {

	position: absolute;

	top: 10px;

	right: 20px;

	background: transparent url(/images/dl_vidcast.png) no-repeat left;

	padding: 0 0 0 27px;

	color: #c0763a;

	text-decoration: none;

	font-size: 11px;

}



a.audio:hover, a.video:hover {

	text-decoration: underline;

}



#cast dl.alt a.audio {

	background: transparent url(/images/dl_podcast_alt.png) no-repeat left;

}



#cast dl.alt a.video {

	background: transparent url(/assets/images/btn/dl_vidcast_alt.png) no-repeat left;

}








/* =Text Sub Pages
---------------------------------------------------------------------
*/

#textleft{
	float: left;
	width: 520px;
	padding-left: 60px;
	
}
.post_box {
	clear: left;
	margin-top: 0px;
}
.text_area {
	float: left;
	clear: left;
	background: #ffffff;
	padding: 10px;
	border: 0px solid #ffffff;
}
.publish_date {
	clear: both;
	padding-top: 15px;
	color: #499200;
	font-size: 11px;
	font-weight: bold;
}
text_pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}