/* Start of CMSMS style sheet 'brain' */
* {
margin:0;
padding:0;
}

body {
   font-family: Verdana, "Lucida Gronde", sans-serif;
   font-size: 75.0%;
   color:#444444;
}

a
img {
   border: 0;
}

.break {clear:both;}

table, tr, td {
vertical-align:top;
}

td {
padding:5px 14px 8px 0;
}


/*
Linkit
*/

a,
a:link, 
a:active {
   text-decoration: underline;
    color: #bb44ff;
}

a:visited {
   text-decoration: underline;
   color: #bb44ff;
}


a:hover {
   text-decoration: underline;
   color: #FFFFFF;
}

div#content a:hover {
   color: #000000 !important;
}


body#frontpage div#container a, body div#rightbar a {
color:#bb44ff;
background: url(images/lila_nuoli.gif) left center no-repeat;
padding:0 0 0 14px;
text-decoration:none;
}

body#frontpage div#container a:hover, body div#rightbar a:hover {
color:#FFFFFF;
background: url(images/valk_nuoli.gif) left center no-repeat;
}


/*****************
Etusivu
*****************/

body#frontpage {
   background: #000000 url(images/frontpage_body_b.jpg) center 44px no-repeat;
   color:#bb99cc;
   line-height: 1.4em;
}

body#frontpage p {
color:#bb99cc;
}

div#rightbar {
position:absolute;
width:204px;
top:79px;
left:592px;
padding:0 0 20px 0;
color:#FFFFFF !important;
}

#rightbar p {
   color:#FFFFFF !important;
   margin:0 0 30px 0;
   line-height:1.4em;
}

#rightbar img {
  margin:0 0 5px 0;
}

div#container {
width:828px;
position:absolute;
left:50%;
margin-left:-414px;
}

div#firstbox {
position:absolute;
background: transparent url(images/otsikot/mies_ja_missio.gif) 0 0 no-repeat;
width:130px;
top:196px;
padding:100px 16px 0 0;
}

	div#firstbox h1 {
	display:none;
	}

div#secondbox {
position:absolute;
width:235px;
top:789px;
padding:0 0 20px 0;
}

div#thirdbox {
position:absolute;
width:265px;
top:789px;
left:283px;
padding:0 0 20px 0;
}




/*****************
Sivurakenne
*****************/

body {
   background: #000000 url(images/body_b.jpg) center 44px no-repeat;
   line-height: 145%;
}

body p {
color: #555555;
}

div#headerb { 
height:203px;
background: transparent url(images/body_b.jpg) repeat-x;
}

div#content {
background: #FFFFFF url(uploads/images/logo.gif) 0 0 no-repeat;
padding:120px 30px 30px 30px;
position:absolute;
top:61px;
left:0;
width:473px;
border-bottom:20px solid #000000;
}


/********************
Muotoilut
*********************/

body#frontpage .aloitus {
background: transparent url(images/valk_nuoli.gif) left center no-repeat;
padding: 0 0 0 12px;
color:#FFFFFF;
}

body #content .aloitus {
background: transparent url(images/musta_nuoli.gif) left 3px no-repeat;
padding: 0 0 0 12px;
color:#000000;
}

.ingressi {
border-left:6px solid #000000;
padding:0 0 0 14px;
color:#000000;
margin:0 0 25px 2px;
display:block;
}

.info {
background: #e6e6e6 url(images/info_b.gif) bottom repeat-x;
padding:20px 20px 10px 20px;
margin-top:24px;
color:#444444;
display:block;
}

div.info p {
color:#444444;
}

/* OTSIKOT */


h1 {
font-size: 24px; 
line-height: 26px;
margin:0;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:7px 0 15px 0;
}

h1 span.otsikko {
color:#8eb733;
display:block;
}

h2 {
font-size: 1.5em;
line-height: 125%;
margin:0 0 16px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

body#frontpage h2 {
color:#FFFFFF;
}

div#rightbar  h2 {
background: url(images/otsikko_nuoli.gif) left 4px no-repeat;
text-indent:18px;
margin:0 0 22px 0;
}


h3 {
   font-size:1.1em;
   line-height: 1em;
   font-weight:bold;
   color:#444444;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin: 0.4em 0 0.7em 0;
}

/* OTSIKOT LOPPU*/


/* TEKSTI*/
p {
   margin: 0 0 1em 0; 
}

div#content p {
   margin: 0 0 1.5em 0; 
}

pre {
   border: 1px solid #000;  
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}


/* TEKSTI LOPPUU*/

/* LISTAT */

ul li {
list-style-type: square;
}

div#leipa ul,
div#leipa ol {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#leipa ul li,
div#leipa ol li {
   margin: 0 0 0.25em 3em;
}

div#leipa ul li {
list-style-type:none;
background: transparent url(images/li_b.gif) left center no-repeat;
padding:0 0 0 15px;
color:#484848;
font-weight:bold;
}




/* LISTAT LOPPUU */


/* End of 'brain' */