html, body { margin: 0; padding: 0; font-family: serif;
  background-color: #ffcc00; color: black;
}
body { font-size: 80%; }
.header {
    padding: 1ex 0 0 0; margin: 0;
}
.header, ul.topnav, .trailer {
    background: #ffcc00 url(topraster.png) 0% 100%;
}

.header img { float: left; margin: 0 1ex; }
.header h1 {
    font-family: cursive, serif;
    font-size: 48px; padding: 0; margin: 1.6em 1em 0.2em 1em;
    text-align: right; font-style: italic; color: white;
    text-shadow: 0 0 0.02em black, 0.06em 0.04em 0.14em black, -0.06em -0.04em 0.14em #ffcc00;
}
.header h1 :link, .header h1 :visited {
    color: white;
    text-decoration: none;
}
.trailer { 
    clear: both; padding: 0.2em;
    border-top: solid 1px #ffcc00;
    text-align: center;
    /*-moz-box-shadow: inset 0 2em 2em -2em #ffcc00;*/
}
.trailer p { margin: 0.2em 1em; }
.trailer p.techline { font-size: 80%; }
.trailer p.techline, .trailer p.techline :link, .trailer p.techline :visited
{ color: #bb8820; }

ul.topnav {
    margin: 0;
    border-bottom: solid 1px #ffcc00;
    height: 1.5em;
}
ul.topnav li {
    background: #ffcc00;
    display: block; float: left; padding: 0; margin: 0 1px;
    border: solid 1px; border-color: #ffeeaa #c08800 #c08800 #ffeeaa;
    -moz-box-shadow: inset 0.1em 0.1em 0.1em rgba(255,255,255,0.4),
    inset -0.1em -0.1em 0.1em rgba(0,0,0,0.2);
}
ul.topnav li a {
    text-decoration: none; line-height: 1.4em; padding: 0.3em 0.2em; margin: 0;
}
ul.topnav li a:hover {
    background: #ffe877; text-decoration: underline;
    -moz-box-shadow: inset 0.2em 0.2em 0.2em rgba(255,255,255,0.7),
    inset -0.2em -0.2em 0.2em rgba(0,0,0,0.5);
}
.content {
    width: 75%; float: right; min-height: 400px;
    border-left: solid 0.2em #ffcc00;
}
.content, .widecontent {
    background: white;
    padding: 1ex;
    -moz-box-shadow: inset 1ex 1ex 1ex rgba(0,0,0,0.1);
}
.widecontent h1 { margin-bottom: 1em; }
.content, .sidebar {
    overflow: hidden;
}
.maincontainer { 
    background: #f0f0f0;
}
.maincontainer hr.end { clear: both; border: none 0; margin: 0; padding: 0; width: 0; height: 0; }
.sidebar {
  margin: 0; padding: 0.4em; clear: left;
}
.sidebar h2 { margin: 0; font-size: 110%; }
.sidebar ul { display: block; margin: 0; padding: 0; }
.sidebar li { display: block; margin: 0 0 0.5em 0; padding: 0; clear: left; }
.sidebar .icon { float: left; margin: 0 0.2em 0.2em 0; }
.mainimg { float: right; margin: 0 0 1ex 1ex; }

h1 { margin: 0.6em 0 0.2em 0; }
h2 { margin: 1em 0 0.2em 0; }
h3 { margin: 1em 0 0.2em 0; }
h2 small, h3 small { font-weight: normal; }

.pubinfo { 
    float: right; clear: right; font-size: 80%; border: solid 1px #888888;
}
.pubinfo caption { text-align: left; }
.pubinfo th { text-align: left; font-weight: normal; }

p.ingress { margin: 1em 0; font-weight: bold; }
p { margin: 0 0 0.6em 0; }
img { border: none; }

:target { border-left: double 3px #ffcc00; margin-left: -6px; padding-left: 3px;}

img.teaser {
  border: solid 1px #666666;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.newsitem {
  clear: left;
  margin: 1em 0 2.8em 0;
}
.newsitem h2, .newsitem h3 {
  margin: 0;
}
.newsitem .newstime {
  margin: 0 0 1ex 0;
}
.newsitem img {
    float: left;
    margin: 0 0.4em 0.4em 0;
}
.publishingitem {
    clear: both;
    margin-top: 1em;
    padding-top: 1ex;
    border-top: solid 1px yellow;
}
.publishingitem h2 {
    float: left;
    margin-top: 0;
}
.publishingitem img {
    float: right;
    margin: 0.4em 0.2em;
}
.publishingitem p {
    clear: left;
}