#navsite {
display:none;
position:absolute;
top:0;
left:0;
width: 200px;
  font-family: Verdana, Helvetica;
  font-size: 1.1em;
  font-weight: bold;
  border-right: 1px solid #666;
  padding: 0;
  margin-bottom: 1em;
  background-color: #9cc;
  color: #333;
text-align:left;
}

#navsite ul {
list-style: none;
margin: 0;
padding:0;
}

#navsite ul li {
margin: 0;
padding:0;
border-top: 1px solid #003;
}

#navsite ul li a {
display: block;
padding: 2px 2px 2px 0.5em;
border-right: 10px solid #369;
border-left: 1px solid #69c;
border-bottom: 1px solid #369;
border-top: 1px solid #369;
background-color: #036;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navsite ul li a {
width:auto;
}

#navsite ul li a:hover {
border-right: 10px solid #036;
border-left: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #69f;
color: #fff;
}


#navsite ul li.project a {
font-weight: normal;
font-size: 0.8em;
background-color: lightblue;
color:darkred;
border-top:0;
border-bottom:0;
width:auto;
margin:0;
padding: 2px 2px 2px 0.5em;
}

#navsite ul li.project  {
width:auto;
margin:0;
padding:0;
border-left: 1px solid #369;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
border-top: 1px solid #369;
}

ul .navsite {
display:none;
}

#menu {
display:block;
}

.projecttitle {
font: 2.0em Verdana; 
text-align: center;
margin: 25px 100px;
}

.projectmembers {
font: italic 1.5em Times; 
text-align: left;
}

.projectdate {
font: italic 1.5em Verdana; 
text-align: left;
}

.my_head {
font: 1.2em Arial;
background-color: lightgreen;
padding: 5px 10px;
}

.my_proj {
font-size: 1.1em;
color: red;
text-transform:uppercase;
}