/* ______________________________ Top Menu ___________________________________________ */

#topmenu {
	clear: left;
	float: left;
	padding: 0px;
	background:#fff url(/resources/image/topmenu.gif) bottom repeat-x;
	width: 100%;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
#topmenu ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 50%;
	text-align: center;
}
#topmenu ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#topmenu ul li a {
	display: block;
	float: left;
	margin: 0 1px;
	padding: 5px 10px;
	background: #fff;
	text-decoration: none;
	color: #000;
	border: 1px solid #369;
	position: relative;
	bottom: 1px;
	letter-spacing: 2px;
}
#topmenu ul li a:hover {
	background: #36f;
	color: #fff;
}
#topmenu ul li.selected {
	margin-top: 10px;
}
#topmenu ul li.selected a, #topmenu ul li.selected a:hover {
	position: relative;
	bottom: 0;
	padding: 10px;
	background: #fff;
	color: #000;
	font-weight: bold;
}

/* ______________________________ Main Menu __________________________________________ */

#mainmenu {
	margin: 0 auto;
	/* overflow: hidden; */
	border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
	font-family: Verdana, Geneva, sans-serif;
	background: #91D0E4; /*background of tabs (default state)*/
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font-size: 12px;
	list-style-type: none;
}

#mainmenu li{
	display: inline;
	margin: 0;
}

#mainmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	border-bottom: 1px solid white; /*right divider between tabs*/
	color: black;
	background: #91D0E4; /*background of tabs (default state)*/
	letter-spacing: 2px;
}

#mainmenu li a:visited {
	color: black;
}

#mainmenu li a:hover, #mainmenu li.selected a{
	background: #36f; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* ______________________________ Sub Menu ___________________________________________ */

.nav {
	background:#fff url(/resources/image/topmenu.gif) bottom repeat-x;
	border: 1px solid #b0b0b0;
	color: #606060;
	display: block;
	margin-top: 4px;
	padding: 5px 4px 4px 10px;
	position: relative;
	text-transform: uppercase;
	width: 140px;
	font-size: 11px;
}

.nav:hover,.active {
	background: #f8f9fa;
	border: 1px solid #909090;
	color: #303030;
	text-decoration: none;
}