body {
background: #270042 url("/images/back.jpg") left top repeat;
background-attachment: fixed;
}

@media screen {
body>div#header {
position: fixed;
}
}
#header {
overflow: hidden;
width: 94%;
height: 70px;
position: absolute;
top: 0%;
left: 3%;
text-align: left;
background: #270042 url("/images/back.jpg") left top repeat;
border-bottom: 10px solid #665577;
z-index: 100;
}
#header h1 {
vertical-align: bottom;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
}
#header .right {
font-size: 24px;
font-family: Arial;
color: #aaccaa;
vertical-align: bottom;
padding: 0px 0px 0px 0px;
}
#header .tagline {
color: #9988aa;
font-size: 12px;
font-weight: normal;
display: block;
margin: 0px 0px 0px 0px;
}

#container {
width: 77%;
text-align: left;
background: #f6f6f6 url("/images/back-content.jpg") left top repeat;
margin: 0% 0% 0% 20%;
overflow: auto;
}

#content {
padding: 20px 3% 0px 3%;
margin: 80px 0px 0px 0px;
}
#content h2.heading {
font-size: 26px;
color: #330066;
padding: 4px 0px 8px 0px;
border-bottom: 1px solid #330066;
margin: 0px 0px 30px 0px;
}
#content h2.heading a, #content h2.heading a:visited, #content h2.heading a:hover, #content h2.heading a:active {
color: #330066;
text-decoration: none;
}

@media screen {
body>div#aside {
position: fixed;
}
}
#aside {
overflow: hidden;
width: 17%;
height: 100%;
position: absolute;
top: 0;
left: 3%;
text-align: left;
font-size: 11px;
color: #ffffcc;
background: url("/images/transback.png") left top repeat;
padding: 0px 0px 0px 0px;
margin: 80px 0 0 0;
}
#aside p {
padding: 0px 1em 0px 1em;
margin: 0px 0px 0px 0px;
}
#aside a.responder {
color: #ffffcc;
font-size: 10px;
text-decoration: underline;
}

.nav {
}
.nav ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.nav ul li a {
color: #f6f6f6;
background: url("/images/transback.png") left top repeat;
text-decoration: none;
line-height: 1em;
padding: 0.4em 1em 0.4em 1em;
margin: 0px 0px 1px 0px;
display: block;
}
.nav a.selected {
color: #330066;
background: #f6f6f6 url("/images/back-content.jpg") left top repeat;
text-decoration: none;
}
.nav a:hover {
color: #330066;
background: #f6f6f6 url("/images/back-content.jpg") left top repeat;
text-decoration: none;
}

#footer {
color: #999999;
text-align: right;
font-size: 13px;
padding: 0px 3% 20px 3%;
margin: 0px auto;
}
#footer a {
color: #999999;
}
#footer a:hover {
color: #999999;
}

.homepage {
margin: 0px 10px 10px 0px;
vertical-align: top;
display: block;
}
.homepage h3 {
}
.homepage .imgleft {
float: left;
margin: 0px 5px 0px 0px;
vertical-align: top;
}
.homepage .imgright {
float: right;
margin: 0px 0px 0px 5px;
vertical-align: top;
}

.pagelist {
border-top: 2px solid #cccccc;
padding: 10px 0px 0px 0px;
}
.pagelist .page {
font-size: 9pt;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #cccccc;
margin: 0px 0px 10px 0px;
overflow: auto;
}
.pagelist .page a {
text-decoration: none;
}
.pagelist .pageimg {
float: left;
padding: 0px 10px 0px 0px;
}
.pagelist .page:hover {
cursor: pointer;
}
.pagelist .page:hover a {
text-decoration: underline;
}
.pagelist h3 {
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}