body { 
 background: #7A7F8C; 
 padding: 0px;
 
 margin-right: 0px;
 margin-top: 20px;
 margin-left: 0px;
 margin-bottom: 80px;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: white;
}

.answer {
 font-weight: normal;
}

a {
 text-decoration: underline;
 color: #E1E1E5;
  font-weight: bold;
}

a:hover {
 color: white;
}

#counter {
 position: fixed;
 top: 500px;
 left: 575px;
 width: 200px;
 text-align: center;
}

.hl {
 border-top: 1px black solid;
 width: 100%; 
 height: 1px;
 font-size: 0px;
}

.hls {
 border-top: 1px black solid;
 width: 500px; 
 height: 1px;
 font-size: 0px;
}

.indent {
 text-align: justify;
 font-weight: normal;
 margin-left: 7px;
 margin-right: 7px;
}


.loppuhuipennus {
 margin-top: 15px;
 margin-bottom: 10px;
 margin-left: 5px;
 font-size: 9px;
 color: #93939E;
}

h4 {
 text-decoration: underline;
 font-weight: normal;
 font-style: italic;
 font-size: 17px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-top: 10px;
 margin-left: 5px;
 color: white;
}

h4 a {
 color: white;
}

p {
 margin-top: 15px;
 margin-bottom: 15px;
 font-weight: bold;
 font-size: 12px;
}

#content {
 background: #454B53;
 width: 750px;
 border: 2px solid black;
 text-align: left; 
}

#page {
 padding-top: 5px;
 padding-left: 16px;
 padding-right: 16px;
 padding-bottom: 0px;
 color: #E1E1E5;
 font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif; 
}

#nav {
 color: black;
 font-weight: bold;
 text-align: left;
 padding-top: 0px;
 padding-left: 0px;
 width: 746px;
 height: 120px;
 background: #454B53 url(title.png);
 word-spacing: 7px;
}

.navt {
 top: 92px;
 left: 5px;
 position: relative
}

#nav a {
 color: black;
 text-decoration: none;
}

#nav a:hover {
 color: white;
}
#nav .current {
 text-decoration: underline;
}

#gad {
margin-top: 20px;
margin-bottom: 10px;
margin-left: -7px;
}