#mainMenu
{
	position: absolute;
	left:0;
	margin: 0;
	padding: 0 5px 5px 5px;
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	width: 180px;
	color: #000;
	border-bottom: #ccc 1px solid;
	background-color: #92d167;
}
#mainContentArea
{
	margin: 0;
	margin-left: 185px;
	margin-right: 0px;
	width: auto;
}
#menuList {
	margin: 0px;
	padding: 5px 0px 10px 0px;
}
li.menubar {
	background: url(/images/plus.gif) no-repeat 0em 0.3em;
	font-size: 12px;
	line-height: 1.5em;
	list-style: none outside;
}
.menu, .submenu {
	display: none;
	margin-left: 15px;
	padding: 0px;
}
.menu li, .submenu li {
	background: url(/images/square.gif) no-repeat 0em 0.3em;
	list-style: none outside;
	text-align:left;
}
a.actuator {
	background-color: transparent;
	color: #000;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
}
a.actuator:hover
{
	color: purple;
	text-decoration: underline;
}
.menu li a, .submenu li a {
	background-color: transparent;
	color: navy;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
}
.menu li a:visited, submenu li a:visited
{
	color: navy;
	text-decoration: none;
}
.menu li a:hover, submenu li a:hover
{
	color: purple;
	text-decoration: underline;
}
span.key {
	text-decoration: underline;
}

/* target small screens (mobile devices or small desktop windows) */
@media only screen and (max-width: 830px)
{
	#mainMenu {
		display: none;
	}
	#mainContentArea {
     margin: 0 0 0 0px;
     width: auto;
   }
}