BODY
{
padding: 0px;
margin: 0px;
}

p {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 10px;
}

boldi {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 10px;
font-weight: bold;
}

p.notice {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
padding: 3px;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 10px;
background: #dfdfdf;
border: 1px dashed #dfdfdf;
}

p.nomargin {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin: 0 0 0 20px;
padding: 0;
}

p.books {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 10px;
padding: 5px;
border: 2px dashed gray;
}

p.wanttobuy {
font-family: Georgia, serif;
font-size: 90%;
color: white;
background: #aaaaaa;
border-bottom: 1px solid #aaaaaa;
margin-bottom: 0;
padding-bottom: 0;
}
	
p.forsale {
font-family: Georgia, serif;
font-size: 90%;
color: white;
background: #666666;
border-bottom: 1px solid #666666;
margin-bottom: 0;
padding-bottom: 0;
}


address {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 0;
padding-right: 0;
}

address:after {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
content: "\40utu.fi.";
}


h1 {
}

h3 {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 1.0em;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
border-bottom: 2px dotted gray;
}

h4 {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
font-weight: normal;
margin-left: 20px;
}

h5 {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.7em;
font-weight: normal;
margin-left: 5px;
}

h6 {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.6em;
font-weight: bold;
}

.text {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.9em;
margin-left: 20px;
}

a:link     { color: #9C4C4C; text-decoration: underline; font-weight: normal; background-color: transparent}
a:active   { color: red; text-decoration: none; font-weight: normal; background-color: transparent }
a:visited  { color: #9C4C4D; text-decoration: underline; font-weight: normal; background-color: transparent }
a:hover    { color: #9C4C4C; text-decoration: none; font-weight: normal; background-color: transparent }

#button {
position: absolute;
left: 5px;
top: 68px;
width: 110px;
margin: 0;
padding: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
background-color: #cc9999;
}

#button ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.7em;
line-height: 1.3em;
}

#button li {
margin: 0;
padding: 0;
}

#button a {
/*/*/display: block;
padding: 0;
margin: 0;
width: 100%;
text-decoration: none;
color: #fff;
background-color: transparent; /* */
}

#button a:link, #navlist a:visited {
color: #fff;
/*/*/color: #EEE;
text-decoration: none; /* */
}


#button a:hover {
color: #333;
background-color: #E4D6D6;
background-image: url(../images/hovermenu.gif);
width: 100%;
}


.naviup {
position: absolute;
left: 5px;
top: 5px;
font-family: georgia, geneva, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
width: 97%;
color: black;
background: #CC9999;
height: 62px;
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: black;
}

.noteboard {
position: absolute;
left: 0;
top: 222px;
width: 110px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding-left: 0px;
margin: 5px 0px 5px 5px;
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.7em;
font-weight: normal;
background-color: white;
background-image: url(../images/menubg.gif);
}

.margin {
margin-left: 5px;
margin-right: 2px;
margin-top: 5px;
margin-bottom:5px;
}


.eventtop, .eventmiddle, .eventbottom {
background-image: url(../images/headermenu.gif);
}

.eventtop {
border-bottom: 1px solid black;
background-color: #CC9999;
font-weight: bold;
text-align: center;
}

.eventmiddle {
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #CC9999;
font-weight: bold;
text-align: center;
}

.eventbottom {
border-top: 1px solid black;
background-color: #CC9999;
font-weight: bold;
text-align: center;
}

.generic {
position: relative;
top: 85px;
left: 130px;
width: 70%;
padding: 10px;
background-color:  white;
border: 1px solid black;
}

.kentta {
font-size: 0.8em;
font-family: verdana, helvetica, arial, times, sans-serif;
margin-left: 25px;
margin-top: 5px;
border: 1px solid black;
}

.form2 {
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 1.0em;
font-weight: normal;
margin-left: 0px;
width: 75px;
}

.board {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: black;
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.8em;
margin-top: 3px;
margin-bottom: 2px;
margin-left: 15px;
margin-right: 10px;
line-height: 15px;
}

.boardleft {
border-style: solid;
border-width: 1px 0px 0px 1px;
border-color: black;
font-family: verdana, helvetica, arial, times, sans-serif;
font-size: 0.8em;
margin-top: 3px;
margin-bottom: 2px;
margin-left: 25px;
margin-right: 5px;
line-height: 15px;
}


address:after{
content: "\40utu.fi";
}


.nappi {
font-size: 0.8em;
font-family: verdana, helvetica, arial, times, sans-serif;
color: black;
background-color: #E4D6D6;
margin-left: 25px;
margin-top: 5px;
border: 1px solid black;
}

.nappi2 {
font-size: 0.8em;
font-family: verdana, helvetica, arial, times, sans-serif;
color: black;
background-color: #E4D6D6;
border: 1px solid black;
}

.nappi:hover, nappi2:hover {
background-color: #cc9999;
}

.boardpix {
margin-right: 10px;
float: left;
border: 1px solid black;
}
