body {
         font-size: small;
         font-family: Verdana, Helvetica, sans-serif;
         background: #333;
         color: #aaa;
         width: 1100px;
         margin: 20px auto;
}

h1 {
         font-size: 1.4em;
}

#header {
         margin: 0px 0px 8px 0px;
         width: 1100px;
         height: 89px;
}

#subnavigation {
         background: #222;
         height: 30px;
         color: #eee;
         font-weight: bold;
         font-size: 0.85em;
}

#subnavigation ul {
         margin: 0 auto;
         padding: 8px 5px 10px 145px;
         list-style-type: none;
         text-align: center;
}

#subnavigation ul li {
         display: inline;
}

#subnavigation ul li a {
         color: #aaa;
         padding: 10px 15px;
         text-decoration: none;
}

#subnavigation a.active {
         background: #333;
}

#subnavigation a:hover {
         color: #131384;
}

#navigation {
         float: left;
         margin: 8px 0;
         width: 150px;
         height: 517px;
         background: #222;
         font-weight: bold;
}

#navigation ul {
         font-weight: bold;
         margin: 0;
         padding: 10px 14px;
}

#navigation ul li {
         list-style-type: none;
}

#navigation ul li a {
         float: left;
         width: 118px;
         padding: 5px 3px;
         margin: 0 0 10px 0;
         color: #aaa;
         text-decoration: none;
         border-bottom: 1px solid #aaa;
         background: #222;
}

#navigation ul li a.active {
         background: #666;
}

#navigation ul li a:hover {
         background: #444;
}

#content {
         float: right;
         width: 820px;                    /*additional 2 pixels for table border*/
         margin: 8px 65px 10px 65px;
         color: #bbb;
         line-height: 1.25em;
}

#year {
         height: 40px;
         font-weight: bold;
         font-size: 0.85em;
}

#year ul {
         margin: 0 auto;
         padding: 0 10px 20px 10px;
         list-style-type: none;
         text-align: center;
}

#year ul li {
         display: inline;
}

#year ul li a {
         color: #aaa;
         padding: 10px 15px;
         text-decoration: none;
}

#year a.active {
         text-decoration: underline;
}

#year a:hover {
         color: #131384;
}

table {
         border: 3px solid #222;
         border-collapse: collapse;
         font-size: 0.8em;
         text-align: center;
}

table a img {
         border: 1px solid #aaa;
}

table a:hover img {
         border-color: #131384;
}

td {
         border: 3px solid #222;
         height: 200px;
}

tr .img {
         width: 250px;
}

.imgdesc {
         width: 134px;
         padding: 0 10px;
         text-align: left;
}

.imgdesc .pub {
         font-weight: bold;
         font-size: 1.1em;
         color: #b40000;
}

#footer {
         background: #222;
         width: 1100px;
         clear: both;
         margin: 0 0 20px 0;
}

#footer p {
         text-align: center;
         font-size: 0.8em;
         padding: 8px 0px;
}

#subnavigation a:focus, #navigation ul li  a:focus, table a:focus, #year a:focus {
         outline: none;
}