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

.mainmenu {
	color: #273858;
	text-decoration: none;
	background-color: #CCCCCC;
	display: block;
	border-left-width: 24px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	width: 145px;
	background-image: url(images/menu_rightarrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.mainmenu:hover {
	color: #FFFFFF;
	background-color: #273858;
	background-image: none;
}
.submenu {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	display: block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 12px;
	width: 200px;
}
.submenu:hover {
	color: #FFFFFF;
	background-color: #273858;
}
.mainmenu_bottom {
	color: #273858;
	text-decoration: none;
	background-color: #CCCCCC;
	display: block;
	border-left-width: 24px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 12px;
	width: 145px;
	background-image: url(images/leftmenu_bottomcap.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom-style: none;
}
.mainmenu_bottom:hover {
	color: #FFFFFF;
	background-color: #273858;
	background-image: url(images/leftmenu_bottomcap_over.gif);
}

#menu {
	z-index:1100;
	width: 192px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	position:relative;
	z-index: 1001;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}


div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {
	float: left;
	width: 150;
}
#menu ul li a {height: 1%;} 

#menu a {
	font: lighter 11px/17px arial, helvetica, sans-serif;
} 

</style>
<![endif]