/*_______________GENERAL SETUP________________*/
body { font-size:14px; font-family:"Times New Roman", Times, serif; margin:0; padding:0 }
#body { background:#2a394b url(../images/bg.png) top center no-repeat fixed }
html { height:100.1%; }
body, td { line-height:120% }
td { vertical-align:top }
ul, ol { list-style:disc  }
h1, h2, h3, h4, h5, h6, form, label, legend, fieldset { margin:0; padding:0; border:0 }
a img, :link img, :visited img { border:0; outline:none }
#wrapper, #breadcrumb a, #breadcrumb, #copyright a, #copyright { color:#fff }
#footer a { color:#2f5c71 }
#footer a:hover { color:#000 }
a { color:#fff }
a:hover { color:#ccc }

/*___________________MAIN LAYOUT________________*/
#headerLogo { width:968px; height:246px; margin:0 auto; background:url(../images/header-logo.png) no-repeat  }
#top { height:51px; width:910px; margin:0 auto }
#breadcrumb { color:#fff; float:left; font-size:.9em; margin:15px 0 0 0 }
.search .inputbox { font-family:"Times New Roman"; color:#fff; font-weight:bold; background:none; border:0; width:200px; height:16px; padding:0; margin:23px 35px 0 0; float:right; font-size:0.9em }
#logo { width:390px; height:135px; float:left; margin:10px 0 0 20px }
#wrapper { width:940px; margin:0 auto; background:#000; overflow:hidden }
#content { width:915px; margin:0 auto; padding:10px 0 }
#mainLeft { width:570px; float:left; padding:0; margin:10px 0 }
#mainFull { width:900px; padding:0; margin:10px auto }
#rightColumn { width:300px; float:right; margin:10px 0 5px 0; padding:0; border-left:1px dashed #fff }
#footer { width:940px; margin:0 auto }
#footerMid { padding:0 25px; margin:0; width:890px; background:#fff; color:#000 }
#footerMid:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#footerMid { display:inline-block } /* Hide from IE Mac \*/
#footerMid { display:block } /* End hide from IE Mac */
* html #footerMid { height:1px } /*for IE6 and down*/
#footerTop { background:url(../images/footer-top.png) no-repeat; height:58px; width:940px }
#footerBottom { background:url(../images/footer-bottom.png) no-repeat; height:72px; width:968px; margin:0 auto }
#copyright { width:940px; margin:0 auto; padding:5px 0 15px 0; text-align:center; font-size:0.9em }

/*__________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; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/menu-list.gif) left no-repeat }
ul.menu ul { margin-left:14px; 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 { 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; text-indent:4px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */ 
/*_________END VERTICAL SIDE MENU STYLES________*/

/*__________MODULE STYLES________*/

/* DEFAULT MODULES (position- right) */
#rightColumn .moduletable, #rightColumn .moduletable_menu, #rightColumn .moduletable_text { padding:0 0 10px 0; margin:0 0 15px 15px; width:280px; border-bottom:1px dashed #fff }
#rightColumn .moduletable h3, #rightColumn .moduletable_menu h3, #rightColumn .moduletable_text h3 
{ padding:0; margin:0; font-size:1.2em; font-weight:bold }
#rightColumn .moduletable .cont, #rightColumn .moduletable_menu .cont, #rightColumn .moduletable_text .cont { margin:0 auto }
.moduletable .cont p { margin:0; padding:0 }
.pollstableborder, .poll { text-align:left; width:auto }
.poll td { margin:0; padding:0 }
#rightColumn .moduletable .cont ul, #rightColumn .moduletable_text .cont ul { margin:0 0 0 5px; padding:0; border:0 }
#rightColumn .moduletable_menu .cont ul { margin:0; padding:0 }
#rightColumn li { margin:0 0 0 10px; padding:0 }
#modlgn_remember { width:16px; border:none; margin:0 }

/* DEFAULT MODULES (position- footer/left) */
#footer .moduletable, #footer .moduletable_menu, #footer .moduletable_text { padding:0; margin:0 6px !important; margin:0 3px; width:210px; float:left }
#footer .moduletable h3, #footer .moduletable_menu h3, #footer .moduletable_text h3 { background:none; padding:0 0 5px 0; margin:0; font-size:1.3em; font-weight:bold; color:#000 }
#footer .moduletable .cont, #footer .moduletable_menu .cont  { background:none; padding:3px 0 }
#footer .moduletable_text .cont { padding:0 }
#footer .moduletable .bannergroup, #footer .moduletable_text #footer .bannergroup_text { padding:0; margin:0; width:100% }
#footer .pollstableborder, #footer .poll { text-align:left; width:auto }
#footer .poll td { margin:0; padding:0; text-align:left } 
#footer .poll td div  { text-align:left; float:left; clear:none; margin:0px; padding:0;  }
#footer .moduletable .cont ul, #footer .moduletable .cont ul { margin:0; padding:0; border:0 }
#footer li { list-style:none; margin:0; padding:0 }
#footer ul.menu a { background:url(../images/menu-list-ft.gif) left no-repeat }

/*SLIDESHOW (user 5) */ 
.moduletable_flashBanners { padding:0; margin:0; width:940px; height:306px }

/*HOME BANNERS FOR LIFEGROUPS, NEWCOMERS, & EVENTS (user 6) */
.moduletable_homeBanners { margin:0 auto; padding:0; width:910px }
.moduletable_homeBanners p { margin:0 auto; padding:5px 0 }

/*____________END MODULE STYLES______________ */


/*________________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:#ccc }

/* Use imgRight and imgLeft classes for spacing, alignment, and image borders. */ 
/*Image Styles*/
.contentpaneopen img { margin:0 8px }
.buttonheading a { margin:0 1px }
td.buttonheading img, .hasTip img { border:none; margin:0 1px; padding: 0;  }
.imgRight { float:right }
.imgLeft { float:left }
/*End Image Styless*/
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.8em; padding:0; margin:0; color:#96bce7 }
table.contentpaneopen, table.blog, div .contentpane { width:100%; margin:0; padding:0 }
table.contentpaneopen fieldset { border-bottom:1px dotted #fff; width:98% }
.contentpane li {  }
.componentheading, .contentheading { font-size:1.3em; color:#fba60a; font-weight:bold; padding:0; margin:0; width:100% }
.componentheading { margin:0; padding:0 0 2px 0 }
div .componentheading { background:none; height:20px; line-height:20px  }
.button { width:80px; height:22px; border:none; padding:0; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat }
a.readon { color:#fff; background:url(../images/read.png) no-repeat; display:block; width:100px; height:23px; line-height:23px; font-weight:bold; text-decoration:none; text-align:center; float:right; font-size:0.9em }
a.readon:hover { color:#F0EBD2  }
.article_separator { display:block; height:6px; padding:0; width:99% }
.column_separator { border-left:1px dotted #fff; padding-left:10px; }
.pagenav  { font-size:1em }
#searchForm .button { margin-left:10px }
.inputbox { border:1px solid #ccc; width:auto }
.input .inputbox { width:70% }
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:#333; border-right:1px dotted #000; padding:5px 10px; font-weight:bold }
td.sectiontableheader a { text-decoration:none }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding:7px }

/*_______________EXTRAS __________________*/

/* System Standard Messages */
#system-message { color:#000 }
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { list-style:none; background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding:10px 0 10px 40px; text-indent:0px }
/* System Error Messages */
#system-message dd.error ul { list-style:none; color:#c00; background:#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding:10px 0 10px 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { list-style:none; color:#c00; background:#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding:10px 0 10px 40px; text-indent:0px;}
#system-message .message ul li { list-style:none; background-image:none }

/* -- buttons */
#editor-xtd-buttons { padding:5px }
.button2-left, .button2-right, .button2-left div, .button2-right div { float:left }
.button2-left a, .button2-right a, .button2-left span, .button2-right span { display:block; height:22px; float:left; line-height:22px; color:#000; cursor:pointer } /*font-size */
.button2-left span, .button2-right span {cursor:default; color:#000 }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding:0 6px }
.page span { color:#000; font-weight:bold }
.button2-left a:hover, .button2-right a:hover { text-decoration:none; color:#0B55C4 }
.button2-left a, .button2-left span { text-decoration:none; padding:0 24px 0 6px }
.button2-right a, .button2-right span { text-decoration:none; padding:0 6px 0 24px }
.button2-left { background: url(../../system/images/j_button2_left.png) no-repeat; float:left; margin-left:5px }
.button2-right { background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px }
.button2-left .image { background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat }
.button2-left .readmore { background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat }
.button2-left .pagebreak { background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat }

/* Component Specific Fixes */
#component-contact { margin:0 0 0 5px }
#component-contact table td { padding: 2px 10px }
#component-contact img { border:none; margin:0; padding:0 }

/* Tooltips */
.tool-tip { float:left; background:#ffc; color:#000; border:1px solid #D4D5AA; padding:5px; max-width:200px }
.tool-title { padding:0; margin:0; font-size:100%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../../system/images/selector-arrow.png) no-repeat }
.tool-text {font-size:100%; margin:0 }

/* Form validation. */
.invalid { border-color: #ff0000 }
label.invalid { color: #ff0000 }

/* GCALENDAR GOOGLE CLASS CODES SPECIFICALLY CREATED FOR THIS THEME/TEMPLATE ONLY / PLEASE NOTE: THE COMPONENT USED IN OUR LIVE DEMO IS SUBJECT TO CHANGE. TO DOWNLOAD THIS COMPONENT, AND KEEP UP TO DATE WITH RECENT FILES, PLEASE GO TO THE FOLLOWING URL: http://g4j.laoneo.net/content/extensions/gcalendar.html */
.Today, .Today a { color:#000000 }
td.Today { background:#fff799 }
.gcalendar th { background:none; color:#fff }



/* Custom Style for Sermon Speaker Tables and Buttons.  At least that's what I'm hoping for :-)*/