/********************************************************************************
You may adapt elements of this CSS in your own projects, but the unique 
combination of images, colors, sizes, typography, and positioning ("the design") 
is copyright 2007 Atlas World Group, Inc. and may not be reproduced. 
/********************************************************************************/	

/* when updating this file, do not forget about corresponding media stylesheets (held in other .css files) */

/********************************************************************************
This method of using CSS to transform HTML lists into drop-down lists was first documented
by A List Apart (http://www.alistapart.com/) and is referred to as Suckerfish Dropdowns. And was 
then extended by HTML Dog (http://www.htmldog.com) to allow better browser support and multi-level menus.
/********************************************************************************/	

#topnavbar {
	background: transparent;
	text-align: left;
	vertical-align: middle;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	border-bottom: 1px #333 solid;
	height: 41px;
	/* force topnavbar on top of other elements */
	position: relative;
	float:left;
	z-index: 8000;
}
/* CSS hack for Internet Explorer 6 \*/
* html #topnavbar{height:1%;}
/* end hide - do not alter comments */

/* ----------------------------------------------- */
/*                  first level nav                */
/* ----------------------------------------------- */
#navlist, #navlist ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#navlist li {
	float: left;
	padding: 0px;
	margin: 0px;
}
/* CSS hack for Internet Explorer 6 \*/
* html #navlist li{height: 12px;}
/* end hide - do not alter comments */



/* ---- main items ---- */
#navlist li.household { background: url(../images/navigation/home-moving-btn-nm.jpg) no-repeat; width:127px; padding:9px 0px 0px 5px;}
#navlist li.government { background: url(../images/navigation/gov-btn-nm.jpg) no-repeat; width:136px; padding:9px 0px 0px 5px;}
#navlist li.corporate { background: url(../images/navigation/corp-btn-nm.jpg) no-repeat; width:164px; padding:9px 0px 0px 5px;}
#navlist li.specialized { background: url(../images/navigation/stg-btn-nm.jpg) no-repeat; width:176px; padding:9px 0px 0px 5px; }
#navlist li.international { background: url(../images/navigation/intl-btn-nm.jpg) no-repeat; width:152px; padding:9px 0px 0px 5px;}



/* ---- rollover items ---- */ 
#navlist li:hover, #navlist li.sfhover { color: #000; }
/* IE6 doesn't allow reference to multiple classes, so these hover states don't have corresponding .sfhover styles */
#navlist li.household:hover { background: url(../images/navigation/home-moving-btn-hv.jpg) no-repeat; width:127px; padding:9px 0px 0px 5px; }
#navlist li.government:hover { background: url(../images/navigation/gov-btn-hv.jpg) no-repeat;width:136px; padding:9px 0px 0px 5px;}
#navlist li.corporate:hover { background: url(../images/navigation/corp-btn-hv.jpg) no-repeat; width:164px; padding:9px 0px 0px 5px;}
#navlist li.specialized:hover { background: url(../images/navigation/stg-btn-hv.jpg) no-repeat; width:176px; padding:9px 0px 0px 5px; }
#navlist li.international:hover { background: url(../images/navigation/intl-btn-hv.jpg) no-repeat; width:152px; padding:9px 0px 0px 5px;}


/* ---- active items ---- */
#navlist li.household-av { background: url(../images/navigation/home-moving-btn-av.jpg) no-repeat; width:127px; padding:9px 0px 0px 5px;}
#navlist li.government-av { background: url(../images/navigation/gov-btn-av.jpg) no-repeat; width:136px; padding:9px 0px 0px 5px;}
#navlist li.corporate-av { background: url(../images/navigation/corp-btn-av.jpg) no-repeat; width:164px; padding:9px 0px 0px 5px;}
#navlist li.specialized-av { background: url(../images/navigation/stg-btn-av.jpg) no-repeat; width:176px; padding:9px 0px 0px 5px; }
#navlist li.international-av { background: url(../images/navigation/intl-btn-av.jpg) no-repeat;  width:152px; padding:9px 0px 0px 5px;}

#navlist li.household-av a .top, #navlist li.household-av a:link .top,
#navlist li.household-av a .bottom, #navlist li.household-av a:link .bottom,
#navlist li.government-av a .top, #navlist li.government-av a:link .top,
#navlist li.government-av a .bottom, #navlist li.government-av a:link .bottom,
#navlist li.corporate-av a .top, #navlist li.corporate-av a:link .top,
#navlist li.corporate-av a .bottom, #navlist li.corporate-av a:link .bottom,
#navlist li.specialized-av a .top, #navlist li.specialized-av a:link .top,
#navlist li.specialized-av a .bottom, #navlist li.specialized-av a:link .bottom,
#navlist li.international-av a .top, #navlist li.international-av a:link .top,
#navlist li.international-av a .bottom, #navlist li.international-av a:link .bottom { color:#ffffff;}


/* ----------------------------------------------- */
/*                 second level nav                */
/* ----------------------------------------------- */

#navlist li .drop {
	position: absolute;
	left: -999em;	
	border-top: 1px solid #FFF;
	background: #FFF;
	color: #333;
	font-size: 12px;
}

#navlist li.household .drop, #navlist li.household-av .drop {width:126px;}
#navlist li.government .drop, #navlist li.government-av .drop {width:136px;}
#navlist li.corporate .drop, #navlist li.corporate-av .drop {width:169px;}
#navlist li.specialized .drop, #navlist li.specialized-av .drop {width:181px;}
#navlist li.international .drop, #navlist li.international-av .drop {width:157px;}

#navlist li.household .drop ul li, #navlist li.household-av .drop  ul li,
#navlist li.government .drop ul li, #navlist li.government-av .drop ul li,
#navlist li.corporate .drop ul li, #navlist li.corporate-av .drop ul li,
#navlist li.specialized .drop ul li, #navlist li.specialized-av .drop ul li,
#navlist li.international .drop ul li, #navlist li.international-av .drop ul li {height:14px;}

#navlist li .drop ul {
	border-bottom: 1px solid #FFF;
	padding: 4px 0px;
}

#navlist li:hover .drop, #navlist li.sfhover .drop {
	left: auto;	
	margin-left: -5px;
	display: block;
}

#navlist li ul li {
	padding: 0px;
	margin: 0px;
	float: none;
	display: block;
	font-size: 11px;
}

#navlist ul.sechome, #navlist ul.contact { background-color: #BACFDD; }
#navlist ul.primary, #navlist ul.secondary, #navlist ul.tertiary { background-color: #DDDCDC; }
#navlist ul.request{ background: #aec43d; }

#navlist ul li:hover, #navlist ul li.sfhover {
	background-color: #A2ACB6; 
}

#navlist ul.sechome li:hover, #navlist ul.sechome li.sfhover, #navlist ul.contact li:hover, #navlist ul.contact li.sfhover { background-color: #96ABB9; }


/* ----------------------------------------------- */
/*                 third level nav                 */
/* ----------------------------------------------- */
#navlist li:hover .drop .drop, #navlist li.sfhover .drop .drop {
	margin: -19px 0px 0px 126px;
	border-top: none;
	border-left: 1px solid #FFF;
	left: -999em;
	background: #FFF;
}

#navlist li.corporate:hover .drop .drop, #navlist li.corporate.sfhover .drop .drop,
#navlist li.corporate-av:hover .drop .drop, #navlist li.corporate-av.sfhover .drop .drop {margin: -19px 0px 0px 169px;}

#navlist .drop .drop ul {
	background: #CDCFD1;
	padding: 4px 0px;
}

#navlist .drop li:hover .drop, #navlist .drop li.sfhover .drop {
	left: auto;
	width: 126px;
	border-left: 1px solid #FFF;
}

#navlist .drop .drop li:hover, #navlist .drop .drop li.sfhover {
	background: #A2ACB6;
}


/* ----------------------------------------------- */
/*                 fourth level nav                */
/* ----------------------------------------------- */
#navlist .drop .drop .drop ul {
	background: #C4C8CB;
	padding: 4px 0px;
}

#navlist li:hover .drop .drop .drop, #navlist li.sfhover .drop .drop .drop {
	left: -999em;
}

#navlist .drop .drop li:hover .drop, #navlist .drop .drop li.sfhover .drop {
	left: auto;
}

#navlist .drop .drop .drop li:hover, #navlist .drop .drop .drop li.sfhover {
	background: #A3B1BD;
}



/* ----------------------------------------------- */
/*             Main topnavbar Link Styles             */
/* ----------------------------------------------- */
#navlist a {
	display: block;
	vertical-align: middle;
	padding: 2px 0px;
	margin: 0px;
}

#navlist a, #navlist a:link  {
	display: block;
	color: red;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	height:33px;
	}
#navlist .drop a, #navlist .drop a:link, #navlist .drop .drop a, #navlist .drop .drop a:link {height:12px;}

#navlist a:link img {
	padding: 0px;
	margin: 0px;
}

#navlist li a:hover  {
	color: #000;
	text-decoration: none;
	}	

#navlist ul a, #navlist ul a:link {
	font-size: .85em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 2px 5px;
	height: 12px;
	line-height: normal; /* needed for some browsers */
	vertical-align: middle;
}

#navlist ul li a:hover {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#navlist ul.request li a { color: #333333; }
#navlist ul.request a:hover { background: #4c700c; color: #FFF; }

#navlist a .top, #navlist a:link .top{color:#08539a; font-size:11px; padding-left:5px; height:11px; line-height:11px;}
#navlist a .bottom, #navlist a:link .bottom{color:#333333; font-size:13px; padding-left:5px;}


/* ----------- Special Link Styles ------------ */
#navlist ul a.expand {
	display: block;
	background: url(../images/navigation/nav-arrow.gif) center right no-repeat;
	font-weight: bold;
}
#navlist ul a.inset {
	font-style: italic;	
}
#navlist ul a.inset, #navlist ul a.newin, #navlist ul a.protected, #navlist ul a.excel, #navlist ul a.word, #navlist ul a.pdf, #navlist ul a.ppt, #navlist ul a.rss, #navlist ul a.generic {
	display: block;
	padding-left: 20px;
}
#navlist ul a.newin { background: url(../images/navigation/nav-newin.gif) center left no-repeat; }
#navlist ul a.protected { background: url(../images/navigation/nav-padlock.gif) center left no-repeat; }
#navlist ul a.excel { background: url(../images/navigation/nav-excel.gif) center left no-repeat; }
#navlist ul a.word { background: url(../images/navigation/nav-word.gif) center left no-repeat; }
#navlist ul a.pdf { background: url(../images/navigation/nav-pdf.gif) center left no-repeat; }
#navlist ul a.ppt { background: url(../images/navigation/nav-ppt.gif) center left no-repeat; }
#navlist ul a.rss { background: url(../images/navigation/nav-rss.gif) center left no-repeat; }
#navlist ul a.generic { background: url(../images/navigation/nav-generic.gif) center left no-repeat; }