@import url(reset.css);



/*_______________GENERAL SETUP________________*/

body { font-size:80%; font-family:Tahoma, Arial, sans-serif; background:#F4F2E6 url(../images/background.jpg) repeat-x; color:#000000 }

html { height:100.1% }

body, td { line-height:130% }

a { color:#752121 }

a:hover { color:#3F1614 }



/*___________________MAIN LAYOUT________________*/

#wrapper {
	width:1010px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	width:990px;
	height:126px;
	float:right;
	position:relative;
	margin:0;
	background:url(../images/logo.gif) no-repeat;
	display:block;
}

#topRight { height:62px; width:290px; /* float:right; position:relative; */ position:absolute; right: 0px; top: 0px; }

#searchBg { float:right; position:relative; height:35px; width:199px; margin:20px 30px 0 0; display:inline; background:url(../images/search-bg.gif) no-repeat }

#header {
	height:290px;
	width:1010px;
	background:url(../images/header.jpg) no-repeat;
}

#serviceTimes {
	float:left;
	position:relative;
	width:240px;
	height:165px;
	margin:60px 0 0 45px !important;
	margin:60px 0 0 22px;
	display:block;
	font-size:0.9em;
	overflow:auto
}

#serviceTimes br { line-height:0.5em }

#randomBanner {
	z-index:-50 !important;
	float:right;
	position:relative;
	height:220px;
	width:650px;
	display:block;
	display:inline;
	margin-top: 19px;
	margin-right: 18px;
	margin-bottom: 0;
	margin-left: 0;
} 

#contentWrapper {
	width:1000px;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main {
	width:490px !important;
	width:450px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#mainRight { width:680px; float:right; position:relative; margin:15px 0 }

#mainLeft { width:680px; float:left; position:relative; margin:15px 0 }

#leftColumn {
	width:240px;
	height:auto;
	float:left;
	overflow:hidden
}

#rightColumn {
	width:220px;
	height:auto;
	float:right;
	overflow:hidden
}

#footer {
	width:1010px;
	height:82px;
	background:url(../images/footer.jpg) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

#footer .text { width:860px; padding:40px 0 10px 0; text-align:center; font-size:0.9em; margin:auto }



/*__________VERTICAL SIDE MENU STYLES________*/



ul.menu { margin:0; padding:0; z-index:50 !important }

ul.menu li { list-style:none; margin:0; padding:0; z-index:50 !important }

ul.menu span { display:block; height:18px; line-height:18px; padding-left:0 }

ul.menu a { display:block; background:url(../images/menu-list.gif) left no-repeat; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }

ul.menu a:hover { background:url(../images/menu-list.gif) left no-repeat }

ul.menu ul { margin-left:15px; padding:0 }

ul.menu ul a { text-indent:0; z-index:50 !important; cursor:pointer }

ul.menu ul li a {  text-align:left; margin:0 }

ul.menu li.active li a:hover { cursor:pointer }

ul.menu li li { padding:0; margin:0; z-index:50 !important }

ul.menu li a { padding-left:10px; z-index:50 !important }

ul.menu li.active a { font-style:italic; text-decoration: none; z-index:50 !important }

ul.menu li a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover { text-decoration:underline }

ul.menu li.active li a { background:url(../images/menu-list.gif) left no-repeat; margin-left:5px; padding-left:10px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */ 



/*_________END VERTICAL SIDE MENU STYLES________*/



/* Module Settings */



.moduletable, .moduletable_menu, .moduletable_text { 

	padding:0 0 25px 0; 

	margin:0 0 12px 0; 

	background:url(../images/mod-bottom.gif) no-repeat 0 bottom; 

	width:100%; 

}


.moduletable h3, .moduletable_menu h3, .moduletable_text h3 { 

	background:url(../images/mod.gif) no-repeat 0 0; 

	padding:14px 0 20px 20px; 

	color:#3F1614; 

	font-size:1.2em; 

	font-weight:bold 

}

.moduletable div div, .moduletable_menu div div, .moduletable_text div div  { background:none; padding:0 13px;}

.pollstableborder, .poll { text-align:left; width:auto }

.poll td { margin:0; padding:0 }

.moduletable .bannergroup, .moduletable_text .bannergroup_text { padding:0; margin:0; width:100% }

#latest_events_content div { text-indent:0; margin:0; padding:0; width:100% } /* Extra class for "mod_gcalendar_latest", if installed */



/* End Module Settings */











/*________________GENERAL STYLES_________________*/

.left { float:left; position:relative }

.right { float:right; position:relative }

.clear { clear:both }

.clear-l { clear:left }

.clear-r { clear:right }

.spacer	{ height:10px }

hr { height:1px; color:#E2973A }

.imgRight { float:right; margin:0 0 10px 10px; position:relative; border:3px double #C8C5B0  }

.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:3px double #C8C5B0 }

.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0; color:#236C8C }

table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:99% }

table.contentpaneopen { width:99% }

table.contentpaneopen td { padding-bottom:5px; font-family:Tahoma, Arial, sans-serif }

table.contentpaneopen p { margin-top:3px; margin-bottom:7px; padding: 4px 0 4px; }

.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat }

#searchForm .button { margin-left:10px }

#main ul li, #mainRight ul li, #mainLeft ul li { background:url(../images/list.gif) no-repeat center left; padding-left:10px; margin:0 0 2px 8px }

.inputbox { border:1px solid #ccc; width:auto }

.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }

td.contentdescription { padding:8px; }

td.contentdescription p { padding: 6px 0 6px 0; }

a.readon { color:#fff; background:url(../images/read.gif) no-repeat; display:block; width:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }

a.readon:hover { color:#fff; background:url(../images/read-h.gif) no-repeat }

.article_separator { background:url(../images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; margin:auto 0 10px auto }

.article_column { padding-right:10px; }

.column_separator { border-left:1px solid #ccc; padding-left:10px; }

.pagenav  { font-size:1em }

.contenttoc td { padding:2px 5px }

.contenttoc { border:1px dotted #8A5C23; margin:5px }

.componentheading, .contentheading { font-size:1.5em; color:#9A5900  }

.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #8A5C23; border-top:1px dotted #8A5C23 }

.buttonheading a { margin:0 2px }

legend { margin: 0; padding: 0 10px }

#modlgn_remember { width:20px; border:none }

#form-login .button {  }



.search .inputbox { background:#fff; border:1px solid #6E1509; color:#6E1509; display:block !important; display:inline; width:125px; height:13px; padding:2px 9px; margin:8px 42px 0 0; float:right; position:relative; font-size:0.9em}

h1 { font-size:1.4em }

h2 { font-size:1.3em }

h3 { font-size:1.2em }

h4 { font-size:1.1em }



/*___________________Table View______________*/

td.sectiontableheader { background:#E1DECD; color:#3F1614; border-right:1px solid #F4F2E6; padding:5px 10px; font-weight:bold; }

td.sectiontableheader a { text-decoration:none; }

tr.sectiontableentry1 td { padding:5px; }

tr.sectiontableentry2 td { padding:5px; }

tr.sectiontableentry2 {  }

/*___EXTRAS___*/
#upcoming_events_content { padding:0 0 15px 0 }
li.slick-rss-item { list-style-image: url(../images/list.gif); }
li.latest_sermons_li { list-style-image: url(../images/list.gif); }
ul.latest_sermons_ul { padding-left: 13px; }

/*___Tooltips___ */
.tool-tip {
z-index: 150;
float: left;
max-width: 184px;
padding: 7px 9px 7px 7px;
margin-right: 0;
border: 1px solid #752121;
background: #F4F2E6 url(../images/mod-bottom.gif) no-repeat 0 bottom;
}
.tool-title {
font-size: 100%;
font-weight: bold;
padding: 7px 7px 3px 7px;
margin: -7px -7px 0 -7px;
border-bottom: 1px solid #752121;
background: #F4F2E6 url(../images/mod-top.gif) no-repeat 0 top;
}
.tool-text {
font-size: 100%;
padding-top: 3px;
margin: 0;
}

