#container {
padding-top: 10px;
margin-left: auto;
margin-right: auto;
width: 900px;
}

body {
background-color: #FFFFFF;
line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 1.2;
margin-top: .5em;
margin-bottom: .1em;
color: white;
}

p {
font-weight: bold;
line-height: 1.2;
margin-top: .1em;
margin-bottom: .1em;
color: white;
}

#pan {
margin-left: auto;
margin-right: auto;
background-image: url(linnet_ddcp.png);
height: 600px;
width: 900px;
background-position: top center;
background-repeat: no-repeat;
background-size: 900px 600px;
border-collapse: collapse;
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
}

#col1 {
margin-top: 50px;
float: left;
width: 100%;
height: 280px;
background-color: #000000;
overflow: auto;
}

#marcol1 {
margin-top: 25px;
margin-bottom: 2px;
margin-left: 20px;
margin-right: 20px;
}

#marlo {
margin-top: 8px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 5px;
}

.wf {
font-family: arial;
font-size: 18px;
font-weight: normal;
color: white;
text-align: left;
}

.nf {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: navy;
text-align: left;
}

.bf {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: black;
text-align: left;
}

.brf {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: brown;
text-align: left;
}

.brownl {
font-family: arial;
font-size: 16px;
font-weight: normal;
color: brown;
text-align: left;
}

.browns {
font-family: arial;
font-size: 13px;
font-weight: normal;
color: brown;
text-align: left;
}

a.nav:link { color: #000; text-decoration: underline; font-size: 12px; font-family: arial; }
a.nav:visited { color: #000; text-decoration: underline; }
a.nav:hover { color: navy; text-decoration: none; font-size: 12px; font-family: arial; font-weight: bold; }
a.nav:active { color: #000; text-decoration: underline; }

a.lo:link { color: brown; text-decoration: underline; font-size: 16px; font-family: arial; }
a.lo:visited { color: brown; text-decoration: underline; }
a.lo:hover { color: #00ff00; text-decoration: none; font-size: 16px; font-family: arial; }
a.lo:active { color: brown; text-decoration: underline; }

.cpsubmit {
font-family: Arial, Verdana, Tahoma;
padding: 4px 8px 4px 8px;
font-size: 13px;
font-weight: bold;
cursor: pointer;
background: #585232;
color: #fff;
border: 1px solid #908E5B;
}

.cpsubmit:hover {
background: #908E5B;
border: 1px solid #585232;
}

.cpsubmit:active {
background: #908E5B;
border: 1px solid #585232;
}

#input {
text-align: left;
font-family: arial;
background-color: #ffffff;
color: #000000;
font-weight: normal;
font-size: 12px;
line-height: 1em;
}

#input:focus {
background-color: #f1d19d;
color: green;
}

#inputtext {
color: #52391A;
font-weight: bold;
line-height: 1;
}

#textarea {
font-family: arial;
background-color: #f1d19d;
color: #000000;
font-weight: normal;
font-size: 12px;
}

#textarea:focus {
background-color: #f1d19d;
color: #000000;
font-weight: bold;
}