#navContainer { 
  float: left;
  position: relative;
  top: 10px;
  left: 11px;
  z-index:100;
}
/* @group Global Primary Nav
===================================== */
#navPrimary {
  margin: 0;
  padding: 0;
  width: 684px;
  height: 26px;
  background: url("../images/nav-new/bg-navPrimary.png") no-repeat;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  clear: both;
  float: left;
  text-transform: capitalize;
  
}

 
 

#navPrimary ul {
  padding: 0;
  margin: 0;
  
}

/* all list items */
#navPrimary li {
  padding: 0px;
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  height: 26px;
  text-align: center;

}
 

#navPrimary li a {
  display: block;
  color:transparent;
  color:rgba(0,0,0,0);
  margin: 0;      
  height: 23px;
  padding-top: 4px;
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";  
    filter: alpha(opacity=0);  
}
#navPrimary ul a {
  display: block;
  color:#177692;
  text-align:left; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
    filter: alpha(opacity=100);
}

 
li#navHome.first.current { width:0px}
li#navHome.first{ width:0px} 
 * * * * * SPECIFIC NAV PRIMARY STYLES * * * * *
/* main nav widths */
li#navStatewide { width: 131px; height:66px; }
li#navAboutHawaii{ width: 131px; height:66px; }
li#navKauai { width: 74px; height:66px;}
li#navOahu { width: 72px;height:66px; }
li#navMolokai { width: 96px;height:66px; }
li#navLanai { width: 73px; height:66px;}
li#navMaui { width: 67px;height:66px; }
li#navHawaiiIsland { width: 171px;height:66px; }
 
/* main nav rollover images */
 
li#navAboutHawaii a:hover { background: url("../images/nav-new/about_hawaii.jpg") no-repeat 0 1px; }
li#navAboutHawaii ul a:hover { background: #399; }
li#navStatewide a:hover { background: url("../images/nav-new/marketing-over.png") no-repeat; }
li#navStatewide ul a:hover { background: #399; }



li#navKauai a:hover { background: url("../images/nav-new/kauai.jpg") no-repeat; }
li#navKauai ul a:hover { background: #399; }

li#navOahu a:hover { background: url("../images/nav-new/oahu.jpg") no-repeat; }
li#navOahu ul a:hover { background: #399; }

li#navMolokai a:hover { background: url("../images/nav-new/molokai.jpg") no-repeat; }
li#navMolokai ul a:hover { background: #399; }

li#navLanai a:hover { background: url("../images/nav-new/lanai.jpg") no-repeat; }
li#navLanai  ul a:hover { background: #399; }

li#navMaui a:hover { background: url("../images/nav-new/maui.jpg") no-repeat; }
li#navMaui   ul a:hover { background: #399; }

li#navHawaiiIsland   a:hover { background: url("../images/nav-new/bigisland.jpg") no-repeat; }
li#navHawaiiIsland    ul a:hover { background: #399; }




/*li#navBrandMarketing a:hover { background: url("../images/navnew/marketing-over.png") no-repeat; }
li#navBrandMarketing ul a:hover { background: #399; }
li#navPrograms a:hover { background: url("../images/navnew/programs-over.png") no-repeat; }
li#navPrograms ul a:hover { background: #399; }
li#navResearchReports a:hover { background: url("../images/navnew/research-and-reports-over.png") no-repeat; }
li#navResearchReports ul a:hover { background: #399; }
li#navToolKit a:hover { background: url("../images/navnew/toolkit-over.png") no-repeat; }
li#navToolKit ul a:hover { background: #399; }
li#navNews a:hover { background: url("../images/navnew/news-over.png") no-repeat; }
li#navNews ul a:hover { background: #399; }
li#navAboutHta a:hover { background: url("../images/navnew/about-hta-over.png") no-repeat; }
li#navAboutHta ul a:hover { background: #399; }
*/
/* show shadow on active */
.section01 { background-position: 0px 0px !important; }
.section02{ background-position: 0px -26px !important; }
.section03{ background-position: 0px -52px !important; }
.section04{ background-position: 0px -78px !important; }
.section05{ background-position: 0px -104px !important; }
.section06{ background-position: 0px -130px !important; }
.section07{ background-position: 0px -156px !important; }
.section08{ background-position: 0px -182px !important; }

ul#navPrimary li.hover ul, ul#navPrimary li:hover ul {
	display:block;
}
ul#navPrimary li.hover ul ul, ul#navPrimary li:hover ul ul {
	display:none;
}
ul#navPrimary ul {
	position:absolute;
	top:26px; /*how far away from the top menu*/
	
	margin:0;
	padding:5px;
	width:180px;
	display:none;
	background-color:#fff; /*color of the dropdown*/
	border-top:4px solid #6da7b3;
	padding:0px;
	white-space:nowrap;
	min-width:160px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;	
}
ul#navPrimary ul li {
	width:160px;
	margin:0;
}
ul#navPrimary ul a {
	display:block;
	float:none;
	width:160px;
	border:0 !important;
	height:auto !important;
	padding:6px 0px 6px 6px  !important;
	background:none;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; /*font size and line height*/
	/*color:#ffffff;
	border-bottom:1px solid #333333;*/
	text-transform:uppercase; /*turns off the uppercase*/
	
}
ul#navPrimary ul li.hover a, ul#navPrimary ul li:hover a, ul#navPrimary ul a:hover {
	color:#cccccc;
	background-color:#254d5c;
	width:175px;
	 
}
/* @end Global Nav Primary
----------------------------------- */


/* @group Global Primary Nav
===================================== */

#navSecondary {
  width: 672px;
  height: 19px;
  margin: 0;
  padding: 6px 0 0 12px;
  font-size: .9em;
  clear: both;
  text-transform: uppercase;
  letter-spacing: .1em;
  float: left;
}

#navSecondary a { 
  text-decoration: none;
  font-size: 1em;
}

/* #navSecondary a:link {
  color: #177692;
} */
/*
#navSecondary a:link, #navSecondary a:active, #navSecondary a:visited   {
  color: #5EAFC7;
}

#navSecondary a:hover  {
  color: #315570;
}*/

#navSecondary ul {
  padding: 0;
  margin: 0;
  text-align:center;
}

#navSecondary li { 
  display: inline; 
  margin-right: 20px;
  margin-left: 20px;
}

  #navSecondary li.last { margin-right: 0px; }
  #navSecondary li.first { margin-left: 0px; }
  #navSecondary li a.current { 
  /*  color: #315570;*/
    font-weight: bold;
  } 


/* @end Global Secondary Nav
----------------------------------- */



/* @group Global Left Nav
===================================== */

#navLeft ul { 
  list-style-image: url("../images/list-arrow.png");
  margin: 0;
  padding: 0;
  line-height: 1em;
  background: url("../images/bg-navleft.gif") bottom left no-repeat;
  width: 208px;
  margin-bottom: 14px;
  padding-bottom: 15px;
}
  
  #navLeft ul li { 
    margin-left: 25px;
  }

  #navLeft ul ul { 
    list-style-image: url("../images/list-blue-disc.png");
    margin-bottom: 12px;
    background: none;
    margin: 0;
    padding: 0;
  }

#navLeft ul ul li { margin: 4px 0 -2px 12px; padding: 0 12px 0 0; }

#navLeft ul ul li a {line-height: 1.4em; }

#navLeft a {
  text-decoration: underline;
  font-size: 1em;
}

/* #navLeft a:link {
  color: #177692;
} */

#navLeft a:link, #navLeft a:active, #navLeft a:visited   {
  color: #5EAFC7;
}

#navLeft a:hover  {
  color: #315570;
}

#navLeft a.current { 
  color: #315570; 
  text-decoration: none;
  font-weight: bold;
}


/* @end Global Left Nav
----------------------------------- */