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

#menu {
	width: 200px;
	}

#menu ul {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1000;
	}
	
#menu li {
	cursor: pointer;
	font-weight: 600;
	height: 36px;
	list-style: none;
	margin: 0 0 15px 0;
	text-align: center;
	width: 200px;
	}
	
#menu li:hover {
	color: #262261;
	}
	
#menu li.first {
	background-image: url(images/menu/menu-first.png);
	}

#menu li.first:hover {
	background-image: url(images/menu/menu-first-roll.png);
	}
	
#menu li.second {
	background-image: url(images/menu/menu-second.png);
	}

#menu li.second:hover {
	background-image: url(images/menu/menu-second-roll.png);
	}
	
#menu li.third {
	background-image: url(images/menu/menu-third.png);
	}

#menu li.third:hover {
	background-image: url(images/menu/menu-third-roll.png);
	}
	
#menu li.fourth {
	background-image: url(images/menu/menu-fourth.png);
	}

#menu li.fourth:hover {
	background-image: url(images/menu/menu-fourth-roll.png);
	}
	
#menu li.fifth {
	background-image: url(images/menu/menu-fifth.png);
	}

#menu li.fifth:hover {
	background-image: url(images/menu/menu-fifth-roll.png);
	}
	
#menu li.sixth {
	background-image: url(images/menu/menu-sixth.png);
	}

#menu li.sixth:hover {
	background-image: url(images/menu/menu-sixth-roll.png);
	}
	
#menu li.seventh {
	background-image: url(images/menu/menu-seventh.png);
	}

#menu li.seventh:hover {
	background-image: url(images/menu/menu-seventh-roll.png);
	}
	
#menu li.second, #menu li.third, #menu li.fourth {
	height: 25px;
	padding: 11px 0 0 2px;
	width: 198px;
	}
	
#menu a {
	color: #FFF;
	display: block;
	height: 25px;
	padding: 11px 0 0 2px;
	text-decoration: none;
	width: 198px;
	}
	
#menu a:hover, #menu ul.level2 li a {
	color: #262261;
	}

#menu ul.level2 {
	display: none;
	left: 170px;
	position: absolute;
	z-index: 2000;
	}
	
#menu ul.sub-first {
	top: 61px;
	}
	
#menu ul.sub-second {
	top: 112px;
	}
	
#menu ul.sub-third {
	top: 163px;
	}
	
#menu ul li:hover ul.level2 {
	display: block;
	}
	
#menu ul.level2 li {
	background-color: #fbb040;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width: 198px;
	z-index: 2000;
	}
	
#menu ul.level2 li:hover {
	background-color: #f68d3d;
	}
	
#menu ul.level2 li.top {
	background-color: transparent;
	background-image: url(images/menu/submenu-top.png);
	border-left: 0px;
	border-right: 0px;
	width: 200px;
	}
	
#menu ul.level2 li.top:hover {
	background-color: transparent;
	background-image: url(images/menu/submenu-top-roll.png);
	}
	
#menu ul.level2 li.bottom {
	background-color: transparent;
	background-image: url(images/menu/submenu-bottom.png);
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 200px;
	}
	
#menu ul.level2 li.bottom:hover {
	background-color: transparent;
	background-image: url(images/menu/submenu-bottom-roll.png);
	}
	
#menu ul.level2 li a {
	height: 30px;
	padding: 0;
	width: 198px;
	}