* body {
background-color : #ebf3d1;
font-family : Verdana, arial, Helvetica, sans-serif;
font-size : 12px;
}
#page {
font-family : Verdana, arial, Helvetica, sans-serif;
width : 750px;
height : 100%;
font-size : 13px;
margin : 0 auto;
text-align : left;
}

#top, #content, #bottom {
border : 2px solid #99bf7d;
}
#content, #bottom {
border-top-width : 0;
}
#top {
background-color : #ceef8a;
text-align : center;
}
#title {
font-size : 40px;
border-bottom : 2px solid #99bf7d;
}
.nav {
padding : 0;
width : 746px;
}
.navButton {
font-size : 13px;
font-weight : bold;
text-align : center;
width : 100px;
background : #a8bf60;
}
.navButton a {
color : #000;
text-decoration : none;
}
.navSide {
background : #bdcc8f;
}
#content {
background-color : #f5faf4;
vertical-align : top;
font-size : 13px;
padding : 4px;
}
#bottom {
text-align : center;
font-size : 11px;
background-color : #ceef8a;
}
.aboutTitle {
color : #666;
font-size : 16px;
font-weight : bold;
}
#eventChart {
margin : 0 20px;
}
.event {
border : 2px solid #9b969d;
margin : 4px 0;
}
.eventName {
border-bottom : 2px solid #9b969d;
text-align : center;
padding : 2px 0;
background-color : #ded6e0;
}
.eventInfo {
padding : 2px 4px;
}
.eventYear {
font-size : 16px;
font-weight : bold;
text-align : center;
}
.listitem {
background-color : #ceef8a;
color : #000;
border-top : 2px solid #bdcc8f;
font-size : 10px;
}
.buttons {
width : 16px;
}
.buttons div {
background-color : #ceef8a;
width : 16px;
font-size : 10px;
border-top : 2px solid #bdcc8f;
border-left : 2px solid #bdcc8f;
text-align : center;
}
.listing {
border : 2px solid #bdcc8f;
font-size : 12px;
width : 300px;
}
#displayItem {
border : 2px solid #bdcc8f;
}
#loginBox {
border : 2px solid #9b969d;
margin:0 auto;
}
#loginBox .label {
text-align : right;
}
#loginBox input {
border : 2px solid #9b969d;
background-color : #ded6e0;
}
form {
margin : 0;
}
#loginFail {
background-color : #ff8877;
text-align: center;
}