body, html
{
	margin: 0;
	padding: 0;
	background-color: #CCAA88;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

#container
{
	margin: 30px auto;
	background-image: url(../images/bg_body_intro.jpg);
	background-repeat: no-repeat;
	width: 720px;
	height: 440px;
	display: block;
}

#menu
{
	padding: 10px 10px 0 0;
	float: right;
	height: 22px;
	font-size: 11px;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}

ul#navmenu ul {
  margin: 0;
  padding: 0;
  background-color: white;
  list-style: none;
  display: none;
  position: absolute;
  width: 80px;
  top: 22px;
  border-top: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;  
  border-right: 1px solid #CDCDCD;
  left: 0;
  z-index: 1;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  padding: 2px 2px 2px 4px;
  border-bottom: 1px solid #CDCDCD;
}

li#satu a{width:48px;height:22px;background-image:url(../images/menu_01.jpg);background-position: 0 0;background-repeat:no-repeat;display:block;}
li#dua a{width:63px;height:22px;background-image:url(../images/menu_02.jpg);background-position: 0 0;background-repeat:no-repeat;display:block;}
#tiga a{width:68px;height:22px;background-image:url(../images/menu_03.jpg);background-position: 0 0;background-repeat:no-repeat;display:block;}
#empat a{width:74px;height:22px;background-image:url(../images/menu_04.jpg);background-position: 0 0;background-repeat:no-repeat;display:block;}
li#lima a{width:81px;height:22px;background-image:url(../images/menu_05.jpg);background-position: 0 0;background-repeat:no-repeat;display:block;}

li#satu a:hover, li#dua a:hover, #tiga a:hover, #empat a:hover, li#lima a:hover{background-position:0 -22px;background-repeat:no-repeat;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background-color: #FFFFFF;
  color: #666;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  color: #A34714;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#intro
{
	z-index: 999;
	clear: both;
	padding: 8px 0 0 0;
	width: 720px;
	height: 365px;
	display: block;
}

#footer { width: 720px; margin: -60px auto; font-size: 10px; color: #666666; }
#footer p { margin: 0; padding: 8px 0 0 20px; }
html > body #container #footer p { padding: 15px 0 0 20px; }
#footer a { color: #A34714; text-decoration: none; }
#footer a:hover { color: white; background-color: black; }