/* 
		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
---------------------------------------------------------------------- */
#nav * {
	font-size: 14px;
	font-weight: normal;
	}

#nav, 
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	}

#nav {
	height: 1em;
	font-weight: bold;
	padding-left: 15px;
	}
	
#nav a,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	text-decoration: none;
	cursor: pointer;
	}
	 
#nav a:link {
	color:#FFFFFF;
	}
 
#nav a:visited {
	color: #FFFFFF;
	}
	 
#nav a:hover,a:active {
	color: #FFC600;
	}

#nav a {
	display: block;
	padding: 10px 20px;
	}
	
#nav li {
	float: left;
	display: block;
	/* margin:0px 5px; */
	}

#nav li li {
	float: none;
	/* border-bottom: 1px solid #3F6AB7; */
	}

#nav li ul {
	position: absolute;
	background: #F30025;
	font-weight: normal;
	left: -999em;
	z-index: 1;
	}

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

#nav li.active a {
	background: #F30025;
	}

#nav li.active li {
	/* border-bottom:1px solid #333; */
	}
	
	/* hide from IE mac \*/
#nav li {
	width: auto;
	}