#menubar {
/*    width:100%;
    background-color:#ccc;
    color: #fff; */
}

#content {
    z-index: 5;
    position: relative;
    left: 0px;
    height: 100%;
    display:block;
}

#sidemenu {
    position: absolute;
    float:left;
    width: 200px;
    z-index: 2;
	  background-color:#2303A8;
	  }

#sidemenu li {
		font-weight:bold;
		color:fff;
		font-family:sans-serif;
	  border-bottom: 1px solid #000;
	  padding-top:4px;
	  padding-bottom:4px;
	  padding-left:4px;
}

#sidemenu a {
    color:#aaa;
    font-size:small;
    text-decoration:none;
    font-weight:bold;
}

#sidemenu p {
    color:#fff;
    font-size:small;
    text-decoration:none;
	  padding-left:4px;
}

#sidemenu h6.separator {
		font-family:sans-serif;
    color:#ddd;
 	  background-color:#1c0481;
 	  margin:0;
 	  padding:0;
 	  text-transform:uppercase;
 	  font-size:medium;
}

/* from http://alwaystwisted.com/post.php?s=2012-05-12-create-a-pure-css-menu-button */

#lines { 
    border-bottom: 17px double black;
    border-top: 6px solid black;    
    border-radius: 3px;
    content:"";
    height: 5px; 
    width:30px;
}