#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 {width:986px; margin: 0px auto; padding-left:25px; padding-top:15px; color:#0e8597; text-align:center; line-height:1.4em; border-top:1px solid #999;}
#footer li {margin-left: 20px; list-style:none; display:inline;}
#container { position: relative; }
#notification-message { position: absolute; width: 400px; top: 50px; left: 150px; border: 3px solid #0e8597; background-color: white; padding: 10px; }

.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;}

hr.clear {
    height: 0;
    margin: 0;
    border: 0;
    padding: 0;
    clear: both;
}