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

.mynavbar {
  z-index: 300;
  position: relative;
  width: 100% - 10px;
  height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
  margin-left: 5px; margin-top: 2px; margin-bottom: 0; margin-right: 5px;
  border: 4px outset #6699cc; padding: 0;
  background-color: #357EC7; 
/*  background-image: url('images/headerbg.jpg'); */
}


a.navbartitle {
  display: block; 
  float: left;
  color: white;
  background-color:  #357EC7;
/*  background-image: url('images/headerbg.jpg'); */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0; border: 1px solid #0000ff; padding: 0;
  line-height: 21px; /* corresponds to 'top' value of .submenu below */
  text-align: center;
  text-decoration:none;
}
a.navbartitle:hover {
  color: black;
  background-color: #C6DEFF;
  background-image: none;
  text-decoration:underline;

}
/* menu title widths */
#t1 { width: 104px; }
#t2 { width: 104px; }
#t3 { width: 104px; }
#t4 { width: 104px; }
#t5 { width: 104px; }

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

* html .submenu { width: 182px; } /* IE needs narrower than width of .submenu above */

/* position of each sub menu */

#home_submenu {  left: 0px; visibility: hidden;  }
#services_submenu {  left: 104px; visibility: hidden;  }
#resource_submenu {  left: 208px; visibility: hidden; }
#links_submenu {  left: 312px; visibility: hidden; }
#contact_submenu { left: 416px; visibility: hidden; }

.submenu a
{
  display: block;
  color: #eee; 
  background-color: #0000FF;
  width: 180px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  background-color: #0000FF; 
  border-bottom: #6699CC dotted 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: #000000; /* text color for submenu items c6e8e2 */
  background-color: #C6DEFF;
  font-weight: bold;
  border-bottom: #6699CC dotted 1px; 
}