html, body, table, tr, td, div, p, a, img, form
{
    margin: 0;
    padding: 0;
    border: 0;
}
html
{
    height: 101%;
}
body
{
    text-align: center;
    background-image: url(../img_KokkolanLastaus/backslip.png);
    background-repeat: repeat-x;
    background-color: #F6F6F6;
}
body, div, input, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
html > body
{
    /* IE6 does NOT see this */
}

a
{
    color: #FFBE00; 
    text-decoration: none;
}
a:hover
{
    color: #FFBE00;
    text-decoration: underline;
}

a:visited
{
    color: #22B1DA;
}

#KLcontainer
{
    position: relative;
    width: 1010px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-repeat: repeat-y;
    color:#fff;
}



.KLheader
{
    background-image: url(../img_KokkolanLastaus/headerback.png);
    background-repeat: no-repeat;
    height: 85px;
    width: 1010px;
}
.KLbody
{
    background-image: url(../img_KokkolanLastaus/KL_bodyback.png);
    background-repeat: no-repeat;
    height: 589px;
    width: 1010px;
}

#KLTableTop
{
    height:130px;
    margin:0;
    padding:0;
    background: url(../img_KokkolanLastaus/KL_top.jpg) top center no-repeat; 
    width:973px;
    margin-left:18px;    
}

#KLTableContent
{
    height:130px;
    margin:0;
    padding:0;
    background-color:#2872B3;
    width:973px;
    margin-left:18px;
}

#SAContent1, #SAContent2
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
}


.KLFrontpage #SAContent1
{
    width:370px;
}
.KLFrontpage #SAContent2
{
    width:260px;
}

.KLSubpage #SAContent1
{
    width:370px;
}
.KLSubpage #SAContent2
{
    
    width:260px;
}


#SAContent1 ul , #SAContent2 ul
{
    padding:0;
    margin-top:0px;
    margin-left:15px;
}
#SAContent1 li , #SAContent2 li
{

    margin:0!important;
    list-style-type:square!important;
}
#SAContent1 li div , #SAContent2 li div
{
    margin:0;
    padding:0;
    line-height:18px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
	color: #fff;
}