body    {  background-color: #eee; text-align: center; margin: 0; padding: 15px 0 }
body,td,p,div      { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
#main { background-color: #fff; text-align: left; margin-right: auto; margin-left: auto; width: 750px; border: solid 3px #003693 }
#head { background-color: #fff; padding-bottom: 3px }
#nav  { width: 165px; float: left }
#nav p { color: #fff; font-weight: bold; background-color: #003693; margin: 0 3px 3px; padding: 4px }
#content  { background-color: #fff; margin-right: 5px; margin-left: 200px; padding-top: 5px; padding-bottom: 20px }
.hertelmedia { color: #003693 }
.media { font-style: italic }
h1   { color: #003693; font-size: 18px; font-weight: bold }
h2   { color: #003693; font-size: 16px; font-weight: bold }
h3   { color: #003693; font-size: 14px; font-weight: bold }
h4   { color: #003693; font-size: 14px; font-weight: normal }
h5   { color: #003693; font-size: 14px; font-weight: normal }
h6   { color: #003693; font-size: 14px; font-weight: normal }
#nav a:link,#nav a:visited { color: #fff; text-decoration: none }
#nav a:hover,#nav a:active  { color: #c0c0c0; text-decoration: underline }

a:link  { color: #003693; text-decoration: underline }
a:visited  { color: #999; text-decoration: underline }
a:hover, a:active   { color: #66f; text-decoration: none }
ul { margin: 0 0 0 20px; padding: 0 }
ul li { margin: 0 0 8px }