/* 
		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,
ul#primaryNav li ul {
	padding: 0 !important;
	margin: 0 !important;
	height: 1.5em;
	list-style: none;
	}
	
	ul#primaryNav {
		background-color: transparent;
		font-size: 1.2em;
		width: 680px;
		margin: 0 0 0 50px !important;
		float: left;
		position: absolute;
		top: 9px;
	}
	
	/* First level
	---------------------------------------------------------------------- */
	ul#primaryNav li {
		float: left;
		width: 8em;
		display: block;
		margin: 0 1px 0 0;
		}
	
	/* hide from IE mac \*/
	ul#primaryNav li {
		width: auto;
		}

		ul#primaryNav li a,
		ul#primaryNav li a:link,
		ul#primaryNav li a:visited,
		ul#primaryNav li a:hover,
		ul#primaryNav li a:active {
			text-decoration: none;
			cursor: pointer;
			}

		ul#primaryNav li a {
			background: transparent url('../wsimages/nav_li_a_bg.gif') no-repeat scroll top left;
			color: #383838;
			width: 110px;
			height: 32px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			font-size: 12px;
			}

		ul#primaryNav li a:hover {
			background: transparent url('../wsimages/nav_li_a_hover_bg.gif') no-repeat scroll top left;
			color: #ccc;
			}
		
		ul#primaryNav li.active a {
			background: transparent url('../wsimages/nav_li_a_hover_bg.gif') no-repeat scroll top left;
			}
			
			/* Second level
			---------------------------------------------------------------------- */
			ul#primaryNav li ul {
				position: absolute;
				background: #ccc url('../wsimages/nav_li_ul_bg.jpg') no-repeat;
				width: 195px;
				left: -999em;
				z-index: 1;
				z-index: 100;
				display: block;
				height: auto;
				border: solid 1px #999;
				-moz-box-shadow: 0px 0px 4px #666;
				-webkit-box-shadow: 0px 0px 4px #666;
				box-shadow: #666 0px 0px 4px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				}
			
			ul#primaryNav li:hover ul,
			ul#primaryNav li.sfhover ul {
				left: auto;
				}
				
				ul#primaryNav li li {
					float: none;
					display: block;
					}
				
				ul#primaryNav li.active li {

					}
				
				ul#primaryNav li li a {
					width: 165px;
					background: none;
					text-align: left;
					height: auto;
					padding: 3px 15px;
					border-top: dotted 1px #999;
				}
					
					ul#primaryNav li li.first a {
						border-top: none;
					}
				
				ul#primaryNav li.active li a {
					background: none;
					}
				
					ul#primaryNav li li a:hover {
						color: #FFFFFF;
						background: none;
						}
				
				ul#primaryNav li.active li a:hover,
				ul#primaryNav li li.active a {
					background: none;
					color: #FFFFFF;
					}

/* Focus nav
-------------------------------------------------------------------- */
ul#focusNav {
	padding: 28px 0 0 3px;
	float: left;
}

ul#focusNav,
ul#focusNav li {
	list-style: none;
}

	ul#focusNav li a {
		display: table-cell;
		height: 48px;
		width: 148px;
		padding: 0 10px 0 20px;
		vertical-align: middle;
		text-decoration: none;
		color: #262626;
	}
	
	ul#focusNav li a:hover {
		color: #0031ae;
	}

/* Shortcuts
-------------------------------------------------------------------- */
ul#shortcuts {
	width: 720px;
	margin: 0 auto;
	padding: 5px 0 173px;
}

ul#shortcuts li {
	width: 180px;
	float: left;
	margin: 0px;
	list-style: none;
}

	ul#shortcuts li h3 {
		margin: 0px;
	}

	ul#shortcuts ul {
		margin-left: 15px;
		list-style-type: square !important;
		list-style-type: square !important;
	}

	ul#shortcuts li li {
		list-style: square !important;
		list-style-type: square !important;
	}