html {
  height: 100%;
}

body  {
	line-height: 1.9em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: url(../images/_base_bgr.png);*/
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #252525;
}

a:link { color: #6545ae; }
a:visited { color: #ab3b03; }
a:hover { color:#72030e; }
a:active { color:#FF0033; }

a.TopNav { color: #882234; text-decoration: none; font-variant:small-caps; font-size: 95%; }
a.TopNav:visited { color: #882234; }
a.TopNav:hover { color:#937632; }
a.TopNav:active { color:#FF0033; }

input { font: 1em Verdana, Arial, Helvetica, sans-serif; }
img { border: none; } 
li { padding-bottom: 3px; }
p { margin: 5px 0 12px 0; }
td { vertical-align:top; }

img.PaddedImage { padding: 0px 10px 3px 3px; }

h3
{
	color: #dd4f10;
	font-size:1.5em;
	margin: 12px 3px 4px 1px;
	padding: 0;	
}

h4:first-child { margin-top: 14px; }
h4
{
	color: #861A29;
	font-size:1.3em;
	margin: 24px 3px 9px 0px;
	padding: 0;	
}

h5 
{
	color: #861A29;
	font-size:1.1em;
	margin: 10px 3px 8px 0px;	
	padding: 0;
}


p.LinePlus1 { line-height: 1.6em; }

.Separator 
{
	background-color: white;
	height: 12px;
}

.ErrorMsg
{
	color: red;
	font-weight: bold;
}

.GreyFonts
{
	color: #aaa;
}

#MainContainer { 
	min-width: 780px;
	max-width: 1050px;
	background: url(../images/_page_bgr.png) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	border: white 8px solid;
	border-top: none;
} 

#Header, #ContentContainer, #ContainerFooter, #Footer 
{
	width: 100%;
}

#Header {
	height: 114px;
	padding: 0px;
	margin: 0px ;
	background: #fff url(../images/_banner_bgr.png) right repeat-x;
}

#Header div {
	height: 114px;
	background: url(../images/_banner_left.png) left no-repeat;
}

#Header div div {
	height: 114px;
	background: url(../images/_banner_right.png) right no-repeat;
}

#Header div div div {
	height: 50px;  /* IE 6 */
	padding: 64px 70px 0px 0px;
	text-align: right;
	font:  1.6em bold  Arial, Helvetica, sans-serif;
	color: white;
	background: none;
}

#ContentContainer {
	background: white url(../images/_content_middle.png) left repeat-y ;  
	text-align: left; 
}

#LMenu_Top, #LMenu_Bottom
{
	width: 178px;
}

#LeftPanel{
	width: 178px;
	float: left;
	background: url(../images/_lmenu_middle.png) repeat-y;	
}

#LMenu_Top 
{
	height: 16px;
	background: url(../images/_lmenu_top.png) no-repeat;	
}

#LMenu_Middle{
	width: 178px;
	padding: 3px 0px 20px 0px;
	background: url(../images/_content_bottom_middle.png) right repeat-y;	
}

#LMenu_Bottom
{
	height: 16px;
	background: url(../images/_lmenu_bottom.png) no-repeat;
}

#RightPanel
{
	/*width: 552px;*/
	margin-left: 178px;
	margin-right: 0px;
	padding-right: 0px;
	/*border-right: #e5cec8 6px solid;*/
	background: url(../images/_content_bottom_middle.png) right repeat-y;	
	 
}

#TopNavigation
{
	margin: 0px;
	padding: 0px;
	height: 59px;
	background: white url(../images/_topnav_bgr.png) repeat-x;
}

#TopNavigation div
{
	height: 59px;
	text-align: right;	
	background: url(../images/_topnav_top.png) right no-repeat;
}

#TopNavigation div div
{
	Padding-top: 8px;
	background: none;
	height: 30px;
}

#FontSizer
{
	float: left;
	padding: 0px 0px 0px 12px;
}

.search
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#Content
{
	padding: 0px 15px 10px 10px;
}

#ContentContainerBottom
{
	width: 100%;
	height: 17px;
	padding: 0px;
	margin: 0px;
	background: white url(../images/_content_bottom_middle.png) bottom repeat-x;
}

#ContentContainerBottom div
{
	width: 100%;
	height: 17px;
	background: url(../images/_content_bottom_left.png) left no-repeat;	
}

#ContentContainerBottom div div
{
	height: 17px;
	width: 100%;
	background: url(../images/_content_bottom_right.png) right no-repeat;
}

#ContainerFooter
{
	height: 16px;
	background: url(../images/_content_bottom.png);
}

#Footer
{
	height: 71px;
	background: #fff url(../images/_footer_bgr.png) repeat-x;
}

#Footer div
{
	height: 71px;
	background: url(../images/_footer_left.png) left no-repeat;
}

#Footer div div
{
	height: 71px;
	background: url(../images/_footer_right.png) right no-repeat;
}

#Footer div div div
{
	float: right;
	height: 10px;
	color: white;
	margin: 28px 28px 0 0;
	background: none;
}


.LMenu_Item
{
	padding-bottom: 2px;
	background: url(../images/_lmenu_separator.png) bottom repeat-x;
}



.NavSeparator
{
	color: #a4a284;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.Padding
{
	padding: 0px;
	margin: 0 0 10px 0;
}

textarea.inputbox
{
	width:auto!important;
}

.inputbox
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	margin: 2px 0px 5px 0px;
	width: 143px;
}

.componentheading
{
	color: #861A29;
	font-size:1.4em;
	font-weight: bold;
	margin: 8px 0px 0px 0px;
	padding:0px 3px 8px 1px;
}

.contentheading
{
	color: #dd4f10;
	font-size:1.6em;
	font-weight: bold;
	margin: 0px;
	padding: 14px 3px 10px 1px;
}

/* For pages with Component Title and Content Title in the same place.  E.g. Blog layout. */
.componentheading_TwoLevel
{
	color: #dd4f10;
	font-size:1.4em;
	font-weight: bold;
	margin: 0px;
	padding: 12px 3px 8px 3px;
}

.contentheading_TwoLevel
{
	color: #861A29;
	font-size:1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 10px 3px 4px 1px;
}

.contentdescription, .contentdescription_TwoLevel
{
	padding-left: 3px;
}

.contentheading_FrontPage
{
	color: #861A29;
	font-size:1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 10px 3px 4px 1px;
}


/* ################ left ######################## */

.moduletable_MainMenu
{
	margin: 0px; 
	padding: 0px;	
}

#LMenu_Middle .moduletable_MainMenu h3 
{
	color: #555;
	padding:0px 3px 6px 12px;
}

#LMenu_Middle h3 
{
	font-size:1em;
	margin: 0px;
	padding:0px 3px 3px 1px;
}

#mod_login_username, #mod_login_password
{
	font-size: 1.1em;
	padding: 1px;
	margin-top: 2px;
	margin-bottom: 3px;
}


/* Main Menu */

#LMenu_Middle ul 
{
	list-style:none; 
	margin:0px 5px 0px 5px; 
	padding:0px; 
}

#LMenu_Middle ul li 
{
	padding: 0px;
	border-bottom: 1px dotted #bbb;
	margin:0px;
}

#LMenu_Middle ul li a 
{
	display:block;
	padding:3px 8px 3px 8px;
	text-decoration:none;
}

#LMenu_Middle ul li a:link,#LMenu_Middle ul li a:visited 
{
	color:#555;
	font-weight:normal;
}

#LMenu_Middle ul li a:hover,#LMenu_Middle ul li a:active,#LMenu_Middle ul li a:focus 
{
/*	background:#df966f !important;
	color: #fff !important;   */
	background:#fcfde1 !important;
	color: #AE0000 !important;  	
}


/* sub menu */

#LMenu_Middle ul li ul li
{
	padding: 0px;
	border-top: 1px dotted #bbb;
	border-bottom: none;
	margin:0px;
}


#LMenu_Middle ul li ul li a 
{
	padding:3px 3px 3px 15px;
	text-decoration:none;
}

#LMenu_Middle ul li.active ul li a:link,#LMenu_Middle ul li.active ul li a:visited 
{
	background: white;
	color: #555;
}

.MenuTitle
{
	background: url(../images/_lmenu_title_bgr.png) no-repeat;
	margin: 0 6px 0 6px;
	width: 166px;  /* IE6 */
	height: 29px;
} 
	


/*

#LMenu_Middle ul li.active a:link,#LMenu_Middle ul li.active a:visited 
{
	background:#be602d;
	color:#fff;
}

#LMenu_Middle ul li.active ul li.active a:link,#LMenu_Middle ul li.active ul li.active a:visited 
{
	background:#df966f;
	color: #fff;
}

*/

#LMenu_Middle form a:hover,#left LMenu_Middle a:active,#left LMenu_Middle a:focus 
{
	color:#bd7521;
}

.moduletable_LatestNews h3  
{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #353535;
}

.moduletable_LatestNews,  .moduletable_LatestNews ul
{
	margin-bottom: 0;
	margin-top: 10px;	
}

.moduletable_Login
{
	padding: 0px 10px 0px 15px;
	margin: 0;
}

.moduletable_Login form
{
	padding: 0px;
	margin: 0px;
}

#LMenu_Middle fieldset 
{
	border: 0 none #fff; margin: 0em; padding: 0em 
}

#LMenu_Middle form
{
	margin: 0em; padding: 0 0 5px 0; 
}

.greyline
{
  width: 20px;
  background: url(../images/line_grey.png) 50% 0 repeat-y;
}

.maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.nopad {
	/* width: 100%;  IE6 issue */
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

.article_separator 
{
border-bottom: 1px solid #ccc;
display: block;
width: 100%;         
margin: 3px 0 8px 2px;
}

#BreadCrumbsBox 
{
	min-height: 24px;
	padding: 10px 0 0 8px;
	margin-bottom: 3px;
	background: url(../images/_bread_bgr.png) left repeat-y;
	vertical-align: middle;
}


.NewsBox
{
	position: relative;
	background: url(../images/_news_box_bgr.png) repeat-x;
	border-top: solid 1px #cad7d1;
	border-bottom: solid 1px #cad7d1;
}

.WhatsnewBox
{
	background: url(../images/_news_bgr.png) left top no-repeat;	
}

.MapBox
{
	min-height: 210px;
	background: url(../images/_map_bgr.png) right top no-repeat;
}

.MapAddress
{
	position: absolute;
	top: 169px;
	right: 15px;
	text-align: center;
	line-height: 1.5em;
	font-size: 95%
}

.ArticleBox
{
/*	padding-top: 7px;  
	padding-left: 10px; 
	background: url(../images/_content_bgr.png) left top no-repeat;
*/	
}

.poll  { }

.contentpaneopen_TwoLevel, .blog_TwoLevel
{
	width: 100%;
}	

.ListTable
{
	width: 100%;
	border-collapse: collapse;
}

.ListTable td
{
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}

.ListTable .sectiontableheader_TwoLevel
{
	background-color: #b76767;	
	font-weight: bold;
	color: white;
}

.sectiontableheader_TwoLevel a:link, .sectiontableheader_TwoLevel a:visited
{
	color:white;
}



/*
.ListTable td
{
	background-color: #fcf4e2;
	border: solid 1px #bbb;
	padding: 5px;
}

.ListTable .sectiontableheader_TwoLevel
{
	background-color: #f3e3c0;	
}
*/

.LinkDescription
{
	margin: 5px 3px 5px 8px;
}

#SermonsTable
{
	min-width: 500px;
}

.TableCellMonth
{
	width: 80px;
	text-align: center;
	vertical-align: middle;
	border: #00CCCC solid 1px;	
}

.MonthNumber
{
	padding-top: .3em;
	padding-bottom: .4em;
	font-size: 500%;
	font-weight: bold;
	color: #00CCCC;
}


td.TableCellSermons 
{
	padding-left: 5px;
	padding-right: 5px;	
}

/* for IE6 */
*html .MapBox { height: 210px; }
*html .NewsBox { position: fixed }
*html .MapAddress { top: 385px; right: 40px; }
*html .ListTable { width: ; }




/* ============================================================================================ */
/* Users Editor Style, also defined in editor_content.css  */
/* ============================================================================================ */


.TableBoderLight 
{
	border-collapse:collapse;
	border: #ccc 1px solid;
}

.TableBoderLight th, .TableBoderLight thead 
{
	border: #ccc 1px solid;
	padding: 5px;
	vertical-align: top;
	background-color: #b76767;
	color: white;
	font-weight: bold;
}

.TableBoderLight td 
{
	border: #ccc 1px solid;
	padding: 5px;
	vertical-align: top;
}

.TableBorderLightHeader
{
	border: #ccc 1px solid;
	padding: 3px;
	vertical-align: top;
	background-color: #aaa;
}

.TableNoBoderPadded
{
	min-width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.TableNoBoderPadded td
{
	padding: 3px;
}

.BoxTransparent, .BoxTransparentCenter, .BoxTransparentRight, .BoxTransparentRightCenter
{
	border: #f2dccd 5px solid;
	padding: 8px;	
	margin: 5px;
	background: url(../images/InfoBoxBgr_red.png) top repeat-x;
}

/*
.BoxSalmon, .BoxSalmonRight, .BoxSalmonCenter, .BoxSalmonRightCenter
{
	border: #ccc 1px solid;
	background-color: #f7e1ab;
	padding: 8px;	
	margin: 5px;
}

.BoxGreen, .BoxGreenRight, .BoxGreenCenter, .BoxGreenRightCenter
{
	border: #ccc 1px solid;
	background-color: #dbe89a;
	padding: 8px;	
	margin: 5px;	
}
*/
.BoxTransparentRightCenter, .BoxTransparentCenter 
{
	text-align:center;
}

.FloatRight, .BoxTransparentRight, .BoxTransparentRightCenter
{
	float: right;
}

.FloatLeft
{
	float:left;
}