.px18 {
font-size: 18px;
margin-left: 10px;
}
.viiva {
text-decoration: underline;
}

.nimilista {
list-style-type: upper-alpha;
float: left;
width: 70px;
}

.nimilista ol {
margin-left: 0px;
}

#kasvatit {
margin-bottom: 15px;
}

#kasvatit td {
padding-right: 8px;
}

#hkisat {
border: 1px solid #969696;
overflow: auto;
width: 470px;
height: 180px;
white-space: pre;
padding: 5px;
}

#hkisat strong {
color: #3366FF;
}

.pre {
white-space: pre;
}

.pieni {
font-size: 11px;
text-transform: none;
}

ul {
list-style-type: disc;
margin-left: 20px;
}

ol {
list-style-type: circle;
margin-left: 25px;
}

.hlista td {
padding-bottom: 10px;
white-space: pre;
}

.tvasen {
width: 270px;
}

.toikea {
width: 230px;
}

.hlista img {
float: left;
margin-right: 15px;
border: double #969696;
width: 84px;
min-height: 65px;
}

.hlistaots {
width: 200px;
text-align: right;
font-size: 16px;
border-bottom: 1px dashed #969696;
margin: auto 0 15px auto;
}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin-top: 20px;
background: #1D1D1D url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i01.png) repeat-x;
font: normal small 'Trebuchet MS', Arial, Helvetica, sans-serif;
color: #969696;
}

h1, h2 {
margin-bottom: 1em;
color: #969696;
}

h1 {
font-size: 2.8em;
text-transform: uppercase;
}

h2 {
font-size: 1.8em;
}

h2 span {
margin-left: 20px;
font-size: 12px;
font-weight: normal;
text-transform: none;
}

p, blockquote, ul {
margin-bottom: 1.5em;
text-align: justify;
line-height: 1.5em;
}

blockquote {
margin-left: 3em;
margin-right: 3em;
}

blockquote div {
font-weight: bold;
font-size: 12px;
text-align: center;
margin-top: -5px;
}

blockquote p {
text-align: left;
}

a {
color: #969696;
}

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

img { border: none; }

img.left {
float: left;
margin: 0 15px 0 0;
}

img.right {
float: right;
margin: 0 0 0 15px;
}

hr { display: none; }

.hr {
}

/* Boxed */

.boxed .title {
margin: 0;
padding: 5px 15px;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i08.gif) no-repeat left center;
text-transform: uppercase;
font-size: small;
}

.boxed .content {
padding: 10px;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i09.gif) repeat-x;
}

.boxed ol, .boxed ul {
margin-left: 0;
list-style-position: inside;
}

/* Logo */

#logo {
width: 760px;
height: 200px;
margin: 0 auto;
background: #000 url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i02.png) no-repeat;
}

#logo h1 {
float: left;
width: 600px;
margin: 0;
padding: 164px 0 0 0;
text-align: right;
letter-spacing: 5px;
font-size: 18px;
color: #000;
}

#logo h2 {
float: right;
margin: 0;
padding: 170px 20px 0 0;
font-size: 11px;
color: #000;
letter-spacing: 1px;
}

#logo a {
text-decoration: none;
color: #000;
}

/* Page */

#page {
width: 760px;
margin: 0 auto;
background: #000;
}

/* Content */

#content {
float: left;
width: 500px;
padding: 20px 10px 20px 20px;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i03.png) no-repeat;
}

#welcome {
padding-bottom: 20px;
}

/* Sidebar */

#sidebar {
float: right;
width: 190px;
padding: 20px;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i04.png) no-repeat;
}

#sidebar blockquote {
margin-left: 0;
margin-right: 0;
}

/* Menu */

#menu {
margin-bottom: 19px;
}

#menu h2 {
display: none;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
padding-top: 1px;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i07.gif) repeat-x;
}

#menu li.first {
background: none;
}

#menu a {
display: block;
width: 165px;
padding: 7px 10px 7px 25px;
text-transform: uppercase;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i08.gif) no-repeat 10px 50%;
text-decoration: none;
letter-spacing: 1px;
font-size: x-small;
font-weight: bold;
}

#menu a:hover {
background-color: #0A0A0A;
}

/* Footer */

#footer {
width: 760px;
margin: 0 auto;
padding: 20px 0;
background: url(http://s33.photobucket.com/albums/d54/tuire_n/ouvert/i05.gif) repeat-x;
}

#footer p {
margin: 0;
text-align: center;
font-size: x-small;
color: #000000;
}

#footer a {
color: #000000;
}
