/* Layout Stylesheet */ 

body{
 background-color: #CCCCCC;
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
 margin-bottom: 25px;
 font-family: arial;
 font-size: 110%;
 }

#menu{
 width: 164px;
}

#menu ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-family: arial;
 font-size: 110%;
}

#menu li {
 margin: 5px 0 0;
}

#menu a {
 display: block;
 width: 156px;
 padding: 2px 2px 2px 2px;
 background: white;
 text-decoration: none; 
}

#menu a:link, #menu a:active,{
 color: 490EF2;
}

#menu a:hover {
 border: 1px white;
 background: #490EF2;
 color: white;
}

#menu li.current {
 border: 1px white;
 background: #490EF2;
 color: white;
 margin: 5px 0 0;
 padding: 2px 2px 2px 2px;
 width: 156px;
}

#calendar th {
 font-weight: bold;
 font-family: arial;
 width: 14%;
 background-color: #490EF2;
 color: white;
}

#calendar td {
 height: 100px;
 width: 14%;
 text-align: center;
 font-family: arial;
 font-size: 80%;
 vertical-align: top;
}

#volunteers td {
 width: 50%;
 font-family: arial;
 font-size: 110%;
}

#project td {
 text-align: center;
 font-family: arial;
 font-size: 110%;
 vertical-align: top;
}