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 0px 10px 210px;
         list-style-type: none;
         text-align: center;
}

#subnavigation ul li {
         display: inline;
}

#subnavigation ul li a {
         color: #aaa;
         padding: 10px 10px;
         margin: 0 10px;
         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: 884px;
         margin: 0px 1px 10px 65px;
         color: #bbb;
         line-height: 1.35em;
         text-align: justify;
}

#content p.link a {
         color: #ddd;
         border-bottom: 1px solid #ddd;
}

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

#content img {
         margin: 30px 299px 10px 299px;     /*portrait2: 299px portrait1: 367px*/
}

#content #contact {
         text-align: center;
         font-size: 1.1em;
}

#content h1 {
         text-align: center;
         margin: 32px 0;
}

#content #about {
         margin: 80px 10px;
         text-align: center;
         font-size: 1.35em;
}

#about p {
         margin: 30px;
}

#content table {
         margin: 0 0 10px 0;;
         border: 2px solid #222;
         border-collapse: collapse;
         font-size: 1em;
         text-align: left;
}

#content td {
         border: 2px solid #222;
         padding: 5px 8px 5px 10px;
         height: 25px;
         width: 442px;
}

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

#content td span {
         font-size: 0.7em;
}

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

#content th {
         border: 2px solid #222;
         padding: 5px 10px;
}

#content tr #apod {
         text-align: center;
}

#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 ul li a:focus, #navigation ul li a:focus, #content p.link a:focus, td a:focus {
         outline: none;
}