/*	=============================================================================================================

		N A V

	============================================================================================================= */

@media only screen {
	div.nav {
		position: relative;
		z-index: 20;
	}
	ul.nav {
		list-style-type: none;
	}
}

/*	=============================================================================================================

		N A V   B R O A D

	============================================================================================================= */

@media only screen and (min-width: 1200px)
{
	/*	-----------------------------------------------------------------------
	 *		div.nav
	 * ------------------------------------------------------------------------*/
	div#nav.scroll {
		position: fixed;
		max-width: 1280px;
		width: 100%;
		margin: auto;
		top: 2em;
	} 
	/*	-----------------------------------------------------------------------
	 *		ul.nav
	 * ------------------------------------------------------------------------*/
	ul.nav.main {
		position: relative;
		list-style-type: none;
		width: 100%;
		background: #0ba2a2;	/*	changed from #0cb7b7	*/
		z-index: 22;
	}
	ul.nav.child {
		display: none;
		position: absolute;
		top: 1.5em;
		z-index: 21;
		background: white;
		color: black;
		box-shadow: 5px 5px 5px #888;
	}
	ul.nav > li[sep] {
		padding:0.25em 0;
	}
	/*	-----------------------------------------------------------------------
	 *		li.nav
	 * ------------------------------------------------------------------------*/
	li.nav {
		line-height: 1.5em;
		color: white;
		background: #0ba2a2;
		white-space: nowrap;
		position: relative;
		border: 0;
	}
	li.nav.root {
		display: inline-block;
		width: 100%;
	}
	li.nav > a {
		display: inline-block;
		position: relative;
	}
	li.nav > a {
		font-size: 14pt;
		font-weight: bold;
		padding: 0 1em;
		text-decoration: none;
	}

	li.nav.root > a {
		display: none;
	}

	li.nav.main {
		display: inline-block;
	}
	li.nav.main.current > a {
		color: black;
		background: white;
	}
	li.nav.main > a {
		color: white;
		background: #0ba2a2;
	}
	li.nav.main > img.icon {
		display: none;
	}

	li.nav.child.current > a {
		color: white;
		background: black;
	}
	li.nav.child > a {
		color: white;
		background: #0ba2a2;
	}
	li.nav.child > ul.nav.child {
		position: absolute;
		top: 0;
		left: 100%;
	}

	li.nav:hover > ul
	{
		display: block;
	}
	li.nav:hover > a {
		color: black;
		background: #ddd;
	}
	li.nav.child:hover {
		color: black;
	}
}

/*	=============================================================================================================

		N A V   N A R R O W

	============================================================================================================= */

@media only screen and (max-width:1199px)
{
	/**
	 *	li.nav.root
	 */
	li.nav {
		background: #eee;
	}
	li.nav.root {
		position: relative;
	}
	li.nav.root  a {
		font-size: 150%;
	}
	li.nav.root > a {
		display: inline-block;
	}
	li.nav.root > ul {
		padding-top: 0.5em;
		padding-left: 1em;
		display: none;
	}
	li.nav.root > ul > li > ul {
		padding-left: 2em;
	}
	/**
	 *	li.nav.main
	 */
	li.nav.main {
		border-top: 0.5em;
		background: #ccc;
	}
	li.nav.main > ul {
		background: white;
	}
	li.nav.main > a {
		font-weight: bold;
		padding: 0 1em;
	}
	li.nav.main > img {
		float: right;
		padding-right: 1em;
		cursor: pointer;
		height: 1em;
	}
	li.nav.main.close > ul {
		display: none;
	}

}

/*	=============================================================================================================

		N A V   P R I N T

	============================================================================================================= */

@media only print {
	div.grid#nav {
		display: none;
	}
}