div#topRow {z-index:2;} /* to ensure drop-down menus are over the content */

#show-bar, .kca-nav {
	background: url(/assets/bar.gif) no-repeat;
	display:inline-block;
	height: 24px;
	width:984px;
	padding:5px;
	z-index: 200;
}

#show-bar #become-a-fan { 
	float: left;
	display: inline;
	margin-left: 4px;
	width: 305px;
	height: 24px;
	line-height: 23px;
	text-align: center;
	background-image: url(/assets/Backgrounds/becomefan_bg.gif);
	font-size: 10px;
	font-family: Arial,Helvetica,clean,sans-serif;
	text-transform: uppercase;
}

#show-bar #become-a-fan a {
	padding-right: 10px;
	background: transparent url(/assets/bullet_grey.gif) no-repeat center right;
}

.with-favorite-button { width: 675px !important; }
.without-favorite-button {  }

#show-bar #nav {
	height:22px !important;
}

#show-bar #nav li,
#show-bar #nav ul {
/*background:#000;*/
	display: inline-block;
	position: relative;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}

#show-bar #nav li a,
#show-bar #nav ul a{
	background: #000000;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#show-bar #nav li a:hover, 
#show-bar #nav li.active a:hover,
#show-bar #nav ul a:hover,
#show-bar #nav ul.active a:hover{
	background: #000000;
	text-decoration: none !important;
}

/* making buttons widths add up to total width of show bar */

#show-bar #nav.btn1 li {
	min-width: 100%;
}

#show-bar #nav.btn2 li {
	min-width: 50%;
}

#show-bar #nav.btn3 li {
	min-width: 33.33%;
}

#show-bar #nav.btn4 li {
	min-width: 25%;
}

#show-bar #nav.btn5 li {
	min-width: 20%;
}

#show-bar #nav.btn6 li {
	min-width: 16.66%;
}

#show-bar #nav.btn7 li{
	min-width: 14.27%;
}

#show-bar #nav.btn8 li {
	min-width: 12.5%;
}

#show-bar #nav.btn9 li {
	min-width: 11.1%;
}

#show-bar #nav.btn10 li {
	min-width: 9.82%;
}

#show-bar #nav li a img {
	position: relative;
	top: 2px;
}

#show-bar #nav .sub {
	vertical-align:top;
	background: #11426a;
	border:4px solid #fff;
	display: none;
	position: absolute;
	top: 22px;
	left:-1px;
	float:none;
	min-width:100%;
}

#show-bar #nav .sub li {
	border-bottom: 1px solid #fff;
	display: block;
	float: none;
	width:auto;
}

#show-bar #nav .sub a {
	border-left: 0;
	float: none;
	overflow: hidden;
	text-align: left;
	padding: 0 5px;
}

#show-bar #tools {
	display: none;
	background: #fff;
	border: 1px solid #999;
	float: right;
	font-size: 11px;
	margin: 5px 8px 5px 0;
	line-height: 20px;
	text-align: center;
	width: 305px;
}

#show-bar #tools li {
	display: inline;
	float: none;
}

#show-bar #tools p {
	color: #666;
	float: left;
	height: 20px;
	width: 49%;
}

#show-bar #tools a {
	background: #999;
	color: #fff;
	display: block;
	font-size: 11px;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: center;
	 text-decoration: none;
	text-transform: uppercase;
	width: 49%;
}

#show-page div.brand-logo img {
	padding: 0;
}

/*

For KCA Specific pages

.kca-nav { 
	height: 30px;
	width: 840px;
	margin: 0px;
	background: transparent url(/assets/kca/kca_mainnav_bg.png) no-repeat;
	border-bottom:5px solid #fff;
	z-index:0;
}
*/
.kca-nav ul { padding: 5px 2px 0 2px; }
.kca-nav ul li { float: left; }
.kca-nav ul li a {
	float: left;
	display: inline;
	height: 22px;
	line-height: 22px;
	margin: 0 1px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #1e1e1e;
	background-color: #82be37;
}
.kca-nav li a:hover, .kca-nav li a.currentPage { background-color: #009deb; }
.kca-nav li a.current {	background-color: #009deb; }
