/*
 *	Navigation
 */
div#nav {
	text-align: center;
	color: white;
	background: #607382 url("../_i/common/nav/navbarbkgd.gif") repeat-x center center;
	border: 1px solid #375267;
	border-width: 1px 0;
	font-size: 10px;
	line-height: 20px;
}
div#nav ul {
	text-align: left;
	position: relative;
	list-style: none;
	width: 740px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}
* html div#nav ul {     /* this selector recognized by IE only */
	margin-left: 0px;     /* (only for IE5.x/Win) */
	ma\rgin-left: auto; /* (for other IE) */
}
div#nav ul li ul {
	margin-left: 0;
	margin-right: 0;
}
div#nav ul li {
	display: block;
	position: absolute;
	height: 20px;
	top: 0;
}
div#nav ul li ul li {
	height: auto;
}
div#nav ul li#nhom {
	left: 147px;
	width: 39px;
}
div#nav ul li#nwrk {
	left: 370px;
	width: 85px;
}
div#nav ul li#ndhi {
	left: 455px;
	width: 68px;
}
div#nav ul li#ncon {
	left: 523px;
	width: 89px;
}
div#nav ul li a {
	color: white;
	display: block;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	height: 20px;
}
div#nav ul li a span {
	display: none;
}
div#nav ul li a:hover, div#nav ul li.active a {
	background-position: bottom;
}
div#nav ul li#nhom a {
	width: 39px;
	background-image:  url("../_i/common/nav/navhome.gif");
}
div#nav ul li#nwrk a {
	width: 85px;
	background-image:  url("../_i/common/nav/navwrk.gif");
}
div#nav ul li#ndhi a {
	width: 68px;
	background-image:  url("../_i/common/nav/navdhi.gif");
}
div#nav ul li#ncon a {
	width: 89px;
	background-image:  url("../_i/common/nav/navcon.gif");
}
div#nav ul li ul {
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
}
div#nav ul li ul li a {
	background: none;
	color: #375262;
}
div#nav ul li ul li ul {
	font: 11px/13px "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

/*
 *	Navigation - The Work We Do
 */
/* styles for IE 5 Mac */
div#nav ul li#nwrk ul {
	margin: 0;
	width: 200px;
	height: 108px; /* 6 lines at 18px each = 108px */
	position: absolute;
	bottom: 34px;
	right: -11px;
	text-align: right;
}
/* the following rules are invisible to IE 5 \*/
div#nav ul li#nwrk ul {
	right: -30px;
}
/* end IE 5 hack */

div#nav ul li#nwrk ul li {
	position: static;
	float: none;
}
div#nav ul li#nwrk ul li a {
	display: inline;
	padding-right: 19px; 
	width: auto;
	height: auto;
	background-image: none;
}
div#nav ul li#nwrk ul li.active a, div#nav ul li#nwrk ul li.over a {
	color: white;
	background: url("../_i/common/nav/portsubnavarrow.gif") no-repeat center right;
}
div#nav ul li#nwrk ul li a:hover {
	color: white;
}
div#nav ul li#nwrk ul li.activeclosed a {
	color: white;
	background: none;
}
div#nav ul li#nwrk ul li.active ul li a, div#nav ul li#nwrk ul li.over ul li a {
	background: none;
	color: #375262;
}
div#nav ul li#nwrk ul li ul {
	display: none;
}
/* styles for IE 5 Mac */
div#nav ul li#nwrk ul li.active ul, div#nav ul li#nwrk ul li.over ul {
	display: block;
	width: 240px; 
	height: auto;
	position: absolute;
	left: 200px;
	padding-left: 29px;
	padding-top: 150px;
	bottom: 2px;
	right: auto;
	text-align: left; 
}
/* the following rules are invisible to IE 5 \*/
div#nav ul li#nwrk ul li.active ul, div#nav ul li#nwrk ul li.over ul {
	padding-left: 10px;
}
/* end IE 5 hack */

div#nav ul li#nwrk ul li.active ul li a:hover, 
div#nav ul li#nwrk ul li.over ul li a:hover,
div#nav ul li#nwrk ul li.active ul li.active a, 
div#nav ul li#nwrk ul li.over ul li.active a {
	background: none;
	color: #375262;
	font-weight: bold;
}

/*
 *	Navigation - DHI
 */
div#nav ul li#ndhi.active ul, 
div#nav ul li#ncon.active ul {
	margin: 0;
	width: 482px;
	height: auto;
	position: absolute;
	top: 21px;
	text-align: center;
	line-height: 28px;
}
div#nav ul li#ndhi.active ul {
	left: -250px;
}
div#nav ul li#ncon.active ul {
	left: -318px;
}
div#nav ul li#ndhi.active ul li, 
div#nav ul li#ncon.active ul li {
	position: static;
	display: inline;
	float: none;
	margin: 0 4px;
}
* html div#nav ul li#ndhi.active ul li, 
* html div#nav ul li#ncon.active ul li {   /* this selector recognized by IE only */
	margin: 0 1px 0 0;                     /* (only for IE5.x/Win) */
	ma\rgin: 0 4px;                        /* (for other IE) */
}
div#nav ul li#ncon.active ul li {
	margin: 0 8px;
}
* html div#nav ul li#ncon.active ul li {   /* this selector recognized by IE only */
	margin: 0 2px;                     /* (only for IE5.x/Win) */
	ma\rgin: 0 8px;                        /* (for other IE) */
}
div#nav ul li#ndhi.active ul li a, 
div#nav ul li#ncon.active ul li a {
	display: inline;
	background-image: none;
	width: auto;
	height: auto;
/*	padding-top: 6px; */
}
div#nav ul li#ndhi.active ul li a:hover, 
div#nav ul li#ndhi.active ul li.active a, 
div#nav ul li#ncon.active ul li a:hover, 
div#nav ul li#ncon.active ul li.active a {
	color: #dc241f;
/*	background: url(../_i/navshadow-r.gif) repeat-x top left; */
}