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 5px 145px;
         list-style-type: none;
         text-align: center;
}

#subnavigation ul li {
         display: inline;
}

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

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

#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: 60px 17px 10px 101px;
         color: #bbb;
         line-height: 1.25em;
         text-align:justify;
}

#content p a, ol a {
         text-decoration: none;
         color: #ddd;
         border-bottom: 1px solid #ddd;
}

#content a:hover {
         color: #1e1ee5;
         border-color: #1e1ee5;
}

table {
         width: 820px;
         margin: 0;
}

.text td {
         height: 30px;
}

.img td {
         padding: 0 55px;
}
.img td p {
         text-align: center;
         padding: 5px 0 20px 0;
         margin: 0;
}

table img {
         border: 1px solid #aaa;
         text-align: center;
}

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

table ol {
         padding: 0 0 20px 40px;
}

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

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

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