body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background: url(http://www.vesaollinmaki.fi/news3/data/upimages/tausta12.jpg) no-repeat center fixed;
}


td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
  
.top{
	background-image:   url("../images/top.jpg");
	background-color: #000000;
	color: #999999;
}
.center{
	background-image:   url("../images/center.jpg");
	background-color: #000000;
	color: #999999;
}
.bottom{
	background-image:   url("images/bottom.jpg");
	background-color:#000000;
	color: #999999;
}
.linkit{
	background-image:   url("../images/linkit_tausta1.jpg");
	background-color: #000000;
	color: #999999;
}
.musa{
	background-image:   url("images/musa_tausta1.jpg");
	background-color: #000000;
	color: #999999;
}
.bio{
	background-image:   url("../images/bio_tausta1.jpg");
	background-color: #000000;
	color: #999999;
}
.toptext {
	color: #FBC887 ;
	font-size: 16px ;
	font-weight: bold ;
	font-style: normal ;
	text-align: left;
}
.toptextsmall {
	color: #FBC887 ;
	font-size: 14px ;
	font-style: normal ;
	text-align: right;
}
.menutextleft {
	color: #000000;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	background-color: transparent;
}
.menuTD{
	background-color: #4A1317;
	color: #FFFFFF ;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	border: 1px solid Black;
}
.menu1TD{
	background-color: #333333;
	color: #000000;
	border: 1px solid Black;
}
.punainen {
	color: Red;
	FONT-WEIGHT: bold ;
	font-size: 13px ;
}
.alalogotext {
	color: #FBC887;
	font-size: 9px ;
	font-style: normal ;
}

.bold16 {
	color: #000000 ;
	FONT-WEIGHT: bold ;
	font-size: 16px ;
}
HR {
	color: #669966;
	height: 1pt;
}
.center_left {
	padding-left: 16px;
}
/* Lainatun viestin alla näkyvä suorakulmio */
.pre {
	border: 1px solid #BBBBFF;
	background-color : #B3ABB7;
	padding: 1px 3px 1px 3px;	
}

/* Sivun body */
.body {		
	background-color : #F7F7F7;
	text-align: center;
}

/* Sivun yläosa, jossa näkyy mm. linkit ja viestien määrä */
.infoblock {
	width: 550px;
	border : 1px solid #B6B6B6;
	background-color : #B3ABB7;	
}

/* Vasemman puoleinen solu infoblokista */
.infoblock_left {
	background-color : #B3ABB7;
	width: 50%;
	height: 22px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}
/* Oikean puoleinen solu infoblokista */
.infoblock_right {
	background-color : #B3ABB7;	
	width: 50%;
	height: 22x;
	text-align: right;
	font-family: Arial;
	font-size: 12px;
}

/* Leveä infoblokki, käytetään viestinkäsittelypaneelissa sivun yläreunassa infopaneelin alla */
.infoblock_wide {
	font-family: Arial;
	font-size: 12px;
	background-color : #B3ABB7;	
	width: 100%;
	height: 22px;
	text-align: center;
}

/* Sivutusnumeroblokki */
.browseblock {
	width: 550px;
	height: 24px;
}

/* Sivutusblokin solu */
.browseblock_center {
	text-align: center;	
	font-family: Arial;
	font-size: 12px;
}

/* Viestin taulu */
.messageblock {
	width: 550px;
	background-color : #C3ADA2;
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
	border-top: 1px solid #B6B6B6;
}

/* Viestiosion yläsolu, jossa on kaksi diviä (mm. lähettäjän nimi sekä lähetysaika) */
.messageblock_header {
	font-family: Arial;
	font-size: 12px;
	height: 15px;
	background-image : url('msgtop.png');
	background-repeat: repeat-x;
}

/* div, jossa näkyy mm. viestin lähettäjän nimi, www ja email */
.messageblock_header_left {
	text-align: left;
	float: left;
	padding-left: 3px;
}

/* div, jossa näkyy mm. Viestin lähetysaika sekä "lainaa/vastaa"-linkki */
.messageblock_header_right {
	text-align: right;
	padding-right: 3px;	
	float: right;
}

/*Vastausosio yläsolu, jossa on kaksi diviä (vastaaja, aika)*/
.messageblock_answer {
	background-image : url('msgtop.png');
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	height: 15px;
}

/* div, jossa näkyy mm. vastaajan nimi, www ja email */
.messageblock_answer_left {
	text-align: left;
	padding-left: 3px;
	float: left;
}

/* div, jossa näkyy vastauksen aika */
.messageblock_answer_right {
	text-align: right;
	padding-right: 3px;	
	float: right;
}

/* solu, jossa näkyy kirjoitettu viesti */
.messageblock_down {
	width: 550px;
	border-top : 1px solid #B6B6B6;
	border-bottom : 1px solid #B6B6B6;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	padding : 6px 3px 6px 3px;
	background-color : #D5D8F9;
}

/* Solu, jossa on viestin vastaus */
.messageblock_down_answer {
	border-top : 1px solid #B6B6B6;
	border-bottom : 1px solid #B6B6B6;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	padding : 6px 3px 6px 3px;
	background-color : #DFE7FF;
}

/* Sisäänkirjautuneena joka viestin vasemmalle puolelle ilmestyvä poista/vastaa/muokkaa/bannaa-palkki */
.messageblock_admin {
	font-family: Arial;
	font-size: 12px;
	width: 18%;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
	background-color : #B3ABB7;
	border-left: 1px solid #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
	text-align: center;	
}

/* Koko viestin alapuolella näkyvä palkki, jossa näkyy sisäänkirjautuneena käyttäjän ip. */
.messageblock_ippanel {
	font-family: Arial;
	font-size: 12px;
	height: 15px;
	text-align: left;
	background-color: #B3ABB7;
	border-bottom: 1px solid #B6B6B6;
}

/* palkki, johon voidaan sijoittaa sisältöä. Tämän päälle läntätään esim kirjoitusformi, yms. */
.form_div {
	background-color : #B3ABB7;
	width: 550px;
	text-align: center;
	border: 1px solid #B6B6B6;
	font-family: Arial;
	font-size: 12px;	
}

/* ------------------------------------------------------------------------------------- */
/* I       Seuraavat eivät oikeastaan ole tarkoitettu ulkoasun määritykseen           II */
/* ------------------------------------------------------------------------------------- */

/* Määrittää erinäisiä formeja */
.form_table {	
	width: 550px;
}

.form_table_left {
	width: 20%;
	height: 25px;
	text-align: left;
}

.form_table_right {
	width: 80%;
	text-align: left;
	padding: 3px;
}

.form_table_help {
	height: 25px;
	text-align: center;
}

/* Määrittävät input-elementtejä */
.form_button {
}
.form_checkbox {
}
.form_textarea {
	background-color: #E1E1F1;
	width:95%;
	height: 150px;
}
.form_text {
	background-color: #E1E1F1;
	width:250px;
}

/* Määrittää yleisesti kaikenlaisia tableja, ei tarkoitettu ulkoasun määritykseen. */
.table {
	width: 560px;
}
.table_95px {
	width: 95px;
	text-align: left;
}
.table_110px {
	width: 110px;
	text-align: left;
}
.table_150px {
	width: 150px;
	text-align: left;
}
.table_40px {
	width: 40px;
	text-align: left;
}
.table_60px {
	width: 60px;
	text-align: left;
}
.table_250px {
	width: 250px;
	text-align: left;
}

.table_free_td_center {
	text-align: center;
}
.table_free_td_noalign {
	text-align: left;
}
.table_free_td_right {
	text-align: right;
}
.table_free {

}
.Menu1{
	background-image:   url("i/2.jpg");
	background-color: #F1F0F1;
	color: #445566;
	text-align: left;
	font-size: 12px;
	
}
.Menu12{
	background-image:   url("i/9.jpg");
	background-color: #F1F0F1;
	color: #445566;
	text-align: left;
	font-size: 12px;
	
}
    h1 {
    background: url(images/common/big_logo.png) no-repeat;
    width: 560px;
    height: 206px;
    }

    h1 span {
    display: none;
    }

    h2 {
    font-size: 20px;
    font-weight: normal;
    }

    p, li, pre {
    font-size: 13px;
    }

    pre {
    color: #666666;
    font-family: monospace;
    font-size: 12px;
    }


    #wrapper {
    width: 560px;
    margin: 0 auto;
    }

    #content {
    padding: 0 0 0 20px;
    }

    .clr {
    clear: both;
    }

    /* SWFUpload CSS */

    #filesDisplay {
    padding: 10px;
    margin-top: 20px;
    background: #f9f9f9;
    border: 1px solid #f3f3f3;
    display: none;
    }

    #SWFUpload {
    margin-left: 20px;
    }

    #mmUploadFileListing {
    margin: 0;
    padding: 0;
    }

    #mmUploadFileListing li {
    margin: 0 0 10px 0;
    display: block;
    float: left;
    width: 150px;
    list-style-type: none;
    font-size: 11px;
    }

    .uploading { color: #CCC; }
    .uploadDone { color: #000; }

    span.progressBar {
    width: 100px;
    display: block;
    font-size: 10px;
    height: 4px;
    margin-top: 4px;
    }
A:link    {TEXT-DECORATION: none; color: #999999 ; FONT-WEIGHT: normal; }
A:visited {TEXT-DECORATION: none; color: #999999 ;} 
A:active  {TEXT-DECORATION: none; color: #999999 ;}
A:hover   {TEXT-DECORATION: none; color: #FFFFFF ;}