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

.mynavbar {
	position: relative;
  width: 60%;
float: right;
  height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
  margin: 0; border: 0; padding: 0;
  background-color: #3E7A5E; 
}


a.navbartitle {
  display: block; 
  float: left;
  color: white;
  background-color:  #3E7A5E;
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: 10px;
  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: black;
}
/* menu title widths */
#t1 { width: 100px; }
#t2 { width: 100px; }
#t3 { width: 100px; }
#t4 { width: 100px; }
#t5 { width: 100px; }

.submenu {
	position:absolute;
  z-index: 2;
  top: 23px; /* corresponds to line-height of a.navbartitle above */
  padding: 0; margin: 0; 
	width:100px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #3E7A5E;
	border: 1px solid #ffffff; /* box around entire sub-menu */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 100px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
#products_submenu { left: 0px;   visibility: hidden; }
#services_submenu { left: 100px; visibility: hidden; }
#funstuff_submenu { left: 200px; visibility: hidden; }
#contact_submenu  { left: 300px; visibility: hidden; }

.submenu a
{
  display: block;
  color: #eee; 
  background-color: #3E7A5E;
  width: 100px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  background-color: #3E7A5E; 
  border-bottom: #ffffff solid 1px; 
  border-top: 0; border-left: 0; border-right: 0;
}

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: #c6e8e2; /* text color for submenu items */
  background-color: #000000;
  border-bottom: white solid 1px; 
}