#header-reduced {
	padding: 0 0 0 0.5em;
	margin: 0;
	margin: auto;
	width: 975px;																/* Needs changing for Themes */
	background-color: #FFFFFF;
}

#s4s-logo-reduced {
	float: left;
	width: 58px; height: 59px;
	background: url(images/Core/s4s-logo-reduced.png) no-repeat;
	margin: 3px 20px 0 0;
	cursor: hand;
}

#s4s-logo-reduced h1 span {
	position: absolute;
	left: -2000px;
}

p#login-reduced {
	float: left;
	margin: 0 0 10px 20px;
}

/*********** Navi Banner **********/
ul#main-nav-reduced {
	position: relative;
	list-style: none;
	margin: 0 0 10px 0;
	float: right;
	width: 855px;
	background-color: #414042;													/* Needs changing for Themes */
	color:#FFF;
	text-transform:uppercase;
	padding: 0 0 0 2.5em;
	font-weight: bold;
	border-bottom: 5px solid #414042;
}


ul#main-nav-reduced.home 	{border-bottom: 5px solid #eb6e1f; }						/* Needs changing for Themes */
ul#main-nav-reduced.shop 	{border-bottom: 5px solid #fa6dff; }						/* Needs changing for Themes */
ul#main-nav-reduced.council {border-bottom: 5px solid #2772d8; }						/* Needs changing for Themes */
ul#main-nav-reduced.life 	{border-bottom: 5px solid #ffec1e; }						/* Needs changing for Themes */
ul#main-nav-reduced.account {border-bottom: 5px solid #4bab3b; }						/* Needs changing for Themes */


ul#main-nav-reduced .bookend-left {
	position: absolute;
	background: url(images/Core/rounded-nav-reduced.png) no-repeat !important; background: url(images/Core/rounded-nav-reduced.gif) no-repeat;
	left: 0px;
	top: -2px;
	width: 31px;
	height: 31px;
	z-index: 10;
	padding: 0; margin: 0;
}

ul#main-nav-reduced .bookend-right {
	position: absolute;
	right: 0 !important; right: -2px;
	background: url(images/Core/rounded-nav-end-reduced.png) no-repeat !important; background: url(images/Core/rounded-nav-end-reduced.gif) no-repeat;
	top: -2px;
	width: 31px;
	height: 31px;
	z-index: 10;
	padding: 0; margin: 0;
}

ul#main-nav-reduced li {
	padding: 0;
	margin: 0 20px 0 30px;
	float: left;

}

ul#main-nav-reduced li a {
	color: #FFF;																/* Needs changing for Themes */
	float: left;
	padding: 0.3em 1em;
	text-decoration:none;
}


/** Home tab **/
ul#main-nav-reduced li#nav-home.active a {
	background-color: #eb6e1f;													/* Needs changing for Themes */
}
/** Search and shop tab **/
ul#main-nav-reduced li#nav-shop.active a {
	background-color: #fa6dff;													/* Needs changing for Themes */
}
/**My Council tab **/
ul#main-nav-reduced li#nav-council.active a {
	background-color: #2772d8;													/* Needs changing for Themes */
}	
/** My Life tab **/
ul#main-nav-reduced li#nav-life.active a {
	background-color: #ffec1e;													/* Needs changing for Themes */
	color: #000;																/* Needs changing for Themes */
}
/** My Account tab **/
ul#main-nav-reduced li#nav-account.active a {
	background-color: #4bab3b;													/* Needs changing for Themes */
}
		
		/** rollover states **/
		ul#main-nav-reduced li#nav-home a:hover {
			background-color: #eb6e1f;											/* Needs changing for Themes */
		}
		/** Search and shop tab **/
		ul#main-nav-reduced li#nav-shop a:hover {
			background-color: #fa6dff;											/* Needs changing for Themes */
		}
		/**My Council tab **/
		ul#main-nav-reduced li#nav-council a:hover {
			background-color: #2772d8;											/* Needs changing for Themes */
		}
		/** My Life tab **/
		ul#main-nav-reduced li#nav-life a:hover {
			background-color: #ffec1e;											/* Needs changing for Themes */
			color: #000;
		}
		/** My Account tab **/
		ul#main-nav-reduced li#nav-account a:hover {
			background-color: #4bab3b;
		}

