/**************************************
/	Midwest Signs 
/	Tabbed Menu Style Sheet
/	created: 9-17-07
/	modified: 9-17-07
**************************************/

#tabNav {
	height: 29px;
	width: 958px;
	background: url(/images/menu.jpg) repeat-x 0px -58px;
	margin: 8px 0 0 0;
	list-style: none;
	z-index: 999;
	position: relative;
}

#tabNav, #tabNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 999;
}


#tabNav a {
	color: #FFFFFF;
	float: left;
	text-decoration: none;
	font-size: 12px;
	line-height: 29px;
	display: block;
	background: url(/images/menu.jpg) repeat-x 0px -58px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

#tabNav a.Green {
	background: url(/images/menuGreen.jpg) repeat-x 0px -58px;
}
#tabNav a span{ 
	float: left;
	cursor: pointer;
}

#tabNav .left, #tabNav .leftGreen{ 
	float: left;
}

#tabNav a .center {
	padding: 12px 7px 0px 7px;
	line-height: 12px;
}
#tabNav a .centerGreen {
	background: url(/images/menuGreen.jpg) repeat-x 0px -58px;
	padding: 12px 7px 0px 7px;
	line-height: 12px;
}

#tabNav .left, #tabNav .right, #tabNav .leftGreen,  #tabNav .rightGreen{
	display: block;
	width: 5px;
	height: 29px;
	background-image: url(/images/menu.jpg);
	background-repeat: no-repeat;
}
#tabNav .leftGreen, #tabNav .rightGreen {
	background-image: url(/images/menuGreen.jpg);
}

#tabNav .rightEnd {
	position: absolute;
	right: 0px;
}

#tabNav .left { background-position: 0px 0px; }
#tabNav .leftGreen { background-position: 0px 0px; }
#tabNav .right { background-position: -5px 0px; }
#tabNav .rightGreen { background-position: -5px 0px; }
#tabNav a:hover, #tabNav a.selected, #tabNav li:hover a, #tabNav li.sfhover a { background-position: 0px -29px; }
#tabNav a:hover .center, #tabNav a.selected .center, #tabNav li:hover a .center, #tabNav li.sfhover a .center { line-height: 12px; padding: 9px 7px 0 7px; }
#tabNav a:hover .left, #tabNav a.selected .left, #tabNav li:hover a .left, #tabNav li.sfhover a .left { background-position: -10px -0px; }
#tabNav a:hover .leftGreen, #tabNav a.selected .left, #tabNav li:hover a .leftGreen, #tabNav li.sfhover a .leftGreen { background-position: -10px -0px; }
#tabNav a:hover .right, #tabNav a.selected .right, #tabNav li:hover a .right, #tabNav li.sfhover a .right { background-position: -15px -0px; }
#tabNav a:hover .rightGreen, #tabNav a.selected .rightGreen, #tabNav li:hover a .rightGreen, #tabNav li.sfhover a .rightGreen { background-position: -15px -0px; }
#tabNav li:hover.rightEnd .right, #tabNav li.rightEnd .right { background-position: -5px 0px; }
#tabNav li:hover.rightEnd .left, #tabNav li.rightEnd .left { background-position: 0px 0px; }

/**** DROP DOWNS */
#tabNav ul {
	list-style: none;
	margin: 0px;
	line-height: 1;
	z-index:999;
}

#tabNav li { /* all list items */
	float: left;
}

#tabNav li li {
	margin: 0px 0 0 0;
}

#tabNav li li a {
	display: block;
	width: 138px;
	line-height: 20px;
	background: #ed1c24;
	border-bottom: 1px solid #000;
	padding: 0 10px 0 12px;;
}
#tabNav li li a:hover {
	background-color: #F26067;
}

#tabNav li ul { /* second-level lists */
	position: absolute;
	background: #ed1c24;
	margin: 29px 0 0 0;
	top: 0px;
	width: 160px;
	clear: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#tabNav li:hover ul, #tabNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#tabNav li:hover, #tabNav li.sfhover {
	position: static; /* stops dropdown from sticking in IE7 */
}