/*
 *  File:          Menu.css
 *  Purpose:       Houses the CSS styling for the menu elements within all pages of the site
 *  By:            Matt LaPora
 *  Last Revised:  09/07/2007 
*/

/* Bottom Menu Styles */

#BottomMenuContainer
{
	clear: both;
	padding: 0px;
	position: relative;
	width: 844px;
	left: 27px;
	float: left;
}

#BottomMenuLeft
{
	background: transparent url(Images/Menu/BottomMenu_Left.gif);
	width: 16px;
	height: 40px;
	float: left;
}

#BottomMenuCenter
{
	background: transparent url(Images/Menu/BottomMenu_Middle.gif);
	width: 812px;
	height: 40px;	
	float: left;
	text-align: left;
}

#BottomMenuRight
{
	background: transparent url(Images/Menu/BottomMenu_Right.gif);
	width: 16px;
	height: 40px;
	float: left;
}

/* Bottom Menu Styles */

/* Top Level Items */

.ItemSeparator
{
	font-family: Arial;
	font-size: 15px;
	color: #fff;
	line-height: 23px;
}

.TopLevelItem
{
	font-family: Arial Rounded MT Bold;
	font-size: 13px;
	color: #ddd;
	text-align: center;
	cursor: pointer;
}

.TopLevelItem_Hover
{
	font-family: Arial Rounded MT Bold;
	font-size: 13px;
	color: #fff;
	width: 148px;
	text-align: center;
	cursor: pointer;
}

.TopLevelItem_Bottom
{
	/*menu width between items*/
	font-family: Arial Rounded MT Bold;
	font-size: 11px;
	width: 143px;
	color: #ddd;
	text-align: center;
	cursor: pointer;
	line-height: 22px;
}

.TopLevelItem_Bottom_Hover
{
	font-family: Arial Rounded MT Bold;
	font-size: 11px;
	width: 143px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	line-height: 22px;
}
/* End Top Level Items */


/* Top Menu (Sub Menu) */

.TopMenu_SubMenuContainer
{
	width: 148px;	
}

.TopMenu_SubMenuItem
{
	color: #333;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	width: 148px;
	height: 28px;
	cursor: pointer;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fbfbfb;
}

.TopMenu_SubMenuItemHover
{
	color: #000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	width: 128px;
	height: 28px;
	cursor: pointer;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	background-color: #b8dbff;
}

.TopMenu_SubMenuItemSpacer
{
	width: 148px;
	height: 22px;
	border: none;
	background: none;
	cursor: auto;
}

.TopMenu_SubMenuItemBottom
{
	width: 148px;
	height: 20px;
	background: url(Images/Menu/TopMenu_DropDownBottom.gif) no-repeat;
	border: none;
}

/* End Top Menu (Sub Menu) */

/* Bottom Menu (Sub Menu) */

.ItemSeparator_SubMenu
{
	font-family: Arial;
	font-size: 15px;
	color: #fff;
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownMiddle.gif) repeat-x;
}

.BottomMenu_SubMenuItemLeft
{
	width: 23px;
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownLeft.gif) no-repeat;
}

.BottomMenu_SubMenuItem
{
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownMiddle.gif) repeat-x;
	font-family: Arial Rounded MT Bold;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.BottomMenu_SubMenuItemHover
{
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownMiddle.gif) repeat-x;
	font-family: Arial Rounded MT Bold;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

.BottomMenu_SubMenuItemSmallCaps
{
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownMiddle.gif) repeat-x;
	font-family: Arial Rounded MT Bold;
	font-size: 11px;
	color: #fff;
	padding-right: 10px;
	cursor: auto;
}

.BottomMenu_SubMenuItemRight
{
	width: 23px;
	height: 40px;
	background: url(Images/Menu/BottomMenu_DropDownRight.gif) no-repeat;	
}

.BottomMenu_ItemSeparator
{
	font-family: Arial;
	font-size: 15px;
	color: #fff;
	background: url(Images/Menu/BottomMenu_DropDownMiddle.gif) repeat-x;
}

/* End Bottom Menu (Sub Menu) */