/*--- CSS Document --------------------
	Domain: covenanthousemo.org
	DNN Object: Solpart Menu
	Created by: SteadyRain on 9-26-07
--------------------------------------*/
/*--- General Menu Styles ---*/
.MainMenu_MenuContainer 
{
	background-image:url(images/navBG.jpg)
}

.MainMenu_MenuBar 
{
	cursor: pointer; 
	cursor: hand;
	height: 45px;
	background-color: Transparent;
}

/*--- This includes root AND sub items (Menu & Drop Downs!)---*/
/*--- Because there is no .MainMenu_SubMenuItem class, we have to set those styles here... and then overwrite them where they are not desired ---*/
.MainMenu_MenuItem 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
	text-decoration: none;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-bottom: solid 0px #cccccc;
	text-align: left;
	padding: 6px 15px 6px 10px;
	/*z-index: 1000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1c3f47;
	text-decoration:none;
	cursor:pointer;
	background-color:#e3e0ed;
	line-height:22px;
	text-transform:capitalize;
	padding:2px 5px;*/
	/*--- If border is not zeored out, then lines will show up around each item of each drop down menu ---*/
	/*--- NOTE: If .MainMenu_MenuItem is supposed to affect every item, why does border only affect the drop down menu?---*/
	/*border-top:4px solid #FFFFFF;*/

}

/*--- Link Styles for BOTH primary & drop down menu links (HOVER) ---*/
.MainMenu_MenuItemSel 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-bottom: solid 0px #cccccc;
	text-align: left;
	padding: 6px 15px 6px 10px;
}





/*--- ROOT ELEMENTS ONLY of the Main Menu (Drop Down Menu) ---*/
/*--- Overwrites styels set in .MainMenu_MenuItem & .MainMenu_MenuItemSel to appropriate root level styles.*/
/*--- ### NOTE ABOUT Fairviewheights... Because the site uses a global TD style for font, we have to overwrite that style to get root level menu item styles to be applied.  So no styles are really needed for .MainMenu_RootMenuItem. ---*/
.MainMenu_RootMenuItem
{
	/* Styles were moved to .MainMenu_RootMenuItem td */
}

/*--- To overwrite the default TD styles for the entire site ---*/
.MainMenu_RootMenuItem td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	height: 45px; /*--- Keeps the background from becoming smaller when the link is clicked ---*/
	/*text-transform:capitalize;
	color: #1c3f47;
	background-color: #e2e1ed;
	font-size:11px;
	padding:0px;*/ /*--- Because the root menus backwardsly inherit the sub menu styles, we need to remove the padding applied to the sub menus ---*/
}




/*--- ### NOTE ABOUT Fairviewheights... Because the site uses a global TD style for font, we have to overwrite that style to get root level menu item styles to be applied.  So no styles are really needed for .MainMenu_RootMenuItemSel. ---*/
.MainMenu_RootMenuItemSel
{
	/* Styles were moved to .MainMenu_RootMenuItemSel td */	
}

.MainMenu_RootMenuItemSel td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF !important;
	/*background-color: #cbc9ca;*/
	background-image: url(images/navBGrollover.jpg);
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	height: 45px; /*--- Keeps the background from becoming smaller when the link is clicked ---*/
	/*text-transform:capitalize;
	color: #ffffff;
	background-color:#d56d28;
	font-size:11px;
	padding:0px;*/ /*--- Because the root menus "backwardsly" inherit the sub menu styles, we need to remove the padding applied to the sub menus ---*/
}

/*--- ### NOTE ABOUT Fairviewheights... Because the site uses a global TD style for font, we have to overwrite that style to get root level menu item styles to be applied.  So no styles are really needed for .MainMenu_RootMenuItemSel. ---*/
.MainMenu_RootMenuItemAct td
{
/*	text-transform:capitalize;
	color:#232176;
	background-color: #e2e1ed;*/
	/*font-size:11px;
	color:f37f43;*/
	padding:0px 5px 0px 5px;
	color: #cadd4d;
	height: 45px; /*--- Keeps the background from becoming smaller when the link is clicked ---*/
	/*padding:0px; --- Because the root menus "backwardsly" inherit the sub menu styles, we need to remove the padding applied to the sub menus ---*/
}
/*--------------------------------------------------*/






/*--- SUB ELEMNTS of the Main Menu (Drop Down Menu) ---*/
.MainMenu_SubMenu /* THIS WILL NOT AFFECT INDIVIDUAL ITEMS!!! It does the drop down BOX only.*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight:bold;
	border-bottom: solid 1px #cccccc;
	border-top: solid 0px #cccccc;
	border-left: solid 0px #cccccc;
	border-right: solid 0px #cccccc;
	padding: 0px 0px 0px 0px;
	/*z-index: 1000; 
	cursor:pointer;
	background-color:#e2e1ed;
	line-height:22px;
	border-bottom:0px solid #ffffff;*/
}

/*--- These are the actual items in the drop down menus, but the SOLPART MENU does not support this apparently ---
.MainMenu_SubMenuItem
{
	*** NOT SUPPORTED BY DNN *** 
}
*** Becuase this style class is not supported, these items are styled in the .MainMenu_MenuItem & .MainMenu_MenuItemSel classes.
----------------------------------------------------------------*/

/*--- These are the actual items in the drop down menus (MouseOver Only) */
.MainMenu_SubMenuItemSel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cadd4d;
	background-color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	padding: 6px 15px 6px 10px;
	/*--- If your HOVER styles are handled in .MainMenu_MenuItemSel, you do not need anything here. ---*/
}

.MainMenu_MenuIcon 
{
	/* NULL */
	display:none;
}

.MainMenu_MenuBreak 
{

}

.MainMenu_MenuArrow 
{
	/*--- If border is not zeored out, then lines will show up down the right of each drop down menu ---*/
	border: none;
	display:none;
}

.MainMenu_RootMenuArrow 
{
	border: none;
}