/*------------------------------------------------------------------
Navigation CSS
--------------------------------------------------------------------*/

/* Header Navigation  ------------------------------- */
#HeaderNav {position:absolute;top:11px;right:16px;_width:850px;}
#HeaderNav ul {list-style-type:none;list-style-position:outside;}
#HeaderNav ul li {float:left;display:inline;font-size:11px;height:14px;line-height:14px;text-transform:uppercase;
    background:url(bgNavPipe.gif) no-repeat 100% .5em;padding:0 10px;}
#HeaderNav ul li#Countries  {padding:0 10px 0 0;}
#HeaderNav ul li#Countries a {background: url(world_grey.gif) no-repeat 8px 0;padding-left:48px;height:1.8em;
	display:block;_display:inline-block; /* IE/Mac */}
#HeaderNav ul li#Countries a:hover {background: url(world_grey_on.gif) no-repeat 8px 0;}
#HeaderNav ul li a {height:1em;color: #666666;}
#HeaderNav ul li a:hover {height:1em;color:#6464FF;text-decoration:none;}
#HeaderNav ul li.last {padding-right:0;background:none;}

/* Top Navigation --------------------------------------------------*/
#TopNav {position:relative;}
#TopNav ul {list-style-type:none;list-style-position: outside;border-top:1px solid #dddcdc;font-size:14px;height:24px;
	line-height:24px;background:url(bgNav.gif) repeat-x 0 100%;padding-left:4px;}
#TopNav ul li {float:left;display:inline;position:relative;}
#TopNav ul li a {height:24px;float:left;display:inline;color:#666666;text-decoration:none;padding:0 7px;
	background-repeat:no-repeat;background-position:10px 0;text-indent:-5000px;overflow:hidden;}
#TopNav ul li a:hover {color:#0080C0;}
#TopNav ul li.selected a {color:#009dd9;background-position:10px -23px;}
#TopNav ul li.hover a {background-position:10px -21px;}
#TopNav ul li.hoverSub {background:#fff;}
#TopNav ul li.hoverSub a {border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 6px;background-position:9px -23px;}
#TopNav ul.macFF li div.subnav {background:#fff;padding:0;}

 div.c8 {width:210px} /* Statues */
 div.c6 {width:200px} /* Kanaka Maoli */
 div.c5 {width:490px} /* Linda Lingle */
 div.c4 {width:390px} /* Hawaiian History */
 div.c3 {width:360px} /* Global Issues */
 div.c2 {width:710px} /* Administrative */
 div.c1 {width:678px} /* Current Events */

/* Nav Image Replacements -------------------------------- */

/* Current Events */
#TopNav ul li.li2 a {width:98px;background-image:url(navCurrentEvents.gif);}
/* Global Issues */
#TopNav ul li.li3 a {width:85px;background-image:url(navGlobalIssues2.gif);}
/* Hawaiian History */
#TopNav ul li.li4 a {width:104px;background-image:url(NavHawaiianHistory2.gif);}

/* Administrative */
#TopNav ul li.li5 a {width:95px;background-image:url(navAdministrative.gif);}
/* Statues */
#TopNav ul li.li8 a {width:50px;background-image:url(navStatues.gif);}

/* Linda Lingle */
#TopNav ul li.li6 a {width:74px;background-image:url(navLindaLingle.gif);}
/* Na Kanaka Maoli */
#TopNav ul li.li7 a {width:86px;background-image:url(navKanakaMaoli.gif);}

/* Navigation -> Dropdown ------------------------------------------*/
#TopNav ul li div.subnav {position:absolute;top:24px;left:0;display:none;padding:0 6px 6px 0;overflow:hidden;
	/* This box needs a width. Setting inline, as box widths will vary. */}
#TopNav ul li.hoverSub div.subnav {display:block;}
#TopNav ul li div.subnav div.subnavImg {position:absolute;right:0;bottom:0;height:800px;width:800px;
	background:url(bgSubNavShadow.png) no-repeat;
	/* Set up transparency for IE */
	/*behavior: url("iepngfix.htc"); /* Alternate way - uses background image */
	_background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgSubNavShadow.png', sizingMethod='scale');}
#TopNav ul li div.subnav div.contentWrapper {padding:3px;background:#fff;border:1px solid #ddd;border-top:0;position:relative;}
#TopNav ul li div.subnav div.content {background:#fff url(bgSubNav.gif) repeat-x 0 100%;padding:3px 6px;position:relative;}
#TopNav ul li div.subnav div.col {float:left;margin-right:19px;}
#TopNav ul li div.subnav div.col.last {margin-right:0;}
#TopNav ul li div h3 {font-size:.8em;
	color:#000040;font-style:normal;font-weight:700;border-bottom:1px solid #ddd;margin:0 0 3px 6px;line-height:1.5em;}
#TopNav ul li div ul {float:left;border-top:0;font-size:.8em;height:auto;background:none;padding-left:0;}
#TopNav ul li div ul.sep {margin-right: 16px;}
#TopNav ul li div ul li {float: none;line-height: 1.1em;}
#TopNav ul li div ul li a,
#TopNav ul li.selected div ul li a,
#TopNav ul li.hoverSub div ul li a {display:block;height:auto;width:auto;float:none;color:#666;padding:4px 0 4px 6px;
	background: url(bgSubNavArrowOff.gif) no-repeat 0 7px;text-indent:0;overflow:hidden;border:0;}
#TopNav ul li div ul li a:hover,
#TopNav ul li.selected div ul li a:hover,
#TopNav ul li.selected div ul li.selected a {color:#006B9F;background: url(bgSubNavArrowOn.gif) no-repeat 0 7px;}
/* Nav -> Dropdown -> Column Widths -------------------------------- */
#TopNav ul li.li3 div.col {width:100px;}
/* Nav -> Dropdown -> Careers -------------------------------- */
/* #TopNav ul li.li6 div ul li a,
#TopNav ul li.li6 div ul li a:hover {display:block;height:85px;width:121px;padding:0;margin-top:10px;
	background:url(bgSubNavCareers.gif) no-repeat 0 0;text-indent:-5000px;overflow:hidden;} */
	
/* Nav -> Dropdown -> Human Energy Stories -------------------------------- */
#TopNav ul li.li2 div.subnav div.content {margin:0px;padding:0px;}
#TopNav ul li.li2 div.subnav div.col {margin-right:0px;}
#TopNav ul li.li2 div ul li a {display:inline;float:left;height:27px;width:95px;padding:64px 3px 3px 3px;_padding-bottom:6px;overflow:hidden;text-align:center;}
	
/* ---------  type ------------------- */
#TopNav ul li.li2 div ul li.one a {height:84px;width:100px;margin:12px 20px 7px 12px;padding:0px;
	                                              background:url(humStoriesNav1.gif) no-repeat 0 0;text-indent:-5000px;}
#TopNav ul li.li2 div ul li.one a:hover,
#TopNav ul li.li2.selected div ul li.one a:hover {background:url(humStoriesNav1.gif) no-repeat 0 0;}

/* ---------  Iol Palace ------------------- */
#TopNav ul li.li2 div ul li.two a {margin:9px 0px 0px 8px;background:url(humStoriesNav5.jpg) no-repeat 0 0;}
#TopNav ul li.li2 div ul li.two a:hover,
#TopNav ul li.li2.selected div ul li.two a:hover {background:url(humStoriesNav5a.jpg) no-repeat 0 0;}

/* --------- land ------------------- */
#TopNav ul li.li2 div ul li.six a {margin: 9px 0px 0px 0px;background: url(humStoriesNav10.jpg) no-repeat 0 0;}
#TopNav ul li.li2 div ul li.six a:hover,
#TopNav ul li.li2.selected div ul li.six a:hover {background: url(humStoriesNav10.jpg) no-repeat 0 0;}

/* ---------    ------------------- */
#TopNav ul li.li2 div ul li.three a {margin:9px 0px 0px 8px;background:url(humStoriesNav6.jpg) no-repeat 0 0;}
#TopNav ul li.li2 div ul li.three a:hover,
#TopNav ul li.li2.selected div ul li.three a:hover {background: url(humStoriesNav6.jpg) no-repeat 0 0;}

/* ---------   ------------------- */
#TopNav ul li.li2 div ul li.four a {margin: 9px 0px 0px 8px;background: url(humStoriesNav7.jpg) no-repeat 0 0;}
#TopNav ul li.li2 div ul li.four a:hover,
#TopNav ul li.li2.selected div ul li.four a:hover {background: url(humStoriesNav7.jpg) no-repeat 0 0;}

/* --------- in court ------------------- */
#TopNav ul li.li2 div ul li.five a {margin: 9px 0px 0px 0px;background: url(humStoriesNav9.jpg) no-repeat 0 0;}
#TopNav ul li.li2 div ul li.five a:hover,
#TopNav ul li.li2.selected div ul li.five a:hover {background: url(humStoriesNav9.jpg) no-repeat 0 0;}


/* TopNav -> Search ------------------------------------------------*/
#TopNav #Search {_width:170px;position: absolute;top: 3px;right: 12px;}
#TopNav #Search input.text {width:107px;height:1.4em;float:left;color:#666666;
    font-size:1em;border:1px solid #ddd;background:#fff url(bgInputSearch.gif) no-repeat;padding:3px 0 0 20px;margin-right:2px;}