/* ####################   Navigation bar CSS styling   ################## */ 

.mynavbar {
	position: relative;
  width: 620px;
  height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
  margin: 10; border: 0; padding: 0;
  background-color: #000000; 
}


a.navbartitle {
  display: block; 
  float: left;
  color: #ffffff;
  background-color:  #000000;
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0; border: 0; padding: 0;
  line-height: 23px; /* corresponds to 'top' value of .submenu below */
  text-align: center;
  text-decoration:none;
}
a.navbartitle:hover {
  background-color: #941029;
}
/* menu title widths */
#t1 { width: 80px; }
#t2 { width: 100px; }
#t3 { width: 125px; }
#t4 { width: 85px; }
#t5 { width: 80px; }
#t6 { width: 80px; }


.submenu {
	position:absolute;
  z-index: 2;
  top: 23px; /* corresponds to line-height of a.navbartitle above */
  padding: 0; margin: 0; 
	width:140px; /* If adjust this, then adjust width of .submenu below a too */
	color: #ffffff;
	background-color:  #000408;
	border: 1px solid #cea242; /* box around entire sub-menu */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
}

* html .submenu { width: 140px; }
/* End */

#home_submenu {  left: 0px; visibility: hidden;  }
#restaurant_submenu {  left: 80px; visibility: hidden;  }
#entertainment_submenu {  left: 180px; visibility: hidden; }
#giftshop_submenu {  left: 305px; visibility: hidden; }
#gallery_submenu { left: 390px; visibility: hidden; }
#livecam_submenu { left: 470px; visibility: hidden; }


.submenu a
{
  display: block;
  color: #ffffff; 
  background-color: #000408;
  width: 120px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  background-color: #000408; 
  border-bottom: #cea242 dotted 1px; 
  border-top: 0; border-left: 0; border-right: 0;
  font-weight: bold;
}


ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  list-style-type: none;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }
.submenubox ul li a:visited { }
.submenubox ul li a:hover
{
  color:  #ffffff; /* text color for submenu items */
  background-color: #941029;
  border-bottom: #cae242 dotted 1px;
  font-weight: bold; 
}


