/* 
		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;
	text-transform: uppercase;
	}

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

#nav {

	}
	
#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: 0px 0px 0px 20px;
	}
	
#nav li {
	float: left;
	width: 8em;
	display: block;
	margin: 0 1px;
	}

#nav li.active a {
	color: #F3BB21;
	}

	/* hide from IE mac \*/
#nav li {
	width: auto;
	}
	
/* Footer navigation
---------------------------------------------------------------------- */
#nav2 *,
#nav3 * {
	font-size: 12px;
	font-weight: normal;
	}

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

#nav2 a,
#nav2 a:link,
#nav2 a:visited,
#nav2 a:hover,
#nav2 a:active,
#nav3 a,
#nav3 a:link,
#nav3 a:visited,
#nav3 a:hover,
#nav3 a:active {
	text-decoration: none;
	cursor: pointer;
	}
	 
#nav2 a:link,
#nav3 a:link {
	color:#333;
	}
 
#nav2 a:visited,
#nav3 a:visited {
	color: #333;
	}
	 
#nav2 a:hover,a:active,
#nav3 a:hover,a:active {
	color: #000;
	}

#nav2 a,
#nav3 a {
	display: block;
	padding: 3px 0px 0px 13px;
	width: 192px;
	height: 19px;
	background-image: url(/wsimages/footer_navigation_bg.gif);
	background-repeat: no-repeat;
	}
	
#nav2 li,
#nav3 li {
	float: left;
	width: 205px;
	display: block;
	}
	
#nav3 li {
	margin-right: 46px;
}

#nav2 li.active a,
#nav3 li.active a {

	}

	/* hide from IE mac \*/
#nav2 li,
#nav3 li, {
	width: auto;
	}