#mainmenu{
	width: 150px; /*width of menu*/
	height: 820px;
	background-color: #fecd08;
	background-image: url("../images/leftcol_bg.png");
	background-repeat: no-repeat;
}
ul.nav {
	padding-top: 110px; /* to clear logo */
}
.nav li {
	font-size: 12px;
	list-style: none;
	padding-top: 7px; /* controls menu items vertical spacing */
	padding-bottom: 7px;
}
.nav li ul {
	display: none;
}
.nav li ul li {
	list-style-type: none;
	color: #ffffff;
	padding-left: 5px;
	font-size: 11px;
	font-weight: normal;	
}
.nav li a {
	color: #00535e; /* dark green */
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 2px #999; /* css3 only */
	padding-bottom:5px;
	padding-left: 20px;
}
.nav li a:visited {
	color: #00535e; /* dark green */
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 2px #999; /* css3 only */
}
.nav li a:hover, .nav li a:active {
	color: #ffffff; /* white */
	text-decoration: none;
	text-shadow: 1px 1px 2px #999; /* css3 only */
}
/* SUBMENU RULES */
.nav li ul {
	width: 150px;
	background-color: #f1c40d;  /* darker submenu orange */
	padding: 0 0 7px 0;
}
.nav li ul li a, .nav li ul li a:link, .nav li ul li a:visited {
	font-weight:normal;
	color: #ffffff; /* white */
	text-decoration: none;
	text-shadow: 1px 1px 2px #999; /* css3 only */
	padding-left: 0;
	padding-left: 25px; /* submenu items indent */
}
.nav li ul li a:hover, .nav li ul li a:active {
	color: #00535e; /* dark green */
	text-decoration: none;
	text-shadow: 1px 1px 2px #666666; /* css3 only */
}
/* SUBMENU TRIGGERS use body classes for better support */
.about_us ul#about, .services ul#service, .case_studies ul#case, .our_people ul#ourpeople {
	display: list-item;
}

li.on {background-color: #fecd08;} /* keeps others off */

body.about_us li.abouton, body.services li.serviceon, body.case_studies li.caseon, body.our_people li.ourpeopleon {
	background-color: #f1c40d;  /* makes darker submenu orange apply to main nav item too */
}