/*

	File: screen.css
	Media: screen
	Copyright: (c) 2010 The Cross Baptist Church  www.thecrossbaptistchurch.com
	Author: Matt Fuller
	Notes: 


/* Reset Defaults 
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {height: 100%; width: 100%;}
body {line-height: 1;}
:focus { outline: 0;}
a:active {outline: 0;}
ul, ol { list-style: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Global Selectors
--------------------------------------------------------------------------------------- */

html {font-size: 100.01%; height: 100%;}
body {font: normal 1em "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #594F4A; height: 100%; line-height: 1; background-color:#FEFAEC; }

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #5e4e45;}
h3.small_text { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #9ba6b3; }
p { font-size:0.8em; line-height:1.8em; margin:14px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both; display: block; }

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

img.large_image { margin-top: 26px; margin-bottom: 10px}
img.image_frame { padding: 9px; background: #ffffff; border: 1px solid #dddddd;}
img.small_image { margin: 0 0 10px 40px; float: right; display: inline;}


/* Links
--------------------------------------------------------------------------------------- */

a {font-size: 1em; font-weight: bold; text-decoration: none;}
a:link { color: #ae2922;}
a:visited { color: #ae2922;}
a:hover { color: red; text-decoration: none;}
a:active { color: #ae2922;}


/* Primary Structural Layout
--------------------------------------------------------------------------------------- */

.container { width:100%; min-height:171px; margin: 0 auto; padding: 0 0; background: url(../images/container-topbar.jpg) 50% 0 repeat-x; }
body.home .page { width:960px; margin: 0 auto; }

body.interior .page { width:960px; margin: 0 auto; }


/* WRAPPER-A
*****************************************************************************************************************/

#wrapper-a { height:190px; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; background-image:url(images/header-run-bg.png); background-repeat:repeat-x;
	overflow:visible; z-index:5000;}

#header { height:190px; width:1020px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; overflow:visible; position:relative;}

#logo { height:190px; width:350px; margin-top:0; margin-left:0px; overflow:visible; position:absolute; display:block; z-index:11; }

.top-search { float: right; width: 640px; height: 100px; margin: 5px 25px 0 0; text-align:right; background-image:url(images/search-bg.png); }
.top-search table {font-size: 11px; line-height: 1.5em; margin: 25px 9px 9px 0; float:right; margin-left:400px;}
.top-search form { float: right; margin: 2px 9px 0 0}
input#searchBtn {width: 24px; height: 24px; position:relative; text-indent: -10001px; border:none; float:left; margin-left:0px; }
input#searchTextBox {width: 140px; background: none; position:relative; float:left; border:none; margin-top:5px; margin-right:5px; }

#top-main-nav ul{width:640px; float:left; height:40px; left:350px; margin:0; top:120px; position:absolute;}
#top-main-nav li{width:640px; float:left; width:128px; height:40px; margin:0; padding-top:11px; text-align:center; vertical-align:middle;}

#top-main-nav a {font-size: 1em; font-weight:normal; text-decoration: none;}
#top-main-nav a:link { color: #fff;}
#top-main-nav a:visited { color: #fff;}
#top-main-nav a:hover { color: #0ba2eb; text-decoration: none;}
#top-main-nav a:active { color: #fff;}

/*wrapper-b**********************************************************************************************************/

#wrapper-b{
	width:100%;
	margin-top:-30px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/body-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	z-index:1;
}

#home-image-section{
	height:400px;
	width:960px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	z-index:-10000;
}

#home-main-content{
	width:1020px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/home-content.png);
	background-position:top center;
	background-repeat:repeat-y;
}

.content { width: 960px; height: 400px;}

.prev-btn { width: 75px; height: 75px; position: absolute; left: 0px; top: 204px; z-index: 10; }
.next-btn { width: 75px; height: 75px; position: absolute; right: -35px; top: 204px; z-index: 10; }

#nav2 { position: absolute; right: 485px; top: 515px; z-index: 10; }
#nav2 a { padding: 10px; font-size: .8em; text-align: center; background: #ae2922; color: #ffffff; display: inline; float: left;margin-left: 8px; opacity: 0.9 } 
#nav2 a:hover { padding: 10px; font-size: .8em; text-align: center; background: red; color: #ffffff; display: inline; float: left;margin-left: 8px; }


#welcome{width:598px; margin:0 0 0 30px; padding:0 30px 30px 30px; float:left;}
#happenings{width:286px; margin:0; padding:0 8px 30px 8px; float:left; text-align:center;}

body.interior .int-main-image{width:960px; height:135px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; background-color:#FFF; overflow:hidden;}
body.interior .int-main-content{width:900px; margin:0 auto 0; padding-top:0; padding-left:30px; padding-right:30px; padding-bottom:40px; background-color:#FFF;	background-image:url(images/int-main-content-bg.jpg); background-position:top center; background-repeat:repeat-y;}

body.interior .sidebar { width: 225px; display: inline; float: left; padding: 0 30px 0 0;}
body.interior .int-content { width: 600px; display: inline; float: left; padding: 0 0 0 40px;}

body.interior ul.sidebar-list { width: 200px; margin: 40px 0 40px 15px; padding-right: 15px; }
body.interior ul.sidebar-list li { border-bottom: 1px solid #D7D2C2; padding: 15px 0px; }
body.interior ul.sidebar-list li:last-child { border-bottom: 0px solid #D7D2C2; padding: 15px 0px; }
body.interior ul.sidebar-list li a { width: 100%; height: 30px; color: #ae2922; font-size: .9em; line-height: 1em; }
body.interior ul.sidebar-list li a:hover {width: 100%; color: red; text-decoration: none; }

body.interior ul.sidebar-list li ul { margin: 0px 0px 0px 15px; } 
body.interior ul.sidebar-list li ul li { border-bottom: 1px dashed #d7d2c2; font-size: .9em; }
body.interior ul.sidebar-list li ul li a { font-weight: 400; }
body.interior ul.sidebar-list li ul li a:hover { font-weight: 400; }
body.interior ul.sidebar-list li ul li.last-subnav { border-bottom: 0px dashed #d7d2c2; font-size: .9em; }

body.interior .sidebarbox { width: 100%; padding: 0px; margin-bottom: 30px; }
body.interior .sidebarbox h3 { font: 300 1.2em "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e4e45; border-top: 4px solid #d7d2c2;}
body.interior .sidebarbox p { font-size: .8em; line-height: 1.5em; }

hr {
	border: 0;
	border-top: 1px solid #9d9d9d;
	height: 1px;
}

ul {
	list-style-type: none;
	list-style-image: url(/images/bullet-2.gif);
	list-style-position: outside;
	margin-left: 2em;
}

li {
	margin-bottom:10px;
	}

.link {
	list-style-image: url(/images/bullet-1.gif);
}

a {
	text-decoration: none;
	color: #9e100f;
}

a:visited {
	color: #980000;
}

a:hover {
	text-decoration: underline;
	color: #e05252;
}

a:active {
	color: #980000;
}

h1 {
	margin-top:35px;
	margin-bottom:25px;
	color: #9e100f;
	border-bottom:1px solid #5E0A09; 
	padding: 0 0 8px 0;
}

h2 {
	font-size: 1.1em;
	border-bottom:1px dotted #9e100f;
	color:#9e100f;
	margin-top:30px;
	margin-bottom:10px;
}

.wrapper-a {
	margin: 0;
	padding: 0;
	background-image:url(images/headerrunbg.jpg);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-top:0px;
}

.main {
	background-image:url(images/bodybg.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px 0 25px 0;
	width:974px;
}

.header {
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	width:974px;
	height:382px;
}

.header-bottom {
	background-image:url(images/header-bottom.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0px;
	padding: 0px;
	width:974px;
	height:53px;
	float:left;
}

.header-logo {
	margin: 62px 0 0 25px;
	padding: 0px;
	width:357px;
	height:116px;
	float:left;
	text-align:left;
	clear:none;
}

.header-logo a, .header-logo img {
	border:none;
}

.main_content {
	margin-left:5px;
	margin-top:4px;
	padding: 0 14px 0 14px;
	width:612px;
	position:relative;
	/*border-left: 1px solid #bababa;*/
	height: 100%;
	float:left;
}

.wrapper-footer {
	background-image:url(images/footer-run.png);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	height:179px;
}

.footer {
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	width:1020px;
	height:179px;
	text-align:center;
}

.footer_logo {
	margin-left:30px;
	margin-right:auto;
	margin-top:35px;
	margin-bottom:0px;
	padding: 0px;
	width:244px;
	height:75px;
	float:left;
	clear:none;
}

.footer_address {
	margin-left:20px;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0px;
	padding: 10px 0 0 0;
	width:670px;
	height:75px;
	float:left;
	clear:none;
	color:#FFFFFF;
	text-align:right;
}

.footer p{font-size:.7em;}