body {
  background-color: #000000;
  color: #ffffaa;
  font-family: Verdana, sans-serif; 
  font-size:90%;
  font-style:normal;
  font-weight:normal;
}

:link { color: #eeeeee; text-decoration:none; }
:visited { color: #bbffbb; text-decoration:none;}
a:active { color: #ffffff; text-decoration:none;}
a:hover { color: #ffffff; text-decoration:none;}

.center {	
	text-align:center;
}

div.content {
  margin-left:5%;
  margin-right:5%;
        /* 0% on the top because top bar is followed by clear break */
  padding: 0% 2% 2% 2%;
}

.navi {   
  text-align:center;
  font-family:courier new,monospace;
  font-style:normal;
  font-weight:bold;
  font-size:85%;
/*  margin-left:5%;
  margin-right:5%;*/
/*  background-color:#000000;*/
}



.naviblock {
 margin-top: 0%;
 margin-bottom: 0%;
 padding-top: 1%;
 padding-bottom: 1%;
}


h1 {
  font-family:courier new, monospace;
  text-align:center;
  font-size:330%;
  font-weight:bold;
}

h2 {
  font-family:courier new, monospace;
  font-size:210%;
}

.pad {
  padding-top:10%;
  padding-bottom:10%;
}


.box {
  margin-top:2%;
  margin-bottom:2%;
  padding-top:1%;
  padding-bottom:1%;
  padding-left:1%;
  padding-right:1%;
  
  font-weight:normal;
  font-style:normal;
  background-color:#111111;
  border-color:#333333;
  border-style:solid;
  border-width:thin;
}

.subbox {
 font-size:80%;
  font-weight:normal;
 margin-left:0%; 
 margin-right:0%;
 margin-top:1%;
 margin-bottom:1%;

 padding-top:0%;
 padding-bottom:0%;

 padding-left:0%;
 padding-right:0%;
 background-color:#222222;
 border-color:#444444;
 border-style:solid;
 border-width:thin;
}

.boxclearup { 
 border-style:none;
 border-width:thin;
  margin-top:0px;
  padding-left: 2%;  padding-right: 2%;
  padding-top: 1%;  padding-bottom: 1%;
  margin-bottom:0px;
}

.clearup { 
 font-weight:bold;
 font-family:courier new, monospace;
  font-size:110%;
  background-color:#333333;
  border-top-color:#444444;
  border-left-color:#444444;  border-right-color:#444444;
  border-bottom-color:#444444;
 border-style:none;
 border-width:thin;
  margin-top:0px;
  padding-left: 2%;  padding-right: 2%;
  padding-top: 1%;  padding-bottom: 1%;
  margin-bottom:0px;
} 

.subcontent { 
  margin-top:0px;
  padding-left:2%;
  padding-right:1%;
  padding-bottom:0%;

} 

p {  
  margin-top:1%;
  padding-top:0%;
  padding-bottom:0%;
  margin-bottom:1%;
}

p.timestamp {
        padding-top:0px;
        margin-top:0px;
        padding-bottom:0.5%;
        margin-bottom:0px;
        text-align:right;
        font-size:70%;
        font-style:italic;
}

.rightimg {
/* background-color:#555555;*/
 float:right;
 margin-top:1%;
 margin-botom:0%;
 padding-top:0%;
 padding-bottom:0%;

 padding-left: 0%;
 padding-right: 0%;
 margin-left: 1%;
 margin-right: 1%;

 text-align:center;
 border-width:0px;
}

.leftimg { 
 float:left;
 padding-top:0%;
 padding-bottom:0%;

 margin-top:1%;
 margin-bottom:0%;

 padding-left: 0%;
 padding-right: 0%;
 margin-left: 1%;
 margin-right: 1%;

 text-align:center;
 border-width:0px;
} 

img { 
 border-width:0px;
} 

table.fulltable {
  width:90%;
   margin-left: auto;
   margin-right: auto;  
}

.update {
  float:right;
  padding-right:1%;    
  text-align:right;
  margin-top:1%;
  padding-top:0%;
  padding-bottom:0%;
  margin-bottom:1%;
}

.slogan {
  font-style:italic;
  text-align:center;
}

.clear {
  clear:both;
}


.boxcontent {
/*  display:normal;*/
}

.boxinvisible {
/*  display:none;*/
}

.empty { 
  margin-top:0%;
margin-bottom:0%;
padding-top:0%;
padding-bottom:0%;

} 

/* used for inline box borders (eg. persons)*/
.useborder { 
  border-color:#333333;border-width:thin;border-style:solid;
}