body {
font-family: Arial;
background-color: #403049;
}

p {
color: #a7a2ae;
font-size: 12px;
}

b {
font-size: 13px;
}

#all { 
width: 780px;
height: 560px;
margin: 120px auto;
}

#left {
background-image: url(images/vasenpalkki.gif);
z-index: auto;
float: left;
width: 173px;
height: 560px;
padding: 0;
}

#sivuteksti {
width: 165px;
height: 400px;
}

p.ontop {
font-family: "Arial";
color: #6a5475;
font-weight: bolder;
padding: 135px 0 5px 15px;
text-align: justify;
}

p.ontop2 {
font-family: "Arial";
color: #6a5475;
font-size: 13px;
font-weight: bolder;
text-align: justify;
padding: 3px 0 5px 15px;
}



#right {
background-image: url(images/ncpalkki.gif);
float: right;  
width: 99px;  
height: 560px;
}

#yla {
background-color: #6a5475;
float: left;
width: 508px;
height: 143px;
}

p.ylao {
background-color: #6a5475;
float: left;
margin-top: 4px;
margin-left: 8px;
text-align: left;
color: #a7a2ae;
font-size: 12.5px;
font-family: Arial;
line-height: 13px;
}

#yla ul {
margin-top: 3px;
margin-right: 10px;
}

#yla li {
color: #a7a2ae;
font-size: 12.5px;
letter-spacing: 2px;
word-spacing: -3px; 
font-weight: normal;
font-family: "Copperplate Gothic Light";
font-variant: small-caps;
text-align: right;
list-style: none;
line-height: 13.5px;
}

#content { 
background-color: #6a5475;
float: left;
width: 508px;
height: 417px;
margin: 0 auto;
background-image: 
}

#teksti {
width: 400px;
height: 260px;
font-weight: bolder;
padding: 30px 5px 0 25px;
}

.teksti2 {
font-family: Arial Black;
font-weight: lighter;
width: 400px;
height: 260px;
padding: 1px 5px 0 5px;
text-align: center;
}

.tekstiet {
font-size: 13px;
font-family: Arial;
width: 460px;
height: 160px;
padding: -25px 15px 0 25px;
text-align: center;
}


#tekstie {
width: 450px;
height: 350px;
padding: 30px 5px 0px 25px;
color: #a7a2ae;
}

#tekstiala {
width: 450px;
height: 350px;
padding: 30px 5px 5px 25px;
color: #a7a2ae;
}

#tekstiala a {
font-size: 13px;
font-weight: bold;
text-decoration: none;	
color: #bda0d7;
}

#tekstiala a:hover {
color: #f36d21;
}

#tekstiala ul {
font-size: small;
color: #6c6c6e;
}

#tekstialag {
width: 450px;
height: 350px;
padding: 30px 5px 5px 15px;
color: #a7a2ae;
}

#tekstialag a {
font-size: 13px;
font-weight: bold;
text-decoration: none;	
color: #bda0d7;
}

#tekstialag a:hover {
color: #f36d21;
}

a.etusivu {
text-decoration: none;
font-weight: bold;
color: #bda0d7;
font-size: 13px;
padding-left: 425px;
}


a.etusivu:hover {
color: #f36d21;
}

#kuvat {
width: 508px;
height: 517px;
padding-left: 50px;
}

#kuvate {
width: 420px;
margin-top: -7px;
}

#kuvate a {
font-size: 13px;
font-weight: bold;
text-decoration: none;	
color: #bda0d7;
}

#kuvate a:hover {
color: #f36d21;
}

#kuvat2 {
padding-right: 65px;
padding-left: 25px;
padding-bottom: 20px;
margin-top: 20px;
}

#kuvat3 {
width: 508px;
height: 517px;
padding-left: 20px;
}

#kuvatside {
float: left;
width: 250px;
padding: 15px 0px 0px 25px;
}

#kuvatp {
width: 500px;
height: 220px;
}

#side {
float: left;
width: 210px;
padding: 15px 10px 0 0;
}

#side2 {
float: left;
width: 230px;
padding: 15px 10px 0 20px;
}

img.toka {
	padding: 0 0 0 15px;
}

#nav {
float:left;
padding:0; 
margin:0; 
list-style:none; 
height:32px; 
background:#fff; 
font-family:arial, verdana, sans-serif;
}

#nav li.top {
display:block; 
float:left;
}

#nav {
float:left;
padding:0; 
margin:0; 
list-style:none; 
height:30px; 
background:#fff; 
font-family:arial, verdana, sans-serif;
}

#nav li.top {
display:block; 
float:left;
}

#nav li a.top_link {display:block; float:left;height:30px; width:120px; line-height:25px; color:#f36d21; text-decoration:none; font-size:15px; font-weight:bold; padding:0; cursor:pointer; text-shadow: 2px #000000; background: url(images/sblank1.gif) no-repeat;}
#nav li a.top_link span {float:left; display:block; padding:0 22px 0 16px; height:30px; width:83px; background:url(images/sblank1.gif) no-repeat right top;}
#nav li:hover > a.top_link {}


#nav li a.top_link2 {display:block; float:left; height:30px; width:134px; line-height:25px; color:#eeeeee; text-decoration:none; font-size:15px; font-weight:bold; padding:0; cursor:pointer; background: url(images/sblank2.gif) no-repeat;}
#nav li a.top_link2 span {float:left; display:block; padding:0 18px 0 20px; height:30px; width:98px; background:url(images/sblank2.gif) no-repeat right top;}
#nav li:hover > a.top_link2 {}

#nav li a.top_link3 {display:block; float:left; height:30px; width:127px; line-height:25px; color:#eeeeee; text-decoration:none; font-size:15px; font-weight:bold; padding:0; cursor:pointer; background: url(images/sblank3.gif);}
#nav li a.top_link3 span {float:left; display:block; padding:0 18px 0 19px; height:30px; width:90px; background:url(images/sblank3.gif) right top;}
#nav li:hover > a.top_link3 {}

#nav li a.top_link4 {display:block; float:left; height:30px; width:127px; line-height:25px; color:#eeeeee; text-decoration:none; font-size:15px; font-weight:bold; padding:0; cursor:pointer; background: url(images/sblank4.gif);}
#nav li a.top_link4 span {float:left; display:block; padding:0 28px 0 8px; height:30px; width:90px; background:url(images/sblank4.gif) right top;}
#nav li:hover > a.top_link4 {}

/* Alalinkit */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:15px; top:30px; background: #fff; padding:4px; border:1px solid #6a5576; white-space:nowrap; width:auto; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px;  position:relative; float:left; width:auto; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:20px; width:auto; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li:hover ul.sub li a:hover 
{background:#796284; color:#fff;}

/*Jos alalinkeille alalinkkejä */
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #796284; white-space:nowrap; width:90px; z-index:400; height:auto;}