﻿/* don't put anything in here unless it a.) is only for the tabs, b.) isn't already in styles.css */
#topnav1
{
	background-color:#599C92;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 600; /* most browsers make this just like "bold" */
	height:34px;
	line-height: 34px;
	margin-top: 4px;
	text-align: center;
	width: 100%;
	word-spacing:0.15em;
}

#topnav1 ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav1 li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#topnav1 a
{
	float: left;
	background: url(../images/tabs/left_both.png) no-repeat left top;
	border-right:1px solid #81B0AA;
	/*margin: 0 0 0 -26px;*/
	/*padding: 0 0 0 20px;*/
	color: #fff;
	text-decoration: none;
}

#topnav1 a span
{
	float: left;
	display: block;
	background: url(../images/tabs/right_both.png) no-repeat right top;
	/*padding: 7px 36px 8px 6px;*/
	color: #fff;
	text-align: center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav1 a span
{
	float: none;
}
/* End IE5-Mac hack */
#topnav1 a:hover span
{
	color: #fff;
}

#topnav1 .current a
{
	background-position: 0 -34px;
}

#topnav1 .current a span
{
	background-position: 100% -34px;
	color: #fff;
}

#topnav1 .current a:hover
{
	cursor: default;
}

#topnav1 .current a:hover span
{
	color: #fff;
	cursor: default;
}

#topnav1 a:hover
{
	background-position: 0% -34px;
	color: #fff;
	background-color:Red;
}

#topnav1 a:hover span
{
	background-position: 100% -34px;
	color: #fff;
	background-color:Red;
}
