#top-area {background-color: #333; border-bottom: 1px solid #eee;}
#top-area > .aligned {text-align: right; color: white; font-size: 13px; line-height: 25px;}
#top-area > .aligned > a {color: white; font-size: 13px;}
#nav-area {background-color: #3d3d3d;}
#nav-area > .aligned {position: relative;}
#nav-area .tabs {position: absolute; bottom: 0px; left: 100px;}
#sub-nav-area {background-color: #c9cfd3; font-size: 14px; height: 30px; line-height: 30px;}
#sub-nav-area .aligned {padding-left: 100px; width: 886px;}
#divider { height: 8px; background-color: #797f83;}
#content-area {padding: 5px; background-color: white; min-height: 30px;}
#footer {color: white; background-color: #3d3d3d; font-size: 10px;}
#footer a {display: block; margin-left: 10px; color: white}
#footer h3 {margin: 0; padding: 0; font-size: 12px;}
#footer h3 a {margin: 0;}
#footer .address {width: 250px}
#footer .copyright {margin-top: 10px; width: 250px}
#footer .address a {margin: 0; text-decoration: underline; display: inline}
#footer .copyright a {margin: 0; text-decoration: underline; display: inline}
#container { position: relative; }
#search { position: absolute; top: 5px; right: 5px; }
#notification-message { position: absolute; width: 400px; top: 50px; left: 150px; border: 3px solid #0e8597; background-color: white; padding: 10px; }
#logout-link { float: right; }
.clr {clear: both;}
.aligned {width: 986px; margin-left: auto; margin-right: auto;}
.column {display: block; width: 220px; float: left}
.vsep {display: block; padding: 0; margin: 0; margin-top: 10px; margin-right: 5px; height: 50px; width: 1px; float: left; background-color: white;}
.tabs > .tab {font-weight: bold; color: white; background-color: #99a; font-size: 13px; line-height: 20px; padding: 5px; padding-bottom: 1px;}
.tabs > .tab:hover {text-decoration: none; color: #ec512d; background-color: #c9cfd3;}
.active {color: #ec512d;}
body {margin: 0; padding: 0; background-color: #d4d4d4; font-family: verdana,arial; font-size: 12px;}
a {color: #099; text-decoration: none}
a:hover {text-decoration: underline}
.event-list a.event-title { font-weight: bold; margin-left: 5px; }
.event-list a.event-more { font-size: 75%; margin-left: 5px; }
.event-list span { font-size: 80%; margin-left: 5px; }
.form-item { position: relative; margin-bottom: 5px;}
.form-label { color: #0e8597; font-size: 120%; font-weight: bold; }
.form-errors { position: absolute; top: 2px; right: 2px; color: red; }