div {}
	/* Band 2 : Main Navigation [Task, Research]; */
	div.navmain {
		font-size: 16px;
		*z-index: 1000;
	}
		div.navmain ul {
			float: left;
			margin: 0;
		}
			/* the primary navigation is broken up into two sections: "Task" and "Research"; need to syle this UL like the other LIs for spacing; */
			div.navmain ul.research {
				margin-left: 1px;
			}
		div.navmain li {
			float: left;
			list-style: none;
			margin: 0;
			margin-left: 1px; /* this creates the divider lines between links; */
			white-space: nowrap;
			position: relative;
		}
			div.navmain li:first-child { margin-left: 0; }
			div.navmain li.first-child { margin-left: 0; }
			div.navmain li a {
				overflow: hidden;
			}
			/* on state; */
			div.navmain li.selected a,
			div.navmain li a.selected {
				color: #f30;
				background: #fff;
				filter: inherit;
			}
			html.ie6 div.navmain li.selected a,
			html.ie6 div.navmain li a.selected,
			html.ie7 div.navmain li.selected a,
			html.ie7 div.navmain li a.selected {
				border-bottom: #fff;
			}
		div.navmain a {
			border: 1px solid transparent;
			*border-color: #fff;
			color: #333;
			display: block;
			padding: 7px 10px 4px;
			*padding: 5px 10px 6px;
			text-align: center;
			background-color: #ccc;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#eeecec), to(#cdcdcd));
			background-image: -webkit-linear-gradient(top, #eeecec, #cdcdcd);
			background-image:    -moz-linear-gradient(top, #eeecec, #cdcdcd);
			background-image:     -ms-linear-gradient(top, #eeecec, #cdcdcd);
			background-image:      -o-linear-gradient(top, #eeecec, #cdcdcd);
			background-image:         linear-gradient(top, #eeecec, #cdcdcd);
				      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeecec", EndColorStr="#cdcdcd");
		}
		html.ie6 div.navmain a,
		html.ie7 div.navmain a {
			border-color: #CCC;
		}
			
			div.navmain li.hover a {
				background: #fff;
				border: 1px solid #ccc;
				border-width: 1px 1px 0 1px;
				border-bottom: 1px solid #fff;
				z-index: 99;
				position: relative;
				filter: inherit;
			}

		div.navmain div {}
			/* container for the "read more" link in the sub menu (div.subNav); */
			div.navmain div.more {
				border-top: 1px dashed #ccc;
				clear: both;
				padding-top: 10px;
				margin-top: 10px;
			}
			/* drop down menus; */
			div.navmain div.subnav {
				font-size: 13px;
				background: #fff;
				position: absolute;
				padding: 10px;
				z-index: 100;
				top: 31px;
				left: 0;
				width: 300px;
				border: 1px solid #ccc;
				border-top: 0;
				display: none;
				z-index: 100;
			}
				html.ie8     div.navmain div.subnav { top: 32px; }
				html.mozilla div.navmain div.subnav { top: 32px; }
				
				/* the last couple of nav items would have the drop down pushed off the edge of the page; the "edge" class reverses the orienttion of the drop down menu; */
				div.navmain li.edge div.subnav {
					left: auto;
					right: 0;
					_right: -1px;
				}
				/* show the drop down with the addition of the "hover" class; */
				div.navmain li.hover div.subnav {
					display: block;
				}
				div.navmain li.hover div.subnav a {
					background: transparent;
					border: 0;
					color: #369;
					display: inherit;
					padding: 0;
					text-align: left;
					background: transparent;
				}
				div.navmain div.subnav ul {
					float: none;
				}
				div.navmain div.subnav li {
					float: none;
					white-space: inherit;
				}
			div.navmain div.col1 {
				float: left;
				width: 150px;
			}
			div.navmain div.col2 {
				float: left;
				width: 150px;
			}