﻿#Menu {
	position: relative;
	clear: both;
	float: left;
	width: 980px;
	height: 31px;
	display: inline;
	z-index: 10;
	background: url(../img/bg_navi_sublist.gif) -5000px 0 no-repeat; /* Preloads dropdown bg */
}

#Menu ul { /* Top level list */
	margin: 0;
	padding: 0;
	list-style: none;
	width: 980px;
}

#Menu li { /* Top level list item */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/btn_navi_right.gif) 100% 0 no-repeat;
}

#Menu li.HasSubMenu { /* Top level list item with sub nav */
	background: url(../img/btn_navi_right_arrow.gif) 100% 0 no-repeat;
}

#Menu li a { /* List item link */
	display: block;
	height: 24px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 13px 0 13px;
	background: url(../img/btn_navi_left.gif) 0 0 no-repeat;
}

#Menu li.HasSubMenu a { /* List item link with sub nav */
	padding: 6px 23px 0 13px;
}

#Menu li.First a {
	background: url(../img/btn_navi_left_first.gif) 0 0 no-repeat;
}

#Menu li ul { /* Sub list */
	float: left;
	position: absolute;
	left: 0;
	top: 30px;
	width: 200px;
	display: none;
	text-align: left;
	background: url(../img/bg_navi_sublist.gif) 0 100% no-repeat;
	padding: 0 0 10px 0;
	z-index: 10;
}

#Menu li ul li { /* Sub list item */
	clear: both;
	color: white;
	text-align: left;
	background-image: none;
	font-size: 15px;
}

#Menu li ul li a { /* Sub list item link - Same width as li ul */
	color: #394852;
	padding: 2px 10px 0 10px;
	width: 160px;
	height: auto;
	font-weight: normal;
	font-size: 0.9em;
	background-image: none;
}

#Menu li ul li a:hover {
	text-decoration: underline;
}

#Menu li:hover { /* List item rollover */
	background-position: 100% -100px;
}

#Menu li:hover a, #Menu li.over a{ /* List item link rollover */
	background-position: 0 -100px;
	color: #394852;
}

#Menu li:hover ul, #Menu li.over ul {
	display: block;
}
/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */
* html #Menu li:hover , * html #Menu li.over { /* List item link rollover */
	background-position: 100% -100px;
}

