/* 
		CSS Navigation Template for list based drop down navigation
		By Trond Ulseth - trond@idl.no
		   Jørgen Skogås - jorgen@idl.no
		Started 29th September 2009

		Goal:
					Standard navigation layout

		Change log:
					29th September 2009 - started this template

		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		This template is based on the CSS for dropdown navigation in the FarCry pliant template.

		Table of Contents:
*/

/* Overwrite global styles if needed
---------------------------------------------------------------------- */
ul#primaryNav {
	background-color: transparent;
	position: absolute;
	top: 37px;
	left: 279px;
	width: 100%;
	font-size: 1.2em;
}

ul#primaryNav,
ul#primaryNav li {
	padding: 0 !important;
	margin: 0 !important;
	height: 50px;
	line-height: 50px;
	list-style: none;
}
	
	/* First level
	---------------------------------------------------------------------- */
	ul#primaryNav li {
		float: left;
		display: block;
	}
	
	/* hide from IE mac \*/
	ul#primaryNav li {
		width: auto;
	}
	
	ul#primaryNav li.active {
		background: transparent url('../wsimages/nav_li_bg.png') no-repeat top left;
	}

		ul#primaryNav li a {
			margin: 0 0 0 16px;
			padding: 0 26px 0 10px;
			float: left;
			display: block;
			background-color: transparent;
			text-decoration: none;
			cursor: pointer;
		}

		ul#primaryNav li a:hover {
			color: #e9141c;
		}
		
		ul#primaryNav li.active a {
			background: transparent url('../wsimages/nav_li_a_bg.png') no-repeat top right;
			color: #1c2764;
		}
	
	ul#primaryNav ul {
		display: none;
	}

/* Secondary Navigation
---------------------------------------------------------------------- */
ul#secondaryNav,
ul#secondaryNav li,
ul#secondaryNav li ul,
ul#secondaryNav li ul li {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 46px;
}

ul#secondaryNav a {
	display: block;
	background: #fff url('../wsimages/secNav_li_a_bg.jpg') no-repeat;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #666;
}
	
ul#secondaryNav a:hover,
ul#secondaryNav li.active a {
	color: #1c2764;
}

	ul#secondaryNav li li a,
	ul#secondaryNav li.active li a {
		background-image: none;
		color: #666;
		line-height: 26px;
		background-color: transparent;
	}
	
	ul#secondaryNav li.active li a:hover,
	ul#secondaryNav li.active li.active a:hover,
	ul#secondaryNav li.active li.active a {
		color: #1c2764;
		background-color: #e7e7e7;
	}

ul#secondaryNav li ul {
	width: 236px;
	margin: -10px 0 0 20px !important;
	background-color: transparent;
	border: dotted 1px #ccc;
	border-top: none;
}