@charset "utf-8";
/* CSS Document */
#mainNav {
	/* background-image: url(../images/nav-bg.png);
	background-repeat: repeat-x; */
	width: 1000px;
	height: 50px;
	margin-top: 15px;
	clear: both;
	border-bottom: 5px solid #44e;
}

#mainNav .navleft {
	float: left;
}

#mainNav .navright {
	float: right;
}

#mainNav ul li {
	/* float: left; */
	position: relative;
	list-style-type: none;
	width: 16%;
	height: 50px;
	font-size: 0.9em !important;
	display: inline-block;
}

#mainNav ul li a {
	text-align: center;
	color: #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#mainNav #item1Tab a span,#mainNav #item2Tab a span,#mainNav #item3Tab a span,#mainNav #item6Tab a span,#mainNav #item7Tab a span,#mainNav #item8Tab a span,#mainNav #item9Tab a span,#mainNav #item10Tab a span,#mainNav #item11Tab a span,#mainNav #item12Tab a span,#mainNav #item13Tab a span,#mainNav #item14Tab a span,#mainNav #item15Tab a span, #mainNav #item16Tab a span
	{
	position: absolute;
	width: 125px;
	height: 40px;
	padding-top: 10px;
	/* background-image: url(../images/tabs.png);
	background-repeat: no-repeat;
	background-position: 0px 0pxx; */
}

#mainNav #item1Tab a.current span,#mainNav #item2Tab a.current span,#mainNav #item3Tab a.current span,#mainNav #item6Tab a.current span,#mainNav #item7Tab a.current span,#mainNav #item8Tab a.current span,#mainNav #item9Tab a.current span,#mainNav #item10Tab a.current span,#mainNav #item11Tab a.current span,#mainNav #item12Tab a.current span,#mainNav #item13Tab a.current span,#mainNav #item14Tab a.current span,#mainNav #item15Tab a.current span, #mainNav #item16Tab a.current span
	{
	background-position: 0px -50px;
	color: #ffffff;
	font-weight: bold;
}

#mainNav #item1Tab a:hover span,#mainNav #item2Tab a:hover span,#mainNav #item3Tab a:hover span,#mainNav #item6Tab a:hover span,#mainNav #item7Tab a:hover span,#mainNav #item8Tab a:hover span,#mainNav #item9Tab a:hover span,#mainNav #item10Tab a:hover span,#mainNav #item11Tab a:hover span,#mainNav #item12Tab a:hover span,#mainNav #item13Tab a:hover span,#mainNav #item14Tab a:hover span,#mainNav #item15Tab a:hover span, #mainNav #item16Tab a:hover span
	{
	/*background-position: 0px -50px;*/
	color: #ffffff;
}

#mainNav  li:hover>table {
	visibility: visible;
}

#mainNav table {
	position: absolute;
	visibility: hidden;
	margin-top: 50px;
	z-index: 99;
}

#mainNav #item4Tab {
	/* width: 60px */
	
}

#mainNav #item4Tab a span, #mainNav #item5Tab a span, #mainNav #item8Tab a span, #mainNav #item11Tab a span, 
#mainNav #item13Tab a span, #mainNav #item14Tab a span, #mainNav #item9Tab a span, #mainNav #item6Tab a span
	{
	position: absolute;
	width: 100%;
	height: 40px;
	padding-top: 10px;
	text-align: center;
	cursor: pointer;
}

#mainNav #item4Tab a:hover span,#mainNav #item5Tab a:hover span,#mainNav #item8Tab a:hover span
	{
	color: #ffffff;
}

#mainNav #item4Tab a#current span,#mainNav #item8Tab a#current span,#mainNav #item5Tab a#current span
	{
	color: #ffffff;
	font-weight: bold;
}

#mainNav #item8Tab {
	/* 	width: 70px; */
	
}
.hide-nav {
	display:none!important;
}
.right-nav-no-float {
	float:none!important;
}

.dropbtn {
	/*background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;*/
	
}

.dropup {
	position: relative;
	display: inline-block;
	width: 100%;
}

.dropup-content {
	display: none;
	position: absolute;
	background-color: #3f3f3f;
	min-width: 160px;
	/*bottom: 50px;*/
	z-index: 1;
	border: 1px solid black;
}

.dropup-content div {
	color: #ffffff;
	font-size: .9em !important;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	display: block;
	text-align: left !important;
	border: 1px solid black;
}

/*.dropup-content a:hover {background-color: #ccc}*/
.dropup:hover .dropup-content {
	display: block;
}

.dropup:hover .dropbtn {
	/*background-color: #2980B9;*/
	
}
