body {
    margin:0px 0px 0px 0px;
    padding:0px;
    font-family : sans-serif;
    border: 10px #dddddd solid;
    padding: 10px;
}

#layoutTable {
    width: 100%;
}

#layoutLeft{
    width: 150px;
    vertical-align: top;
}

#layoutCenter{
    width: *;
    vertical-align: top;
}

#layoutRight {
    width: 150px;
    vertical-align: top;
}

.logo {
    width: 98%; 
    height: 100px;
    text-align: right; 
    margin: 20px;
}

#left {
position: absolute;
top: 210px;
width:150px;
height:1000px;
background:#dddddd;
color:#fff;
border:1px solid #f00;
padding-left:   10px;
padding-top:   20px;
}

#center {
   background: #ffffff;
   top: 210px;
   margin-left: 151px;
   margin-right:151px;
   border:1px solid #000;
   height:1000px;
   padding-left: 10px;
   padding-right: 20px;
   padding-top: 20px;
   color:   #000000;
   font-size    : 18px;
   font-style   : bold;
   voice-family: "\"}\"";
   width: *;
}

#right {
   position: absolute;
   right:10px;
   top:250px;
   width:170px;
   height:1000px;
   background:#dddddd;
   border:1px solid #000;
}
   
.top {
   background:#fff;
   height:100px;
   border-top:1px solid #000;
   border-right:1px solid #000;
   border-left:1px solid #000;
   voice-family: "\"}\"";
   voice-family: inherit;
   color:   #f00;
   font-size    :24px;
   font-family  :sans-serif;
}

#navitems li{
display: inline;
list-style-type: none;
padding-right: 7px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 0px;
border-right: solid 1px navy;
}

#navitems li:last-child {
border-right: none;
}

#navitems li:hover {
text-decoration: underline;
}

   p,h1,pre {
   margin:0px 10px 10px 10px;
   }
   
   h1 {
   font-size:14px;
   padding-top:10px;
   }
   
   #right p {
   font-size:10px
   }

.subtitle {
    font-size:12px;
}

.t {
    font-size:30px;
    color    : #000;
    font-size: 
}

.question {
    background-color:   white;
    border-style:       solid;
    border-color:       blue;
    padding:            10px;
}

.qtext {
    font-weight:        bold;    
    color:              blue;
}

.atext {
    font-weight:        bold;    
    color:              gray;
}

.atext-selected {
    font-weight:        bold;    
    color:              gray;
    background-color:   yellow;
}

.atext:hover {
    background-color:   gray;
}

.prevq-correct {
    background-color:   white;
    border-style:       solid;
    border-color:       blue;
    padding:            10px;
}

.prevq-wrong {
    background-color:   white;
    border-style:       solid;
    border-width:       4px;
    border-color:       red;
    padding:            10px;
}

.prevqtext {
    color:              blue;
}

.prevatext {
    color:              gray;
}

.contact-line {
	width : 100%;
	border-style: dashed;

}
.contact-label {
	width : 120px;
	border-style:	solid;

}

.beggar {
   color:   #000;
   font-size    :12px;
   font-family  :sans-serif;    
}