/* ****** START Main Navigation Styles ****** */

/* Removed from main.css as styles were getting large and complicated */

.mainNav, .mainNav ul { 
	clear: both;
	height: 59px;
	width: 100%;
}

.mainNav li {
	float: left;
	height: 59px;
	list-style-type: none;
	position: relative;
	width: 91px; 
}
html>body .mainNav li { background: url(../images/mainnav-middle.png) no-repeat 0 0; }
* html .mainNav li {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle.png', sizingMethod='crop');
	position: static;
}
*:first-child+html .mainNav li { position: static; }

.mainNav li.long { width: 94px; }
html>body .mainNav li.long { background: url(../images/mainnav-middle-long.png) no-repeat 0 0; }
* html .mainNav li.long { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle-long.png', sizingMethod='crop'); }

.mainNav a { z-index: 0; }

.mainNav a.selected, 
.mainNav a.selected:link, 
.mainNav a.selected:visited { 
	background-position: 0 -57px;
	color: #ffff66; 
}
html>body .mainNav a.selected { background-image: url(../images/mainnav-middle.png);  }
* html .mainNav a.selected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle.png', sizingMethod='crop'); }

.mainNav li.first { width: 97px; }
html>body .mainNav li.first { background: url(../images/mainnav-first.png) no-repeat 0 0; }
* html .mainNav li.first { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-first.png', sizingMethod='crop'); }

.mainNav li.first a.selected, 
.mainNav li.first a.selected:link, 
.mainNav li.first a.selected:visited { background-position: 0 -57px; }
html>body li.first a.selected { background-image: url(../images/mainnav-first.png);  }
* html li.first a.selected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-first.png', sizingMethod='crop'); }

.mainNav li.last a.selected, 
.mainNav li.last a.selected:link, 
.mainNav li.last a.selected:visited { background-position: 0 -57px; }
html>body .mainNav li.last a.selected { background-image: url(../images/mainnav-last.png);  }
* html .mainNav li.last a.selected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-last.png', sizingMethod='crop'); }

.mainNav li.long a.selected,
.mainNav li.long a.selected:link,
.mainNav li.long a.selected:visited { width: 94px; }
html>body .mainNav li.long a.selected { background: url(../images/mainnav-middle-long.png) no-repeat 0 -57px; }
* html .mainNav li.long a.selected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle-long.png', sizingMethod='crop'); }

.mainNav li.last { 
	width: 97px;
	background-repeat: no-repeat;
}
html>body .mainNav li.last { background: url(../images/mainnav-last.png) no-repeat 0 0;   }
* html .mainNav li.last { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-last.png', sizingMethod='crop'); }

.mainNav a,
.mainNav a:link,
.mainNav a:visited { 
	color: #fff; 
	display: table;
	float: left;
	font: bold 1.1em arial;
	height: 58px;
	position: relative; 
	text-decoration: none;
	width: 100%; 
}

.mainNav a:hover,
.mainNav a:active { 
	color: #ffff66; 
	cursor: pointer;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.mainNav a:hover span.hover,
.mainNav a:active span.hover { 
	position: absolute; 
	width: 106px; 
	height: 59px;
	left: -7px;
}
html>body .mainNav a:hover span.hover { background: url(../images/mainnav-middle-hover.png) no-repeat 0 0; }
* html .mainNav a:hover span.hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle-hover.png', sizingMethod='crop'); }

.mainNav li.long a:hover span.hover,
.mainNav li.long a:active span.hover { width: 108px; }

html>body .mainNav li.long a:hover span.hover { background: url(../images/mainnav-middle-hover-long.png) no-repeat 0 0; }
* html .mainNav li.long a:hover span.hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-middle-hover-long.png', sizingMethod='crop'); }

.mainNav li.first a:hover span.hover { left: 0; }
html>body .mainNav li.first a:hover span.hover { background: url(../images/mainnav-first-hover.png) no-repeat 0 0; }
* html .mainNav li.first a:hover span.hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-first-hover.png', sizingMethod='crop'); }

html>body li.last a:hover span.hover { background: url(../images/mainnav-last-hover.png) no-repeat 0 0; }
* html li.last a:hover span.hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainnav-last-hover.png', sizingMethod='crop'); }

.mainNav li span.vAlign {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	z-index: 9999;
}
* html .mainNav li span.vAlign { 
	position: absolute;
	top: 50%; 
}
*:first-child+html .mainNav li span.vAlign { 
	position: absolute;
	top: 50%; 
}

.mainNav a span.vAlign span { position: relative; }
*:first-child+html .mainNav a span.vAlign span { top: -50%; }
* html .mainNav a span.vAlign span { top: -50%; }