/*********************************************************************************************

	Main Navigation

*********************************************************************************************/

	#main-nav {
		height: 45px;
		position: relative;
		background: url("../images/mainnav_bg.png") left top repeat-x;
		border-bottom: 1px solid #e36f25;
		font-size: 1.35em;
		z-index: 5000; /* for IE7 make sure dropdown menu is above other absolute elements in content, but below site-actions menu */
	}
	#main-nav ul.root li > a, 
	#main-nav ul.root li > ul, 
	#main-nav li {
		float: left;
	}
	
	
	/** Hide Corners
	/****************************************************************************************/
	#main-nav .cnr-left, 
	#main-nav .cnr-right {
		width: 4px;
		height: 4px;
		display: block;
		position: absolute;
	}
	#main-nav .cnr-left {background: url("../images/mainnav_bg_cnr_left.png") left top repeat-x;}
	#main-nav .cnr-right {right: 0; background: url("../images/mainnav_bg_cnr_right.png") left top repeat-x;}
	
	
	/** Level 1 Links
	/****************************************************************************************/
	/*** Divide ***/
	#main-nav .s4-tn ul.root > li > ul > li.static {
		padding-left: 1px;
		background: url("../images/mainnav_bg_divide.png") left top no-repeat;
		border-bottom: 1px solid #E36F25;
	}
	
	/*** Link ***/
	#main-nav .s4-tn li.static > .menu-item {
		margin-top: 2px;
		line-height: 43px;
		color: #fff;
		text-decoration: none;
		text-align: center;

		/* Override corev4.css */
		border: none;
		display: block;
		height: auto;
		padding: 0;
		white-space: normal;
	}
	
	/*** Link Hover ***/
	#main-nav .s4-tn li.static > a.home:hover, 
	#main-nav .s4-tn li.static li:hover > a, 
	#main-nav .s4-tn li.selected > .menu-item {
		color: #fff;
		background: url("../images/mainnav_bg_hover.png") left top repeat-x;
	}
	/* Hide colour of currently selected */
	#main-nav .s4-tn:hover li.selected > .menu-item {
		background: transparent;
	}
	/* Show colour of currently selected if hover over */
	#main-nav .s4-tn li.selected:hover > .menu-item {
		background: url("../images/mainnav_bg_hover.png") left top repeat-x;
	}
	
	/*** Hide Selected Styles from Home Link ***/
	#main-nav .s4-tn li.selected > .menu-item.home {
		background: transparent;	
	}
	
	/*** Link Widths ***/
	#main-nav .s4-tn li.no-1 > .menu-item {width: 104px;}
	#main-nav .s4-tn li.no-2 > .menu-item {width: 261px;}
	#main-nav .s4-tn li.no-3 > .menu-item {width: 212px;}
	#main-nav .s4-tn li.no-4 > .menu-item {width: 143px;}
	#main-nav .s4-tn li.no-5 > .menu-item {width: 234px;}
	
	/** Level 2 Drop Down Menu
	/****************************************************************************************/
	/*** Link Drop Down ***/
	#main-nav .s4-tn ul.root ul ul.drop-down {
		padding: 8px 0 9px;
		position: absolute;
		top: 46px;
		left: -10000px;
		width: 100%;
		z-index: 999;
		background: #080909 url("../images/mainnav_lvl2_bg.png") left bottom repeat-x;
		border-bottom: 4px solid #e36f25;
	}
	#main-nav .s4-tn ul.root ul li:hover ul.drop-down {
		left: 0;
	}
	
	#main-nav .s4-tn ul.root ul li ul.drop-down {
		padding-right: 1px;
		width: auto;
	}
	
	/*** Cancel Styles from Lvl 1 ***/
	#main-nav .s4-tn ul.root ul ul.drop-down li.static {
		padding: 0;
		width: 200px;
		background: transparent;
	}
	
	/*** Link Category ***/
	#main-nav .s4-tn ul.root ul ul ul.category {
		
		float: left;
		border-right: 1px solid #313131;
		display: inline-block; /* IE7 Fix */
	}
	#main-nav .s4-tn ul.root ul ul li:first-child ul.category {
		border-left: 1px solid #313131;
	}
	
	/*** Link Category Position ***/
	#main-nav .s4-tn ul.root ul li.no-3:hover ul.drop-down {
		left: 174px;
	}
	#main-nav .s4-tn ul.root ul li.no-4:hover ul.drop-down {
		left: auto;
		right: 0;
	}
	#main-nav .s4-tn ul.root ul li.no-5:hover ul.drop-down {
		left: auto;
		right: 0;
	}
	
	/*** Link ***/	
	#main-nav .s4-tn ul.root ul ul ul.category li, 
	#main-nav .s4-tn ul.root ul ul ul.category li > a {
		float: none;
	}
	#main-nav .s4-tn ul.root ul ul ul.category li.static > .menu-item {
		margin: 0;
		padding: 4px 10px;

		display: block;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 14px;
		text-align: left;
	}
	#main-nav .s4-tn ul.root ul ul ul.category:first-child li.static > .menu-item {
		padding-left: 25px;
	}
	#main-nav .menu-horizontal .menu-item-text {
		white-space: normal;
	}
	/*** Link Header ***/
	#main-nav .s4-tn ul.root ul ul ul.category li.header > .menu-item {
		margin-top: 6px;
		padding-bottom: 7px;
		font-size: 1em;
		font-weight: bold;
	}
	#main-nav .s4-tn ul.root ul ul ul.category li.header:first-child > .menu-item {
		margin-top: 0;
	}
	
	/*** Link Hover ***/
	#main-nav .s4-tn ul.root ul ul ul.category li:hover, 
	#main-nav .s4-tn ul.root ul ul ul.category li.selected {
		background: #454343 url("../images/mainnav_lvl2_hover.png") left bottom repeat-x;
	}
	#main-nav .s4-tn ul.root ul ul ul.category li:hover > a, 
	#main-nav .s4-tn ul.root ul ul ul.category li.selected > .menu-item {
		background: transparent;
	}