body {
color: #523512;
background-color: #DDC167;
background-image: url('../gfx/bg.png');
background-repeat: repeat-x;
background-attachment: fixed;
margin: 0;
padding: 10px;
font-family: Sans-Serif;
text-align: center;
}
h1 {
color: #6F2D09;
margin: 20px 30px 13px 30px;
font-size: 130%;
}
h2 {
color: #6F2D09;
margin: 13px 30px 13px 30px;
font-size: 100%;
}
h3 {
color: #6F2D09;
margin: 15px;
font-size: 100%;
}
p {
margin: 0px 40px 13px 40px;
font-size: 80%;
text-align: justify;
}
p.images {
margin: 0px 40px 13px 40px;
font-size: 80%;
text-align: left;
}
ul {
margin: 13px;
padding: 0px 0px 0px 45px;
list-style-type: disc;
}
li {
font-size: 80%;
}
hr {
color: #523512;
margin: 0px 32px 0px 31px;
padding: 0;
border: 1px dotted;
}
address {
color: #F6FFF5;
margin: 20px 0px 0px 15px;
font-weight: bold;
font-size: 80%;
font-style: normal;
}
form {
margin: 0px 40px 13px 40px;
padding: 0;
}
input {
color: #523512;
background-color: #F7D14B;
margin: 2px 0px 2px 0px;
padding: 2px;
border: 1px solid;
height: 23px;
font-family: Sans-Serif;
font-size: 80%;
}
input.otsikko {
font-family: Sans-Serif;
width: 400px;
}
input.button {
}
textarea {
color: #523512;
background-color: #F7D14B;
padding: 2px;
border: 1px solid #523512;
width: 400px;
height: 200px;
font-family: Sans-Serif;
font-size: 80%;
}
.links li a:link {
color: #F6FFF5;
text-decoration: none;
}
.links li a:hover {
color: #FFFF80;
text-decoration: none;
}
.links li a:active {
color: #F6FFF5;
text-decoration: none;
}
.links li a:visited {
color: #F6FFF5;
text-decoration: none;
}
address a:link {
color: #F6FFF5;;
text-decoration: none;
}
address a:hover {
color: #FFFF80;
text-decoration: none;
}
address a:active {
color: #F6FFF5;
text-decoration: none;
}
address a:visited {
color: #F6FFF5;
text-decoration: none;
}
a:link {
color: #6F2D09;
text-decoration: underline;
}
a:hover {
color: #FFFF80;
}
a:active {
color: #6F2D09;
}
a:visited {
color: #6F2D09;
}
.logo {
width: 756px;
height: 106px;
padding: 0;
margin-left: auto; 
margin-right: auto;
}
.links {
background-image: url('../gfx/linkbg.png');
background-repeat: no-repeat;
width: 756px;
height: 45px;
padding: 0;
margin-left: auto; 
margin-right: auto;
overflow: hidden;
white-space: nowrap;
}
.links ul {
margin: 0px 0px 0px 15px;
padding: 0;
list-style-type: none;
}
.links li{
margin: 0;
padding: 12px 10px 0px 0px;
font-weight: bold;
font-size: 100%;
float: left;
}
.main {
background-image: url('../gfx/textbg.png');
background-repeat: repeat-y;
width: 756px;
padding: 0;
margin-left: auto; 
margin-right: auto;
}
.text {
width: 505px;
padding: 0px;
vertical-align: top;
border: 0;
overflow: hidden;
}
.text img {
background-color: #F8F5E8;
border: 1px #523512 solid;
padding: 1px;
margin: 3px;
}
.text td {
font-size: 80%;
vertical-align: top;
padding: 5px 2px 2px 2px;
}
.contact {
width: 250px;
padding: 0px;
vertical-align: top;
overflow: hidden;
border: 0;
}
.copyright {
background-image: url('../gfx/copybg.png');
background-repeat: no-repeat;
width: 756px;
height: 49px;
padding: 0;
margin-left: auto; 
margin-right: auto;
text-align: left;
overflow: hidden;
white-space: nowrap;
}
.address {
margin: 0px 25px 0px 25px; 
font-size: 80%;
overflow: hidden;
}
p td,th {
padding: 5px;
text-align: left;
vertical-align: top;
border: 1px outset;
font-size: 80%;
}
.hotkey {
color: yellow;	
background-color: red;    
text-decoration: blink;
border: 1px outset; 
}
.disabled {
color: #AFA141;
}
.alert {
color: #FF0000;
font-weight: bold;
text-decoration: blink;
}