body {
	background: #efefef;
/*	background: #CDCDCD;*/
}

.top {
	background: white;
}

.design p {
  color: gray;
	font-size: 10pt;
}
	
.content {
	background: white;
	vertical-align: top;
}

.members, .content p, .content h1, .content h2, .content ul, .content ol {
  font-style: normal;
  font-weight: normal;
  font-size: 10pt;
  font-family: sans-serif;
  color: black;
}

.mempics {
  margin: 0 0 1em 2em;
	background: white;
	color: black;
  font-family: sans-serif;
  font-size: 10pt;	
}

.members td, .mempics td {
  padding-right: 5px;
  text-align: left;  
  vertical-align: top;
}

.members, .content p, .content form {
  margin: 0 15px 10px 25px;
  text-align: left;
  vertical-align: top;    
} 

.content h1 {
  font-size: 14pt;
  margin: 10px 15px 5px 15px;
  color: blue;
}

.content h2 {
  font-weight: bold;	
  margin: 0 15px 5px 25px; 
  color: blue;
}

.content h3 {
  font-size: 10pt;
  margin: 0 15px 5px 25px; 
  color: blue;
}

.content li {
  margin-left: 2em;
}

.records, .records td, .records th {
  margin: 0 0 1em 2.5em;
  background-color: #CDCDCD;
	text-align: left;
	vertical-align: top;
	padding: 0 0.4em 0.2em 0.2em;
	border-width: thin;
	border-color: gray;
	border-style: none;
	font-family: arial;
  font-weight: normal;
	font-size: 10pt
}

.records th {
  font-weight: bold;
}

.framenavi {
  color: blue;
	text-decoration: underline;	
}

.framenavi:hover {
	background:#efefef;
}
  
.question {             /* UKK */
  color: blue !important;
}

.answer {               /* UKK */
/*  margin-left: 2.5em !important; */
}

/* For _cells_ in navi table */
/* .navi1 td would be nice, but NS 4.x gives headache */ 
.navi1, .navi1a {
	background: #D9D9F3;
/*	padding: 0 0.5em 0 0.5em; */
}

.navi1 a, .navi1a a {
	margin: 0 5px 0 5px;
	color: blue;
	font-weight: normal;
	font-size: 12pt;
	text-decoration: none;
  font-family: sans-serif;
	font-variant: normal;
/*	padding: 0.2em 0.5em 0.2em 0.5em; */
	padding: 2px 3px 2px 3px;  
}

.navi1a a {
  color: black;
}

/* For _cells_ in navi table */
.navi2, .navi2a, .navi2b, .hot  {
	background: #CDCDCD;
	padding: 0 0.5em 0 0.8em;
	color: blue;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	font-variant: normal;	
  font-family: sans-serif;
}

.hot {
	background: #CDCDFF;
  color: red;
}

.italics p { 
	font-style: italic; 
}

.navi2 a, .navi2a a, .navi2b a {
	padding: 0 0.5em 0 0.8em; /* sums up with navi2 padding */
	color: black;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	font-variant: normal;	
}

.navi2 a {
  color: blue;
}

.navi2b a {
  color: red;
}

.hot a {
  color: red;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	font-variant: normal;
}

.navi1 a:hover, .navi2 a:hover, .hot a:hover {
	text-decoration: underline;
}
#news textarea{
  color: black;
  background-color: #c7dbff;
  border: 1px solid #2d55b4;
  font-size: 10pt;
}
#news textarea.otsikko{
  color: blue;
  background-color: #c7dbff;
  border: 1px solid #2d55b4;
  font-size: 14pt;
}
#news textarea.alaotsikko{
  color: blue;
  background-color: #c7dbff;
  border: 1px solid #2d55b4;
  font-size: 10pt;
  font-weight: bold;	
}
#news input{
  background-color: #c7dbff;
  border: 1px solid #2d55b4;
  font-size: 10pt;
}
#news table{
    text-align: center;
    width: 300px;
}
#news td{
    padding-bottom:10px;
}
#news td.otsikko{
    color: blue;
    font-size: 14pt;
}
#news td.ohjeet{
    padding-bottom:10px;
    text-align: left;
    font-size: 10pt;
}
p.edit{
    color: blue;
    font-size: 8pt;
    font-style: italic; 
}