@charset "utf-8";
/* styles for the main/top navigation */

#topNavigation {
	width:955px;
	float:left;
	background-color:#fefefe;  /* fills in white space on text resize */
	font-size:80%;
	font-weight:normal;
	border-bottom:solid 1px #888;
}

#topNavigation td a {
	display:block;
	padding:10px 5px 8px 5px;
	background:#fefefe url(../images/gui/top_navigation_off.jpg) repeat-x bottom;
	border-left:1px solid #888;
	text-align:center;  /* not sure if this is necessary, just making sure if it doesn't inherit it will still center align */
	text-decoration:none;
	color:#454545;
}
#topNavigation td:first-child a,
#topNavigation td.first a {
	border-left:0;
}

#topNavigation td a:hover {
	text-decoration:underline;
}

#topNavigation td.active a {
	background:#bcd6dd url(../images/gui/top_navigation_on.jpg) repeat-x bottom;
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}