/* Template Styles */
body { background-color: #F4F2E6; text-align: center; }
div#pageBody { width: 100%; font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#F4F2E6 url(images/background.jpg) repeat-x; /*color:#69644A;*/ margin-top: 0px; }
html { height:100.1% }
body, td { line-height:130% }
a { color:#752121 }
a:hover { color:#3F1614 }
img { border: none;}

/* Layout */
#wrapper { width:940px; margin:0 auto; _top: -50px; }
#logo { width:450px; height:126px; float:left; position:relative; margin:0; background:url(images/logo_rose.jpg) no-repeat;top: 0px; }
#topRight { height:126px; width:490px; float:right; position:relative; display:block; _clear: both; }
#searchBg { float:right; position:relative; height:35px; width:220px; margin:20px 30px 0 0; display:inline; background:url(images/search-bg-long.gif) no-repeat }
#header { height:250px; width:940px; background:url(images/header.jpg) no-repeat }
.TopPane { float:left; position:relative; width:170px; height:165px; margin:60px 0 0 45px !important; margin:60px 0 0 22px; display:block; font-size:0.9em; overflow:auto  }
.TopPane br { line-height:0.5em }
#randomBanner { z-index: -1; float:right; position:relative; height:220px; width:650px; margin:19px 18px 0 0; display:block; display:inline ; } 
#contentWrapper { width:910px; margin:0 auto; overflow:hidden }
#footer { width:940px; height:82px; margin:0 auto 15px auto; background:url(images/footer.jpg) no-repeat; background-position: bottom; }
#footer .text { width:860px; padding:10px 0 10px 0; text-align:center; font-size:0.9em; margin:auto; }

.LeftPane { width: 200px; float: left;}
.ContentPane { width: 482px; float: left; padding-left: 10px; padding-right: 10px; }
.RightPane {width: 200px; float: right; }
.ContentPane td.normal { text-align: left; }

/* Banner Images */
.banner_home { background-image: url('images/flcr_banner4.jpg'); }
.banner_aboutus { background-image: url('images/flcr_banner2.jpg'); }
.banner_personalcrisis { background-image: url('images/flcr_banner2.jpg'); }
.banner_serving { background-image: url('images/flcr_banner4.jpg'); }
.banner_inquiry { background-image: url('images/flcr_banner4.jpg'); }
.banner_musicarts { background-image: url('images/flcr_banner2.jpg'); }
.banner_childrenfamily { background-image: url('images/flcr_banner.jpg'); }

/* FLCR styles */
.joinus { color:#3F1614;font-weight: bold; display: block; }
div#SundayReadings a.rssTitle { display: block; padding-bottom: 10px; font-size: 14px; }
small { font-size: 10px; }
.emphasis { font-weight: bold; }
.historySubHeading { text-align: center; margin-left: 10px; font-style: italic; }
.whatsNewFlcr { position: relative; top: -10px; }
ul.quickLinks { list-style:none; margin:0; padding:0; }
ul.quickLinks li { list-style:none; margin:0; padding-left:10px; }
div#searchBg span.SkinObject { display: none; }
div#searchBg a.SkinObject { color: #ffffff; position: relative; top: 8px; left: -14px;}
*+html div#searchBg a.SkinObject { color: #ffffff; position: relative; top: 6px; left: -14px;}
div#searchBg input.NormalTextBox { color: #760300; font-weight: bold; width: 115px; position: relative; top: 8px; left: -12px;}
#topRight {position: relative; z-index: 100;}
div#horiz-menu{position:relative; z-index:50; left: -215px; width: 695px; height: 35px;}
#horiz-menu li li{margin:0;}

/* Calendar */
td.dayStyle { vertical-align: top; font-weight: bold; }
td.otherMonthDayStyle { font-weight: normal; vertical-align: top; }
td.otherMonthDayStyle a { color: #cccccc; }
a.eventLink { font-weight: normal; display: block;}
.eventHeading { font-size: 1.1em; display: block; color: #003366; padding-top: 8px; }
.required { color: #ff0000; font-weight: bold; }

div#upcomingEvents ul { margin:0; padding: 0; }
div#upcomingEvents li {list-style: none; margin:0; padding:0; }
div#upcomingEvents li a { font-size: 11px; }
div#grdEvents th, div#grdRsvp th {color: #ffffff;}

/* Side Nav */
div#SideMenu ul { margin:0; padding:0; z-index:50 !important }
div#SideMenu ul li { list-style:none; margin:0; padding:0; z-index:50 !important }
div#SideMenu ul span { display:block; height:18px; line-height:18px; padding-left:0 }
div#SideMenu ul a { display:block; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }
div#SideMenu ul ul { margin-left:15px; padding:0 }
div#SideMenu ul ul a { text-indent:0; z-index:50 !important; cursor:pointer }
div#SideMenu ul ul li a {  text-align:left; margin:0 }
div#SideMenu ul li li { padding:0; margin:0; z-index:50 !important }
div#SideMenu ul li a { padding-left:10px; z-index:50 !important }

div#SideMenu ul li a:hover, div#SideMenu ul li.active a:hover, div#SideMenu ul li.active li a:hover { text-decoration:underline }
div#SideMenu ul a:hover { background:url(images/menu-list.gif) left no-repeat }
div#SideMenu ul li.MenuItem-Selected a { background:url(images/menu-list.gif) left no-repeat; text-decoration:underline; color: #3F1614; }

div#SideMenu ul li, div#SideMenu ul li a { _height: 10px;}
div#SideMenu ul li li, div#SideMenu ul li li a { _height: 10px;}

/* GridView Control */
.grdFooter { background-color:#990000; font-weight: bold; color: #ffffff;}
.grdRow { background-color:#FFFBD6; color:#333333; } 
.grdHeader { background-color:#760300; font-weight: bold; color: #ffffff; }
.grdAltRow { background-color: #F4F2E6;}

/* Misc Styles */
div#AdminLogin { }
.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  }
.imgRightWide { float:right; margin:0px 0px 0px 0px; position:relative; border:3px double #C8C5B0  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:3px double #C8C5B0 }
.imgNormal { margin:0 10px 10px 0; position:relative; border:3px double #C8C5B0 }
h1 { font-size:1.4em }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }
div#horiz-menu li a { height: 25px; }

/* IE 6 hacks */
div#horiz-menu li li a { height: 15px; }

/****************************
	Menu setup - don't change
*****************************/

/* root-level menu list (UL) */
ul.AvastoneCssMenu {
    position: relative;
	margin: 0;
	border: 0;
	padding: 0;
    display: block;
	white-space: nowrap;
    list-style: none;
    z-index: 999999;
}

/* submenu lists (ULs) */
ul.AvastoneCssMenu ul {
    position: absolute;
	z-index: 999999;
	margin: 0;
	border: 0;
	padding: 0;
    display: block;
    _display: none;
	white-space: nowrap;
    list-style: none;
    visibility: hidden;
}

/* menu items */
ul.AvastoneCssMenu li {
    position: relative;
    list-style: none;
    float: left;
	/* display: inline;  */
	width: auto;
	_width: 1%;
	_height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
}

ul.AvastoneCssMenu li li {
	width: 100%;
	white-space: normal;
}

/* menu item links */
ul.AvastoneCssMenu a,  
ul.AvastoneCssMenu span {
    display: block;
    text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
}

/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul ul,
ul.AvastoneCssMenu li:hover ul ul ul,
ul.AvastoneCssMenu li:hover ul ul ul ul,
ul.AvastoneCssMenu li.iehover ul ul,
ul.AvastoneCssMenu li.iehover ul ul ul,
ul.AvastoneCssMenu li.iehover ul ul ul ul {
	left: -9999px;
    visibility: hidden;
    _display: none;
}

/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul,
ul.AvastoneCssMenu li li:hover ul,
ul.AvastoneCssMenu li li li:hover ul,
ul.AvastoneCssMenu li li li li:hover ul,
ul.AvastoneCssMenu li.iehover ul,
ul.AvastoneCssMenu li li.iehover ul,
ul.AvastoneCssMenu li li li.iehover ul,
ul.AvastoneCssMenu li li li li.iehover ul {
	left: auto;
    visibility: visible;
    _display: block;
}

.ArrowPointer {
	cursor: default;
}


/*********************
	Custom menu styles
**********************/

/* root-level menu */
ul#MainMenu { 
	text-align: left;
	padding-top: 36px;
}

/* nested menu lists/submenus */
/* Typically set borders, background colors here. */
ul#MainMenu ul {
	border-left: solid 1px #760300;
	border-right: solid 1px #760300;
	border-bottom: solid 1px #760300;
	background-color: #ffffff;
	left: -1px;
	top: 35px;
}

/* menu items */
/* Typically set menu item borders here. */
ul#MainMenu li 
{
	border-right: solid 1px #760300;
	background-image: url('images/menu-t1.gif');
	background-color: #ffffff;
	height: 35px;
}

/* nested menu items */
ul#MainMenu li li 
{
	background-color: #ffffff;
	border: none;
	background-image: none;
	height: 25px;
}

/* menu item links */
/* Typically set padding, colors, text attributes here. */
ul#MainMenu a,  
ul#MainMenu span {
	padding: 10px 10px 0px 10px;
	height: 100%;
	color: #760300;
	font-family: Verdana;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	position: relative;
}

/* nested menu item links */
ul#MainMenu ul a,  
ul#MainMenu ul span 
{
	padding: 5px;
	font-weight: normal;
}

/* hovered menu item links */
ul#MainMenu li a:hover
{
	color: #ffffff;
	_text-decoration: none;
	_color: #760300;
}

ul#MainMenu li:hover
{
	background-image: url('images/menu-t1-active.gif');
	color: #ffffff;
}

ul#MainMenu li:hover a
{
	color: #ffffff;
}

ul#MainMenu li li:hover
{
	background-image: none;
}

ul#MainMenu li:hover li a
{
	color: #003366;
}

/* hovered nested menu item links */
ul#MainMenu li li a:hover 
{
	background-image: none;
	text-decoration:underline;
	color: #3F1614;
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#MainMenu li:hover ul,
ul#MainMenu li.iehover ul {
	width: 160px; /* width of submenu, must be set so third-level list can get shifted over properly */
}

/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#MainMenu li li:hover ul,
ul#MainMenu li li li:hover ul,
ul#MainMenu li li li li:hover ul,
ul#MainMenu li li.iehover ul,
ul#MainMenu li li li.iehover ul,
ul#MainMenu li li li li.iehover ul {
	left: 160px;
	top: 0;
}

ul#MainMenu a.MenuRootBranch {
}

ul#MainMenu a.MenuItemBranch {
}

ul#MainMenu li a.MenuItemCurrent {
	background-color: #999;
}

ul#MainMenu a.MenuItemBreadcrumb {
}

ul#MainMenu li.rootSeparator {
}

ul#MainMenu li.subSeparator {
}

ul#MainMenu li.leftCap {
}

ul#MainMenu li.rightCap {
}