body{
   scrollbar-face-color: #36366D;
   scrollbar-shadow-color: #EAEAEA;
   scrollbar-highlight-color: #EAEAEA;
   scrollbar-3dlight-color: #36366D;
   scrollbar-darkshadow-color: #36366D;
   scrollbar-track-color: #36366D;
   scrollbar-arrow-color: #EAEAEA;
   background-attachment:fixed;
   font-family: helvetic, arial, sans-serif;
   color: #36366D;
   background-color: #36366D;
}

p{
   color: #FFFFFF;
   font-size: 11pt;
}

td{
   color: #FFFFFF;
   font-size: 11pt;
}

h1
{
   color: #76839A;
   font-size: 18pt;
   font-weight: bold;
}

h2 {    
   font-size: 14pt;
   font-weight: bold;
   padding:0 10px 0 5px; 
   margin: 0;
}

h3
{
   font-size: small;
   font-weight: bold;
   background-color: #76839A;
   padding-left: 15px;
   padding-right: 10px;
   margin: 0 0 1px;
}

h4
{
   font-size: small;
   font-weight: bold;
   color: #FF0000;
   margin:5px 0 5px 10px;
}


dt
{
   background-color: #fff;
   color: #FF0000;
   font-size: x-small;
   padding-left: 5px;
   margin: 0 0 0 5px;
}

dd
{
   background-color: #fff;
   color: #00FF00;
   font-size: x-small;
   padding-left: 5px;
   margin: 0 0 10px 5px;
}

.titelname
{
   font-weight: bold;
   font-size: larger;
}

img.storyImage
{
   float:left;
   margin: 10px 0 0 0;
   padding-right: 10px;
   
}

.footer {
   background-color: #D1D1D1;
   padding: 3px 10px 3px 0;
   margin-bottom: 10px;
   text-align: right;
   font-size: xx-small;
}

.footer a{
   color: #fff;
   text-decoration: underline;
}

a{
   color:#000;
}

ul.leftCol li a{
   color: #FFFFFF;
   text-decoration:none;
}
ul.leftCol li a:hover{
   color: #78AEFF;
   text-decoration:underline;
}

h3.leftCol a{
   color: #36366D;
   text-decoration:none;
}
h3.leftCol a:hover{
   color: #FF0000;
   text-decoration:none;
}