body {
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
        font-size: 10pt;
}

hr {
        border-style: solid; 
}

p {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
        font-size: 10pt;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	font-size: 16pt;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	font-size: 14pt;
}

ul, ol, li, a, address {
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
}

@media screen {
    body {
	background-color: #BB0000;
	margin: 0;
	padding: 30px;
    }

    div.pohja {
	background-color: white;
    }

    p.bigtitle {
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	font-style: italic;
    }

    td#piilomenu { width: 185px; text-align: left;  padding: 20px;
                   border-color: black; border-style: solid; border-width: 0 0 0 1px; }

    td#bottom { height: 20px; border-width: 1px 0 0 0; border-style: solid;
                 border-color: black; }

    td#vasenlogo { width: 135px; height: 135px;  padding: 0; margin: 0; vertical-align: top; 
                   background-image: url('files/images/layout/test2/wscf-e-logo-132-1.gif'); 
                   background-repeat: no-repeat; }
    td#bighead { width: auto; height: 135px;}
    td#oikealogo { width: 135px; height: 135px; text-align: right; }

    td#isokuva { background-image: url('files/images/layout/test2/topbar3.jpg');
                 background-position: top left; 
                 background-repeat: no-repeat; height: 80px; 
                 border-width: 1px 0 1px 0; border-style: solid; border-color: black; }

    td#mainmenu { padding: 20px; border-width: 0 1px 0 0;
                  border-color: black; border-style: solid; min-width: 135px; width: 135px;}
    td#content { padding: 20px; } 

    td#bighead h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 20pt; font-weight: normal; 
                    text-align: center; margin-bottom: 5px; }
    td#bighead h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 20pt; font-weight: normal; 
                    text-align: center; margin-bottom: 5px; } 

    div.menu li { list-style-type: none; }
    div.menu ul.menu1 { padding: 0; margin: 0; }
    div.menu ul.menu2 { margin: 0; padding: 0 0 0 20px; }
    div.menu a { color: black; text-decoration: none; font-weight: bold; }
    div.menu a:hover { text-decoration: underline; }

    table.newstable {
        border-width: 0;
    }

    div.newsarea { width: 70%; }
    div.newsitem { padding-bottom: 20px; }
    div.newscontent { padding: 0; }

    div.newsbox { font-family: Verdana, Arial, Helvetica, sans-serif; }
    div.newsbox h1 { font-size: 12pt; }
    div.newsbox h3 { font-size: 10pt; text-decoration: underline; 
                     padding-bottom: 0; margin-bottom: 0; }
    div.newsbox p { font-size: 8pt; padding: 0; margin: 0 0 5px 0; }


    div.newsarea h3, div.newscontent, div.newsarea address, div.newsarea p.att {
        border-width: 3px; border-color: brown; border-style: ridge; 
        margin: 0 0 2px 0; }

    div.newsarea h3 { padding: 5px 10px 5px 10px; }
    div.newscontent p { padding: 10px 30px 10px 30px; }
    div.newsarea address, p.att { font-style: normal; font-size: 8pt; 
                          padding: 3px 10px 3px 10px; }

    table.boardmsg, table.boardtrd { border-color: black; border-width: thin; border-style: solid; }
    table.boardmsg th, table.boardtrd th { background-color: #c0c0c0; }
}

@media print {
    @page:left { margin: 25mm 20mm 25mm 30mm; }
    @page:right { margin: 25mm 30mm 25mm 20mm; }
    @page:first { margin-top: 7cm; }
    td#piilomenu, td#mainmenu, td#isokuva, td#oikealogo, td#bighead
          { display: none; }

    td#vasenlogo { text-align: right; }

    body { counter-reset: chapno; }

    a { color: black; text-decoration: inherit; }

    h1:before { content: counter(chapno,decimal) ". ";
                counter-increment: chapno; }
    h1 { counter-reset: sectno; }
    h2:before { content: counter(chapno) "." counter(section) ". ";
                counter-increment: sectno; }
}