/* CSS Document */


	#toplinkscontent #nav {
	height: 35px;
	width:900px;
		/* Nav object */
	}
	
	#toplinkscontent, #toplinkscontent ul {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
	line-height: 1;
	font-size: 0.9em;
	color: #999999;
	z-index: 99;
	}

	#toplinkscontent a {
	display:block;

	padding: 10px 10px 10px 10px;
	height: 15px;				/* Same height as second level ul offset, otherwise menu will disappear on mouseout, ACCOUNT FOR PADDING */
	color: #333333;
	text-decoration: none;
	margin-bottom: 0px;
	text-align: center;
	}
	
		#toplinkscontent a:hover {
			text-decoration: none;
			color: #fff;
			background-image: url(../images/template/topmenu_slice_over.gif);
			background-repeat: repeat-x;	
			z-index:150;
		}

	#toplinkscontent li {
		
		float: left;
		margin: 0px;
		padding: 0px;
		background: url(../images/template/menudivider.gif) top left repeat-y;
	}

		#toplinkscontent li:hover, #toplinkscontent li.sfhover {
		background: url(../images/template/menudivider.gif) top left repeat-y;

		}

	
	#toplinkscontent li:hover ul {			
		/* All list items (li) in nav object, hover state */
		left: auto;
	}

	
	#toplinkscontent li ul ul {			
		/* Any sub list (second level list) (ul) */	
		position: relative;
		left: -5px;
		margin: -1em 0 0 10em;
	}

	
	#toplinkscontent li ul {
	/* Any list inside an li (second level list) (ul) */
	*margin-top:30px;
	*margin-left:-85px;
	position: absolute;
	left: -999em;
	width: 14em;
	border: 1px solid #3096BC;
	}

	
	#toplinkscontent li ul li {
	/* Any list item in a sub list (second level list items) (li) */
		
	position: relative;
	width: 100%;	/* Odd little size hack for Mozilla, doesn't affect IE... Check against widths of other items if width changes. */
	height: auto;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	border-bottom: #ffffff 1px solid;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
	border-top: #fff 1px solid;
		
	}

	
	#toplinkscontent li ul li:hover, #toplinkscontent li ul li.sfhover {	
		/* Any list item in a sub list (second level list items) (li) - mouseover */
	}

	
	#toplinkscontent li ul li a {
	/* Any anchor tag in a list item in a sub list (second level list items) (li) - anchor tags (links) */		
		margin: 0;
	padding: 7px 6px;
	height: auto;
	text-decoration: none;
	color: #666;
	text-align: left;
	}

	* html #toplinkscontent li ul li a {
		/* IE6 only - Any anchor tag in a list item in a sub list (second level list items) (li) - anchor tags (links)
		  - Pushes the link to the width of the li. Mozilla does it anyway but behaves
		    badly with this setting so it's only switched on for IE. */
		width: 100%;
	}
	
	#toplinkscontent li ul li a:hover {		
		/* Any list item in a sub list (second level list items) (li) - anchor tags (links) - mouseover */
		text-decoration: none;
		color: #ffffff;
		background: #C1D43A;
		margin: 0;
	}

	#toplinkscontent li:hover ul ul, #toplinkscontent li.sfhover ul ul {	
		/* CSS trick for menu placement, DON'T TOUCH */
		left: -999em;
	}

	#toplinkscontent li:hover ul, #toplinkscontent li li:hover ul, #toplinkscontent li.sfhover ul, #toplinkscontent li li.sfhover ul { 	
		/* CSS trick for menu placement, DON'T TOUCH */
		left: auto;
	}
#clear {
	clear: both;
}
#topbar {
	background-image: url(../images/template/topmenu_slice.gif);
	background-repeat: repeat-x;
	height: 33px;
}