
	
	/** container */
	
	#divNav {
		background: url(../images/menu_items/bg.gif) repeat-x top left;
		margin: 0;
		padding: 0;
		height: 32px;
		width: 535px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

	#nav {
		position: relative;
		height: 32px;
		width: 535px;
	}

	#nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		display: block;
		font-weight: normal;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding: 0;
	}

	#nav li ul {
		display: none;
	}

	#nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 32px;
		left: 0;
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
		height: 27px;
		width: 535px;
	}
	
	#nav li.off ul  { /*put the subnav below*/
		position: absolute;
		top: 32px;
		left: 0;
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
		height: 27px;
		width: 535px;
		display: none;
	}

	#nav li.on ul {
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
	}

	#nav li.on:hover ul { /*for ie*/
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
	}

	#nav li a {
		color: #000000;
		display: block;
		padding: 8px 6px 0 6px;
		border-right: 1px solid #FB6A11;		
	}

	#nav li.on a {
		color: #FB6A11;
		display: block;		
	}

	/** this controls padding of subnav */
	
	#nav li.on ul a, #nav li.off ul a {
		float: left;
		width: auto;
		margin-left: 3px;
		border: 0px;
		padding-top: 5px;
	
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		 background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: none;
		z-index: 6000;
	}
	
	#nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #FF6600;
	
	}

	/*top tab widths (need to manually adjust if changing content in menu)*/
	
	#tab1 {
		width: 65px;
	}
	#tab2 {
		width: 110px;
	}
	#tab3 {
		width: 120px;
	}
	#tab4 {
		width: 120px;
	}
	#tab5 {
		width: 120px;
	}
	
	/*do the image replacement*/
	
	#tab1 a, #tab2 a, #tab3 a, #tab4 a, #tab5 a {
		display: block;
		position: relative;
		height: 24px;
		background-image: url(../images/menu_items/bg.gif);
		background-repeat: repeat-x;
		background-position: right top;
	}

	#nav .on a {
		background: url(../images/menu_items/blue_shim_on.gif) repeat-x top left;
	}
	
	/*hover states*/
	
	#nav li.off a:hover {
		background: url(../images/menu_items/blue_shim.gif) repeat-x top left;
	}
		
	/*subnav formatting*/
	
	#nav li.on ul a {
		display: block;
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
		color: #000000;
	}
	
	#nav li.on ul a:hover {
		background: url(../images/menu_items/subnav_shim.gif) repeat-x top left;
	}		

	#nav li.off ul a {
		display: none;		
	}