/* nav menu styles */
#side-nav {
  display: block;
  width: 320px;
  margin-top: 3px;
  padding: 3px;
  text-align: left;
  text-indent: 10px;
}

#side-nav .selected {
	color: #356363;
	font-weight:600;
	border-style:solid;
	border-width:thick;
	border-left: none;
	border-top: none;
	border-bottom: none;
	font-size:1.2em;


}

#side-nav li {
    width: auto;
    list-style-type: none;
    text-indent: 0px;
}

#side-nav > li > a {
  display: block;
  padding: 10px 10px;
  font-size: 1.2em;
  color: white;
  text-decoration: none;
  background-color: #555555;

}

#side-nav > li > a:hover, #side-nav > li > a.open {
  color: white;
  background-color: #356363;

}
#side-nav ul { 
	padding-left: 2em;
}

#side-nav li ul { display: none;}

#side-nav li ul li a,
#side-nav li ul li ul li a {
  display: block;
  padding: 10px 0px 10px 10px; 
/*  changed left padding form 0 to 10px
*/  background: none;
  font-size: 1em;
  text-decoration: none;
  font-weight:600;
  color: black;
}

#side-nav li ul li a:hover {
  color: black;
  background:#ffc926;
  border-bottom: 1px solid #356363;
 /* outline: 1px solid gray;
  outline-offset: 5px;*/
}

/*#side-nav li ul li:hover {
	  background-color:#ffc926;

}*/