#menu {
	width: 667px;
	height: 19px;
	margin: 0px;
	padding-top: 4px;
	background: url('media/sp01.gif') repeat-x;
	background-color: #335c91; 
	float: left; }	

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left; }

#menu ul.home {width: 166px; }
#menu ul.about {width: 166px; }
#menu ul.service {width: 166px; }
#menu ul.contact {width: 166px; } 
#menu ul.sub {width: 150px; } 


#menu a, #menu h2 {
	font-size: 12px;
	font-family: Arial;
	display: block;
	margin: 0;
	padding: 2px 3px;
	color: #ffffff;
	text-decoration: none;
	 }
#menu a.bold {
	font-weight: bold;
	color: #ffffff;
	font-size: 11px; }
#menu a.boldSelected {
	font-weight: bold;
	color: #a9d916;
	font-size: 11px; }
#menu a:hover {
	color: #a9d916;
	 }


#menu li {position: relative;}
#menu li ul {
	background-color: #335c91; }
#menu li ul li {
	border-bottom: 1px solid #29416e;
	width: 100%;
	padding: 2px 4px; }

#menu ul ul {
	position: absolute;
	z-index: 500; }
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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;}