/* Root = Horizontal, Secondary = Vertical */
ul.mainmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul.mainmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index: 100;
}

/* SUBMENUS */

ul.mainmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: -1;
}

ul.mainmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.mainmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.mainmenu a {
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.mainmenu a:hover {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a {
  float: none;
}

ul.mainmenu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul {
  display: none;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul {
  display: block;
}

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul {
  display: block;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
}


span.counter {
	width: 13px;
	text-align: center;
	line-height: 15px;
	vertical-align:middle;
	padding-left: 3px;
	background: #333;
	color: white;
	font-size: 12px;
	position: absolute;
	padding-right: 2px;
	right: 1px;
	top: 1px;
	bottom: 0px;
}

/* menu specific styling */
#topMenu li
{
	border: none;
}

#topMenu ul
{
	background-color: Black;
	padding-top: 6px;
}

#topMenu ul ul 
{
	padding-top: 0px;
}

#topMenu ul li
{	
	z-index: 102;
	padding-bottom: 3px;
	padding-top: 0px;
}

#topMenu ul a
{
	border: 1px solid #fff;
	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
	background-color: #b25600;
	color: #fff;
}

#topMenu li
{
	border: none;
}

#topMenu a 
{
	border: none;
	padding-top: 3px;
	padding-bottom: 2px;
	
	padding-right: 8px;
	padding-left: 8px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #000;
	color: #fff;
	font: 14px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

#topMenu .delimiter
{
	background: url(/NW_Themes/FLC/images/topMenu_delimiter.png) no-repeat right 6px;
}

#tier2Menu .delimiter
{
	background: url(/NW_Themes/FLC/images/tier2_delimiter.png) no-repeat right 1px;
}

#tier2Menu a,
#tier2Menu a:active,
#tier2Menu a:visited
{
	color: White;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}

#tier2Menu a:hover
{
	text-decoration: underline;
}


#mainMenu
{
	margin-top:2px;
	width: 940px;
	height: 40px;
}

#mainMenu ul li
{
	z-index: 101; /* need to make sure this menus items are on top of any menu below it */
}

#mainMenu li
{
	border: none;
}

#mainMenu ul
{
	padding-top: 16px;
}

#mainMenu ul ul 
{
	padding-top: 0px;
}

#mainMenu ul li
{	
	z-index: 102;
	padding-bottom: 3px;
	padding-top: 0px;
}

#mainMenu ul a
{
	border: 1px solid #fff;
	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align:left;
	background: none;
	background-color: #b15700;
}

#mainMenu ul a:hover
{
	background-color: #b2742b;
}

#mainMenu li
{
	border: none;
}

#mainMenu a 
{
	border: none;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #fff;
	text-decoration: none;
	height: 40px;
	font: 19px/22px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	text-align: center;
	padding-bottom: 9px;
	background-image: url(/NW_Themes/FLC/images/menu_main.png);
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 147px;
}

.sideMenuContainer
{
	float: left;
	margin-top: 15px;
	margin-left: 12px;
	width: 190px;
}

.sideMenu
{
	background-color: #ccc;
	z-index: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.sideMenuBumper
{
	height: 300px;
	width: 100px;
	z-index: -1;
}

.sideMenu a.sideMenuLink
{
	text-decoration: none;
	margin-top: -1px;
	background-color: #ffa73d;
	display: block;
	height: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
	padding-top: 6px;
	color: #fff;
}

.sideMenu a.sideMenuLink:hover
{
	cursor: pointer;
	background-color: #b2722b;	
}

.sideMenu #sectionContainer
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.sideMenu .section
{
	padding-left: 10px;
}

.sideMenu .section a
{
	padding-top: 1px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	color: #000;
}

.sideMenu .section a:hover
{
	cursor: pointer;
	text-decoration: underline;
}

/* side menu colors */
#tier2Menu a.selected { font-weight: bold; }

.sideMenu .section a.selected { font-weight: bold; }
.sideMenu a.selected { font-weight: bold; }
.sideMenu a.sectID_3 { background-color: #c39ae8; }
.sideMenu a.sectID_3:hover, .sideMenu a.sectID_3.selected { background-color: #886ba3; }
.sideMenu a.sectID_4 { background-color: #a0d084; }
.sideMenu a.sectID_4:hover, .sideMenu a.sectID_4.selected { background-color: #6f925c; }
.sideMenu a.sectID_5 { background-color: #f26f5d; }
.sideMenu a.sectID_5:hover, .sideMenu a.sectID_5.selected { background-color: #a94d40; }
.sideMenu a.sectID_6 { background-color: #54a3ee; }
.sideMenu a.sectID_6:hover, .sideMenu a.sectID_6.selected { background-color: #3b73a6; }
.sideMenu a.sectID_7 { background-color: #8b9698; }
.sideMenu a.sectID_7:hover, .sideMenu a.sectID_7.selected { background-color: #61696b; }

/* customizations */
#mainMenu .sectID_1 /* Main */
{
	background-image: url(/NW_Themes/FLC/images/menu_main.png);
	border-right: 1px solid #fff;
}

#mainMenu .sectID_1:hover
{
	background-image: url(/NW_Themes/FLC/images/menu_main_hover.png);
}

#topMenu .sub_sectID_1,
#mainMenu .sub_sectID_1
{
	background: none;
	background-color: #b15700;
}

#topMenu .sub_sectID_1:hover,
#mainMenu .sub_sectID_1:hover
{
	background: none;
	background-color: #b2742b;
}

#mainMenu .sectID_3 /* Ministry */
{
	background-image: url(/NW_Themes/FLC/images/menu_ministry.png);
	border-right: 1px solid #fff;
}

.nbs_3 
{
	background-color: #c39ae8;
}

#mainMenu .sectID_3:hover, #mainMenu .selectedSection_3
{
	background-image: url(/NW_Themes/FLC/images/menu_ministry_hover.png);
}

#topMenu .sub_sectID_3,
#mainMenu .sub_sectID_3
{
	background: none;
	background-color: #752892;
}

#topMenu .sub_sectID_3:hover,
#mainMenu .sub_sectID_3:hover
{
	background: none;
	background-color: #886ba3;
}

#mainMenu .sectID_4 /* Worship */
{
	background-image: url(/NW_Themes/FLC/images/menu_worship.png);
	border-right: 1px solid #fff;
}

#mainMenu .sectID_4:hover, #mainMenu .selectedSection_4
{
	background-image: url(/NW_Themes/FLC/images/menu_worship_hover.png);
}

#topMenu .sub_sectID_4,
#mainMenu .sub_sectID_4
{
	background: none;
	background-color: #427d13;
}

#topMenu .sub_sectID_4:hover,
#mainMenu .sub_sectID_4:hover
{
	background: none;
	background-color: #6f925c;
}

.nbs_4
{
	background-color: #a0d084;
}

#mainMenu .sectID_6 /* Outreach */
{
	background-image: url(/NW_Themes/FLC/images/menu_outreach.png);
	border-right: 1px solid #fff;
}

#mainMenu .sectID_6:hover, #mainMenu .selectedSection_6
{
	background-image: url(/NW_Themes/FLC/images/menu_outreach_hover.png);
}

#topMenu .sub_sectID_6,
#mainMenu .sub_sectID_6
{
	background: none;
	background-color: #194e9e;
}

#topMenu .sub_sectID_6:hover,
#mainMenu .sub_sectID_6:hover
{
	background: none;
	background-color: #3b73a6;
}

.nbs_6
{
	background-color: #54a3ee;
}

#mainMenu .sectID_5 /* Resources */
{
	background-image: url(/NW_Themes/FLC/images/menu_resources.png);
	border-right: 1px solid #fff;
}

#mainMenu .sectID_5:hover, #mainMenu .selectedSection_5
{
	background-image: url(/NW_Themes/FLC/images/menu_resources_hover.png);
}

#topMenu .sub_sectID_5,
#mainMenu .sub_sectID_5
{
	background: none;
	background-color: #a2281d;
}

#topMenu .sub_sectID_5:hover,
#mainMenu .sub_sectID_5:hover
{
	background: none;
	background-color: #a94d40;
}

.nbs_5
{
	background-color: #f26f5d;
}

#mainMenu .sectID_7 /* Communications */
{
	background-image: url(/NW_Themes/FLC/images/menu_communications.png);
	border-right: 1px solid #fff;
}

#mainMenu .sectID_7:hover, #mainMenu .selectedSection_7
{
	background-image: url(/NW_Themes/FLC/images/menu_communications_hover.png);
}

#topMenu .sub_sectID_7,
#mainMenu .sub_sectID_7
{
	background: none;
	background-color: #070506;
}

#topMenu .sub_sectID_7:hover,
#mainMenu .sub_sectID_7:hover
{
	background: none;
	background-color: #61696b;
}

#mainMenu .mnuID_7 /* Communications main menu element*/
{
	width: 288px;
	border-right: none;
}

.nbs_7
{
	background-color: #8b9698;
}
