#menu {
margin-left: 0px;
margin-right: 70px;
padding: 0px;
border: 1px solid #546359;
background-color: #005AAA;;
}
.subMenu{
display: block;
background-color: #cccccc;
}

.subMenu ul li a:hover {
display: block;
color: #ff0000;
background-color: #cccccc}

#container_menu {
float: left;
width: 220px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
#container_menu h1  {
font-size: 1.5em;
margin: 0px;
padding: 0px 0px 15px 0px;
}
/**************************************************
 * css layers and classes for list navigation list
 **************************************************/
#menu * {
	color:#fff;
}

#menu ul li  a {
display:block;
background-color: #005AAA;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #567794;
padding: 2px 20px;
margin: 0px;
font-size:1em;
}


#menu ul li a:hover {color: #FFFFFF;  background-color: #2378AB;}
#menu ul li a.on    {color: #FFFFFF;  background-color: #13689B;}
#menu ul ul li a.on    {color: #005AAA;  background-color: #e0e0e0;}
#menu ul li a:active {color:#005AAA;}
#menu .on .off {font-weight: normal;}

#menu ul li a.selected {
font-weight: bold;
color:#005AAA;
background-color: #FFFFFF;
}

#menu ul ul li a {
	padding: 2px 20px 2px 25px;
	margin: 0px;
	color: #005AAA;
	font-size:1em;
	background-color: #EFEFEF;
}

#menu ul ul li ul li a {
padding: 2px 20px 2px 35px;
margin: 0px;
font-size:1em;
background-color: #F9F9F9;
}

#menu ul ul li ul li ul li a {
padding: 2px 20px 2px 45px;
margin: 0px;
font-size:0.9em;
background-color: #FFF;
}

#menu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#menu li{
margin: 0px;
padding: 0px;
display:inline;
}

#menu ul.mypage li a {
padding: 2px 20px 2px 20px;
margin: 0px;
background-color: #EAF4F4;
}

#menu ul.mypage ul li a:hover {color: #FFFFFF;  background-color:#005AAA;}

#menu li .on {
font-weight: bold;
}