/* Main Navigation ---------------------------------------- */

#mainNav {
	width: 918px;
	height: 60px;
	padding: 6px;
	margin: 0 0 -5px 0;
	background: url(../img/top-menu-bg.gif) no-repeat left top; 
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav li {
	
	float: left;
	height: 37px;
	border-right: 1px solid #ddd;

	list-style: outside none none;
}

#mainNav li a {
	display: block;
	float: left;
	height: 37px;
	font-weight: bold;
	line-height: 37px;
	text-decoration: none;
	color: #646464;
	padding: 0 20px;
}

#mainNav li.logout {
	float: right;
	border-left: 1px solid #ddd;
	border-right: none;
}

#mainNav li a:hover { background: #fdfcf6; }

#mainNav li a.active, #mainNav li a.active {
	background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

#mainNav2 {
	width: 918px;
	height: 60px;
	padding: 6px;
	margin: -28px 0 15px 0;
	background: url(../img/top-menu-bg.gif) no-repeat left top; 
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav2 li {
	
	float: left;
	height: 37px;
	border-right: 1px solid #ddd;

	list-style: outside none none;
}

#mainNav2 li a {
	display: block;
	float: left;
	height: 37px;
	font-weight: bold;
	line-height: 37px;
	text-decoration: none;
	color: #646464;
	padding: 0 20px;
}