@charset "utf-8";
/* CSS Document */

#maindiv { width: 100%; position: relative; background-color: #ffffff; }

#menuline { width: 100%; height: 30px; display: block; float: none; }
#mainmenu { width: 100%; }

@media screen and (min-width: 601px) {

#showMenu { display: none; }

#menuline { width: 100%; height: 30px; display: block; float: none; }
#mainmenu { width: 100%; display: block; border-bottom: 1px solid #003a78; }

.mainmenu a { padding: 3px 30px; font-size: 10pt; font-weight: bold; text-decoration: none; margin-top: 2px; border-right-color: #003a78; border-right-width: 1px; border-right-style: solid; float: left; display: block; color: #003a78; }
.mainmenu a.noBorder { padding: 0px 0px; text-decoration: none; margin-top: 2px; float: left; display: block; }
.mainmenu a:hover { color: #fdb811; }
.mainmenu a.active { color: #fdb811; border-bottom-color: #ffffff; border-bottom-width: 5px; border-bottom-style: solid; }
.mainmenu a.selected { color: #fdb811; }

}

@media screen and (max-width: 600px) {

	#showMenu { display: block; }

	#menuline { width: 100%; display: block; float: none; }
	#mainmenu { width: 100%; display: none; border-bottom: 1px solid #003a78; }
	.mainmenu li {width: 100%; display: block; float: left;
		border-top-color: #003a78;
		border-top-width: 1px;
		border-top-style: solid;
}
	.mainmenu a {
		display: block;
		width: 100%;
		padding: 10px 10px 10px 30px;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;
		margin-top: 2px;
		float: left;
		color: #003a78; }
	.mainmenu a.noBorder { padding: 0px 0px; text-decoration: none; margin-top: 2px; float: left; display: block; }
	.mainmenu a:hover { color: #fdb811; }
	.mainmenu a.active { color: #fdb811; border-bottom-color: #ffffff; border-bottom-width: 5px; border-bottom-style: solid; }
	.mainmenu a.selected { color: #fdb811; }

}