#navContainer { 
  float: left;
  position: relative;
  top: 11px;
  left: 17px;
}
/* @group Global Primary Nav
===================================== */
#navPrimary {
  margin: 0;
  padding: 0;
  width: 684px;
  height: 27px;
  background: url("../images/nav/nav.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;
  background-position-y: -27px;
}

 
 

#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;
  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:#846733;
  text-align:left; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
    filter: alpha(opacity=100);
}
li#navStatewide.first.current { width:113px}
li#navStatewide.first{ width:113px} 
 * * * * * SPECIFIC NAV PRIMARY STYLES * * * * *
/* main nav widths */
li#navStatewide { width: 113px; height:26px; }
li#navKauai { width: 81px; height:26px; }
li#navKauai a{ width: 81px; height:26px; }
li#navOahu { width: 77px; height:26px;}
li#navOahu a:hover { width: 77px; height:26px;}
li#navMolokai { width: 101px;height:26px; }
li#navLanai { width: 76px;height:26px; }
li#navMaui { width: 69px; height:26px;}
li#navHawaiiIsland { width: 167px;height:26px; }
 
/* main nav rollover images */
 
li#navStatewide a:hover { background: url("../images/navnew/allhawaii_over.png") no-repeat; }
li#navStatewide ul a:hover { background: #399; }
li#navKauai a:hover { background: url("../images/navnew/kauai_over.png") no-repeat; }
li#navKauai ul a:hover { background: #399; }
li#navOahu a:hover { background: url("../images/navnew/oahu_over.png") no-repeat; }
li#navOahu ul a:hover { background: #399; }
li#navMolokai a:hover { background: url("../images/navnew/molokai_over.png") no-repeat; }
li#navMolokai ul a:hover { background: #399; }
li#navLanai a:hover { background: url("../images/navnew/lanai_over.png") no-repeat; }
li#navLanai ul a:hover { background: #399; }
li#navMaui a:hover { background: url("../images/navnew/maui_over.png") no-repeat; }
li#navMaui ul a:hover { background: #399; }
li#navHawaiiIsland a:hover { background: url("../images/navnew/hawaiiisland_over.png") no-repeat; }
li#navHawaiiIsland ul a:hover { background: #399; }

/* show shadow on active */
.sysStatewide #navPrimary { background-position: 0px -27px !important; }

.sysKauai #navPrimary, .sysPressRoomKauai #navPrimary, .sysKauaiInformation #navPrimary, .sysContactsKauai #navPrimary, .sysMediaAssetsKauai #navPrimary, .sysEventsKauai #navPrimary, .Kauai #navPrimary  { background-position: 0px -53px !important; }

.sysOahu #navPrimary, .sysPressRoomOahu #navPrimary, .sysOahuInformation #navPrimary, .sysContactsOahu #navPrimary, .sysMediaAssetsOahu #navPrimary, .sysOahuBlog #navPrimary, .sysEventsOahu #navPrimary, .Oahu #navPrimary { background-position: 0px -81px !important; }

.sysMolokai #navPrimary, .sysPressRoomMolokai #navPrimary, .sysMolokaiInformation #navPrimary, .sysContactsMolokai #navPrimary, .sysMediaAssetsMolokai #navPrimary, .sysEventsMolokai #navPrimary, .Molokai #navPrimary { background-position: 0px -107px !important; }

.sysLanai #navPrimary, .sysPressRoomLanai #navPrimary, .sysLanaiInformation #navPrimary, .sysContactsLanai #navPrimary, .sysMediaAssetsLanai #navPrimary, .sysEventsLanai #navPrimary, .Lanai #navPrimary { background-position: 0px -134px !important; }

.sysMaui #navPrimary, .sysPressRoomMaui #navPrimary, .sysMauiInformation #navPrimary, .sysContactsMaui #navPrimary, .sysMediaAssetsMaui #navPrimary, .sysMauiBlog #navPrimary, .sysEventsMaui #navPrimary, .Maui #navPrimary { background-position: 0px -161px !important; }

.sysHawaiiIsland #navPrimary, .sysPressRoomHawaiiIsland #navPrimary,  .sysHawaiiIslandInformation #navPrimary, .sysContactsHawaiiIsland #navPrimary, .sysMediaAssetsHawaiiIsland #navPrimary, .sysEventsHawaiiIsland #navPrimary, .Hawaii #navPrimary { background-position: 0px -188px !important; }

.logoContainer {
  width: 208px;
  height:83px;
  float:left;
  margin-left:42px;
  background: url("../images/all-islands-trans.png") 0px 0px no-repeat;
}

.sysKauai .logoContainer, .sysPressRoomKauai .logoContainer, .sysKauaiInformation .logoContainer, .sysContactsKauai .logoContainer, .sysMediaAssetsKauai .logoContainer, .sysEventsKauai .logoContainer, .Kauai .logoContainer { background: url("../images/kauai-trans.png") 0px 0px no-repeat; }

.sysOahu .logoContainer, .sysPressRoomOahu .logoContainer, .sysOahuInformation .logoContainer, .sysContactsOahu .logoContainer, .sysMediaAssetsOahu .logoContainer, .sysBlogOahu .logoContainer, .sysEventsOahu .logoContainer, .Oahu .logoContainer { background: url("../images/oahu-trans.png") 0px 0px no-repeat; }

.sysMolokai .logoContainer, .sysPressRoomMolokai .logoContainer, .sysMolokaiInformation .logoContainer, .sysContactsMolokai .logoContainer, .sysMediaAssetsMolokai .logoContainer, .sysEventsMolokai .logoContainer, .Molokai .logoContainer { background: url("../images/molokai-trans.png") 0px 0px no-repeat; }

.sysLanai .logoContainer, .sysPressRoomLanai .logoContainer, .sysLanaiInformation .logoContainer, .sysContactsLanai .logoContainer, .sysMediaAssetsLanai .logoContainer, .sysEventsLanai .logoContainer, .Lanai .logoContainer  { background: url("../images/lanai-trans.png") 0px 0px no-repeat; }

.sysMaui .logoContainer, .sysPressRoomMaui .logoContainer, .sysMauiInformation .logoContainer, .sysContactsMaui .logoContainer, .sysMediaAssetsMaui .logoContainer, .sysMauiBlog .logoContainer, .sysEventsMaui .logoContainer, .Maui .logoContainer { background: url("../images/maui-trans.png") 0px 0px no-repeat; }

.sysHawaii .logoContainer, .sysPressRoomHawaii .logoContainer,  .sysHawaiiInformation .logoContainer, .sysContactsHawaii .logoContainer, .sysMediaAssetsHawaii .logoContainer, .sysEventsHawaii .logoContainer, .Hawaii .logoContainer { background: url("../images/bigisland-trans.png") 0px 0px no-repeat; }

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 #7c5406;
  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:12px "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:#fff;
  background-color:#7c5406;
  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;
}

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

  #navSecondary li.last { margin-right: 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
----------------------------------- */