@charset "UTF-8";
/* CSS Document */

.menuWrapper {
	clear:both;
	float:left;
	background:url(header_images_skin_menu_menu_tile.gif) repeat-x;
	width:100%;
	z-index:40;
  height: 18px;
	/*font-family: Helvetica;*/
	/*opacity:.9999;*/
}
.menuWrapper ul {
	float:left;
	width:1046px;
	padding:0px;
	margin:0px;
	list-style:none;
}
/* top menu items */
.menuWrapper ul li {
	float:left;
	
	padding:0px 0px 0px 20px;
	margin:0px;
	position:relative;
	z-index:35;
}


.menuWrapper ul li.divider {
	width:2px;
	height:18px;
	background:url(header_images_skin_menu_menu_divider.gif) right no-repeat;
}


.menuWrapper ul li a:link, .menuWrapper ul li a:active, .menuWrapper ul li a:visited {
	color:#d42f2f;
	text-decoration:none;
}
.menuWrapper ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}


.menuWrapper ul li a {
	font-size:10px;
	vertical-align:middle;
	line-height:22px;
	/*opacity:0.9999;*/
	font-weight:bold;
	/*opacity:1.0;*/
}

.iframeMenu, .iframeSubmenuLeft {
	position:absolute;
	top:18px;
	left:0px;
	width:180px;
	height:114px;
	background:white;
	z-index:30;
}

.menuWrapper ul.menu, .iframeMenu {
	/*clip:rect(0px 180px 0px 0px);*/
	/*clip:rect(auto auto auto auto);*/
	/*overflow:hidden;*/
	/*overflow:visible;*/
}

.menuWrapper ul.menu, .menuWrapper ul.submenuLeft, .menuWrapper ul.submenuRight{
	position:absolute;
	top:18px;
	left:0px;
	clear:left;
	float:left;
	width:180px;
	visibility:hidden;
	z-index:35;
}
.menuWrapper ul.menu li{
	float:none;
	padding:0px;
	clear:left;
	float:left;
}


.menuWrapper ul.menu li a:link, .menuWrapper ul.menu li a:active, .menuWrapper ul.menu li a:visited {
	
	height:24px; background-image:url(header_images_skin_menu_menu_item_tile.gif)
}
.menuWrapper ul.menu li	a:hover {
	background-image:url(header_images_skin_menu_menu_item_hover_tile.gif)
}
.menuWrapper ul.menu li a {
	display:block;
	clear:left;	
	float:left;
	padding-left:20px;
	width:180px; /*IE 5 will use this and ignore the w\idth call*/
	w\idth:160px; /*180px(menu width) - 20px(left padding) - 2px(left and right border)*/
	/*border:1px solid #333333;*/
	border-top:none;
}

.menuWrapper ul.submenu {
	width:180px;
}

.menuWrapper ul.menu .submenu li a {
	padding-left:27px;
	width:174px; /*IE 5 will use this and ignore the w\idth call*/
	w\idth:151px; /*180px(menu width) - 20px(left padding) - 2px(left and right border)*/
	border:1px solid #444444;
	border-top:none;
}
.menuWrapper ul.menu .submenu li a:link, .menuWrapper ul.menu .submenu li a:active, .menuWrapper ul.menu .submenu li a:visited {
	background:#2D2D2D;
}
.menuWrapper ul.menu .submenu li	a:hover {
	background:#393939;
}

.menuWrapper ul.menu li a.submenuArrow:link, .menuWrapper ul.menu li a.submenuArrow:active, .menuWrapper ul.menu li a.submenuArrow:visited {
	background:black url(header_images_skin_menu_submenu_arrowLeft.gif) no-repeat;
}
.menuWrapper ul.menu li	a.submenuArrow:hover {
	background:#333333 url(header_images_skin_menu_submenu_arrowLeft.gif) no-repeat;
}


#bottomMenu ul.menu, #bottomMenu .iframeMenu {
	top:auto;
	bottom:20px;
}
.menuWrapper ul.submenuLeft {
	top:0px;
	left:auto;
	right:179px;
}
.menuWrapper ul.submenuRight {
	top:0px;
	left:auto;
	right:-179px;
}
#bottomMenu ul.submenuLeft {
	top:auto;
	right:179px;	
	bottom:0px;
	left:auto;
}

.iframeSubmenuLeft {
	top:0px;
	left:auto;
	right:179px;
}


/*bottom menu fix for IE6 and IE5 */
* html body #bottomMenu ul.submenuLeft {
	bottom:-1px;
}
/* end bottom menu fix for IE6 and IE5 */