body { background: white;
       color: black;
       margin: 0;
       padding: 0; }
a:link    { color: #0000af; background: transparent; }
a:visited { color: #909; background: transparent; }
a:active  { color: #c03; background: transparent; }
a:link:hover, a:visited:hover
          { color: #c00; background: transparent; }

.perusnavi { font-family: Arial, sans-serif;
             font-size: 80%; }

#campus h2 { font-size: 100%; }
#campus h2.mika { text-transform: uppercase; }

td { vertical-align: top; }

.oheiskuva { float: right; }

h1 { margin: 0; }

.perusnavi h2 { font-size: 100%;
                background: #ddd;
                color: black;
                margin: 1em 0 0 0;
                text-transform: uppercase; }
.perusnavi ul { list-style-type: none;
                margin: 0 0 0 1.5em; }
.perusnavi li { margin: 0; 
                text-indent: -0.8em;}

.perusnavi, .toinen, #campus { border-right: dotted 1px #99c; }
.toinen, #campus  { padding-left: 0.5em; padding-right: 0.3em; }

h2.xsite { font-size: 100%;
           font-style: italic;
           text-align: center;
           padding-top: 50px;
           width: 180px;
           height: 61px;
           margin: 0 0 0 -35px;
           background: url(gfx/banner_top.jpg) #f0f0ff; }

form h2 { font-size: 100%;
          margin: 0; }
form    { margin: 0;
          border: dotted thin #ccc;
          padding: 0.2em;  }

.kahvila ul { text-align: right;
              margin-left: 0;
              padding-right: 0.5em; }
.kahvila li { text-indent: 0; }
.kahvila h2 { margin-left: -2px; }

h2 { margin-bottom: 0.4em; }
p.eka { margin-top: 0.4em; }