body {
margin: 0px;
padding: 0px;
background-color: #282C1C;
color: white;
font-size: 9pt;
font-family: Verdana;
}

h1 {
font-family: Verdana;
letter-spacing: 3pt;
font-weight: bold;
font-size: 14pt;
color: black;
}

h2 {
font-family: Verdana;
letter-spacing: 2pt;
font-weight: bold;
font-size: 12pt;
color: black;
}

h3 {
font-family: Verdana;
letter-spacing: 2pt;
font-weight: bold;
font-size: 10pt;
color: black;
}

h4 {
font-family: Verdana;
letter-spacing: 1pt;
font-weight: bold;
font-size: 10pt;
color: black;
}

h5 {
font-family: Verdana;
font-weight: bold;
font-size: 9pt;
color: black;
}

strong {
font-weight: normal;
font-style: italic;
}

.koko {
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 5px;
padding: 0px;
border: 1px solid white;
background-color: #C7CBBB;
text-align: left;
}

#urheilukala {
width: 1000px;
margin: auto;
padding: auto;
clear: both;
}

#urheilukala a:link, #urheilukala a:visited, #urheilukala a:focus {
color: white;
font-size: 10pt;
font-family: Verdana;
text-decoration: none;
letter-spacing: 1pt
}

#urheilukala a:hover {
color: red;
font-size: 10pt;
font-family: Verdana;
text-decoration: none;
letter-spacing: 1pt
}

#urheilukala ul {
list-style-type: none;
margin: auto;
padding: auto;
}

#urheilukala li {
display: block;
float: left;
margin: auto;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

#yla {
margin: auto;
padding: auto;
width: 100%;
height: 20px;
border-top: 1px solid white;
background-color: #626e41;
text-align: left;
clear: both;
}

#yla a:link, #yla a:visited, #yla a:focus {
color: black;
}

#yla a:hover {
color: white;
}

#header {
width: 100%;
height: 123px;
background-image: url(http://www.heittokalastus.info/images/header.jpg);
background-color: #2C311D;
background-repeat: no-repeat;
border-bottom: 1px solid black;
border-top: 1px solid black;
text-align: right;
}

.headmainos {
padding-right: 15px;
margin: auto;
padding-left: auto;
padding-top: 35px;
padding-bottom: auto;
text-align: right;
display: block;

}

.headmainos script {
border: 1px solid white;
}

#navi {
width: 100%;
border-bottom: 1px solid black;
background-color: #626e41;
height: 20px;
}

#menubar {
height: 20px;
width: 777px;
}

#menubar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menubar li {
display: block;
float: left;
height: 20px;
width: 110px;
margin: auto;
padding: auto;
text-align: center;
border-right: 1px solid white;
background-color: #3A4126;
}

#menubar li:hover {
display: block;
float: left;
height: 20px;
width: 110px;
margin: auto;
padding: auto;
text-align: center;
border-right: 1px solid white;
background-color: #626e41;
}

#menubar a:link, #menubar a:visited , #menubar a:focus {
color: white;
font-size: 9pt;
font-family: Verdana;
text-decoration: none;
}

#menubar a:hover {
color: black;
font-size: 9pt;
font-family: Verdana;
text-decoration: none;
}

#main {
width: 100%;
background-color: #C7CBBB;
margin: auto;
padding-left: auto;
padding-right: auto;
padding-top: 15px;
padding-bottom: 15px;
}

.palstat {
background-color: #C7CBBB;
width: 990px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: auto;
display: block;
clear: none;
}

#etusivuvasen {
margin-top: 0px;
width: 760px;
display: block;
float: left;
background-color: #C7CBBB;
color: black;
}

#etusivuoikea {
margin-left: 15px;
margin-top: 0px;
width: 190px;
display: block;
float: left;
background-color: #C7CBBB;
}

.submenu {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;
width: 180px;
background-color: white;
border: 1px solid black;
}

.submenu a:link, .submenu a:visited , .submenu a:focus {
font-family: Verdana;
font-size: 10pt;
color: black;
text-decoration: none;
}

.submenu a:hover {
font-family:Verdana;
text-decoration: none;
font-size: 10pt;
color: #485B64;
}

.submenu ul {
background-color: #D9EEF7;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 17px;
padding-right: 0px;
margin: 0px;
background-color: white;
}

.submenu li {
list-style-type:disc;
background-color: white;
color: black;
}

.sivu {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
color: black;
}

.sivu table {
background-color: #C7CBBB;
color: black;
margin: 0px;
padding: 0px;
}

.sivu input {
border: 1px solid black;
}

.sivu laber {
font-family: verdana;
font-size: 8pt;
}

.sivu2 {
color: black;
display: block;
}

.etusivukappale {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding: 15px;
width: 96%;
border: 1px solid #404040;
background-color: white;
color: black;
display: block;
}

.etusivukappale p {
color: #202020;
font-size: 10pt;
font-family: Verdana;
}

.etusivukappale a:link, .etusivukappale a:visited, .etusivukappale a:focus {
color: black;
text-decoration: none;
text-decoration: underline;
font-size: 10pt;
}

.etusivukappale a:hover {
color: red;
text-decoration: underline;
font-size: 10pt;
}

.etusivukappale li {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 7px;
} 

.etusivukappale img {
border: 1px solid black;
}


.etusivukappale2 {
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: 20px;
padding: 15px;
width: 96%;
border: 1px solid #404040;
background-color: white;
color: black;
}

.etusivukappale2 p {
color: #202020;
font-size: 10pt;
font-family: Verdana;
}

.etusivukappale2 a:link, .etusivukappale a:visited, .etusivukappale a:focus {
color: black;
text-decoration: none;
text-decoration: underline;
font-size: 10pt;
}

.etusivukappale2 a:hover {
color: red;
text-decoration: underline;
font-size: 10pt;
}

.etusivukappale2 li {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 7px;
} 

.etusivukappale2 img {
border: 1px solid black;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
}


.galleriakuva img {
border: 1px solid black;
}

.galleriakuva {
float: left;
width: 180px;
height: 130px;
display: block;
}

.galleriakuva img {
border: 1px solid black;
}


.galleriakuva2 {
margin: auto;
padding: auto;
}

.galleriakuva2 img {
border: 1px solid black;
margin: auto;
padding: auto;
}

.galleriakuva3 {
display: block;
width: 180px;
padding-bottom: 10px;
clear: both;
}

.galleriakuva3 img {
border: 1px solid black;
}

.kommentti {
border: 1px dotted black;
}

.kommentti2 {
border: 1px dotted black;
}

.tdtable {
width: 180px;
font-size: 8pt;
}

.tdtable_solu {
background-color: white;
font-weight: bold;
font-size: 9pt;
padding: 0px;
margin-top: 1px;
margin-bottom: 1px;
}

.tdtable a:link, .tdtable a:visited, .tdtable a:focus, .tdtable a:hover {
color: black;
}

.tdtable_solu a:link, .tdtable_solu a:visited, .tdtable_solu a:focus, .tdtable_solu a:hover {
color: black;
}

#ala {
display: block;
clear: both;
width: 100%;
height: 20px;
border-top: 1px solid black;
background-color: #404040;
margin: auto;
padding: auto;
color: white;
font-size: 9pt;
text-align: center;
font-family: Arial;
}

#ala a:hover {
font-family: Arial;
color: white;
font-size: 9pt;
text-decoration: underline;
}

#ala a:link, #ala a:focus, #ala a:visited {
font-family: Arial;
color: #C0C0C0;
font-size: 9pt;
text-decoration: none;
}

#alalinkit {
margin: auto;
padding: auto;
text-align: center;
width: 1000px;
padding-top: 3px;
padding-bottom: 3px;
}

#alalinkit p {
font-size: 10px;
color: white;
}

#alalinkit a:link, #alalinkit a:focus, #alalinkit a:visited {
font-size: 10px;
color: white;
}

#alalinkit a:hover {
color: white;
font-size: 7pt;
}


#mainoskeskitys {
text-align: center;
width: 100%;
margin: auto;
padding: auto;
}

.pikkuteksti {
font-size: xx-small;
}

.submenu2 {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;
width: 180px;
background-color: white;
border: 1px solid black;
}

.submenu2 a:link, .submenu2 a:visited , .submenu2 a:focus {
font-family: Verdana;
font-size: 10pt;
color: black;
text-decoration: none;
}

.submenu2 a:hover {
font-family:Verdana;
text-decoration: none;
font-size: 10pt;
color: #485B64;
}

.submenu2 ul {
background-color: #D9EEF7;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
background-color: white;
}

.submenu2 li {
list-style-type:none;
background-color: white;
color: black;
}