/*
inspired by: http://www.alistapart.com/d/hybrid/hybrid-4.html
*/

#divNav {
	background-color:#609AAE;
	margin-left:215px;
	top: -24px;
	*top: -29px;
	position:relative;
	width:585px;
	z-index: 1;
}

/* main nav link */
#nav li a {
	font: normal 14px Verdana, Arial;
}

/* subnav link */
#nav li ul li a {
	font: normal 12px Verdana, Arial;
}

/* main nav */
#nav {
	margin: 0;
	padding: 0;
}

/* any link, main nav or subnav */
#nav a {
	text-decoration: none;
}

/* main nav item */
#nav li {
	margin: 0;
	float: left;
	display: block;
}

/* main nav link */
#nav li a {
	color: #ffffff;
	display: block;
	height: 14px;
	*height: 15px;
	padding: 5px;
	margin-right: 20px;
}

/* main nav link ON */
#nav li.on a {
	background-color: #104E8B;
	color: #ffffff;
}

/* main nav on HOVER */
#nav li:hover a, #nav li.over a {
	background-color: #72AF55;
	color: #000000;
}

/* subnav */
#nav li ul {
	display: none;
}

/* subnav ON and OFF */
#nav li.off ul, #nav li.on ul {
	position: absolute;
	top: 24px;
	*top: 25px;
	padding-top: 5px;
	left: -215px;
	background-color: #72AF55;
	height: 28px;
	width: 585px;
	padding-left: 215px;
}
	
/* subnav ON */
#nav li.on ul {
	display: block;
	background-color: #104E8B;
}

/* subnav ON on HOVER */
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background-color: #72AF55;
}

/* subnav ON on HOVER and OVER link */
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #72AF55;
}

/* subnav OFF on HOVER */
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

/* subnav link */
#nav li.on ul a, #nav li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	color: #ffffff;
	width: auto;
	margin-right: 15px;
}

/* subnav link HOVER */
#nav li ul a:hover {
	color: #000000;
}

/* green tab */
#nav li.greenTab a, #nav li.greenTab:hover a, #nav li.greenTab ul, #nav li.greenTab:hover ul {
	background-color: #38610B; /* dark green */
}

/* green tab, main nav */
#nav li.greenTab {
}

#nav li.homeTab a {
	width: 40px;
}
#nav li.aboutTab a {
	width: 40px;
}
#nav li.projectsTab a {
	width: 57px;
}
#nav li.resourcesTab a {
	width: 68px;
}
#nav li.blogTab a {
	width: 29px;
}
#nav li.contactTab a {
	width: 52px;
}
#nav li.greenTab a {
	width: 40px;
}