﻿.menuContainer {
   width: 1024px;
   height: 50px;
   background: transparent url('../Media/System/Menu/menuBG.gif') repeat-x scroll left top;
   position: relative;
   overflow: visible;
   z-index: 1000;
}

.logoContainer {
   width: 158px;
   height: 27px;
   padding: 13px 9px 0px;
   float: left;
}

.menuItemBox {
   width: 95px;
   height: 51px;
   float: left;
   background: transparent url('../Media/System/Menu/menuItemBox.png') no-repeat scroll left top;
   font-size: 13px;
   font-weight: bolder;
   padding: 0px 13px 0px;
   position: relative;
   cursor: pointer;
   color: #333333;
   white-space: normal;
}

.menuItemBox:hover {
   background: transparent url('../Media/System/Menu/menuItemBoxHover.png') no-repeat scroll left top;
}

.menuItemBox .menuItemBoxWrapper:hover {
   color: White;
}

.menuItemBox:hover > a {
	color: White;
}

.menuItemBox .menuItemBoxWrapper {
   position: absolute;
   white-space: normal;
   width: 95px;
   line-height: 1.2;
}

.menuItemBox a {
   color: Black;
}

.menuItemBox a:hover {
   color: White;
   text-decoration: none;
}

.subMenuContainer {
   width: 1024px;
   background: transparent url('../Media/System/Menu/subMenuBG.gif') repeat-x scroll left top;
   position: absolute;
   top: 50px;
   height: 0px;
   overflow: hidden;
   left: 0px;
   z-index: 1100;
}

/*.subMenuContainer a:hover {
   background-color: Black;
}*/

.subMenuItem {
   font-size: 13px;
   color: White;
   font-weight: bolder;
   padding: 8px 5px 0px 20px;
   background: transparent url('../Media/System/Menu/subMenuBullet.gif') no-repeat scroll 10px 10px;
   float: left;
   cursor: pointer;
}

#menuItemSubContainer {
	width: 95px;
	position: absolute;
	left: 0;
	padding: 0 13px;
	overflow: hidden;
}

.menuItemSubContainerBox {
	height: 22px;
	width: 95px;
	vertical-align: middle;
	position: relative;
	left: -12px;
	padding: 7px 13px 0;
	background: transparent url('../Media/System/Backgrounds/subItemBG.gif') no-repeat scroll left top;
}


.menuItemSubContainerBox:hover {
	color: White;
	background: transparent url('../Media/System/Backgrounds/subItemBGHover.gif') no-repeat scroll left top;
}