/* 
		CSS Navigation Template for list based drop down navigation
		By Trond Ulseth - trond@idl.no - Started 16th June 2006
		
		Goal:
					Not having to create the same stuff each time a new site is created
		
		Change log:
					16th June 2006 - 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 from main.css if needed
					
*/

/* Overwrite global styles from main.css if needed
---------------------------------------------------------------------- */
ul#nav,
ul#nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 27px;
	}

ul#nav {
	font-weight: bold;
	padding-left: 20px;
	}

ul#nav a, ul#nav li.active li a {
	padding: 6px 20px 7px 20px;
	height: 14px;
	display: block;
	color: #006699;
	float: left;
	text-decoration: none;
	}

ul#nav a:hover {
	color: #666666;
	}


ul#nav li.active a {
	color: #000000 ;
	}


ul#nav li {
	float: left;
	position: relative;
	}

ul#nav li li {
	width: 200px;
	float: none;
	border-bottom: solid 1px #000000;
	}

ul#nav li ul {
	display: none;
	position: absolute;
	top: 10px;
	margin-left: -1px;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background-color: #C2D4E2;
	float: left;
	clear: both;
}

ul#nav li:hover ul, ul#nav li.sfhover ul {
	left: auto;
	}

#nav li li {
	float: none;
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}