body {
margin : 0;
padding : 0;
background-color : #84921a;
background-image : url(../pics/bg.jpg);
background-repeat : no-repeat;
background-position : center top;
text-align : center;
font-family:arial;

}
html {
	overflow-y: scroll;
}


.clear {
clear : both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

p {
font-family: arial, sans-serif;
font-size : 15px;
margin-top:8px;
}
ul {
font-family: arial, sans-serif;
font-size : 15px;
}

h1 {
font-family:arial,sans-serif;
font-size:24px;
letter-spacing:-1px;
line-height:90%;
margin:0;
}
h2 {
font-family:arial,sans-serif;
font-size:20px;
letter-spacing:-1px;
line-height:90%;
margin:0;
}
h3 {
font-family:arial,sans-serif;
font-size:18px;
letter-spacing:-1px;
line-height:90%;
margin:0;
}
h4 {
font-size : 25px;
font-weight : normal;
margin:0;
padding:5px;
}

#keskitys {
width : 960px;
margin : 0 auto;
position : relative;
text-align : left;
vertical-align : top;
background-color : transparent;
}
#header {
position : relative;
height : 88px;
background-color : #FFFFFF;
}
#logo {
position : absolute;
height : 170px;
width : 177px;
background-color : transparent;
z-index:2;
}
#mainmenu {
position : absolute;
top:0px;
left:160px;
height : 40px;
width : 729px;
background-color : transparent;
margin-top:10px;
margin-bottom: 0px;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
}

#mainmenu ul li {
	float: left;
	display: block;
	height: 40px;
	margin-right: 0px;
	text-indent: -9999px;
}

#mainmenu ul li a {
	display: block;
	height: 40px;
	background: url(../pics/mainmenu.gif) 0 0 no-repeat;
	outline: 0;
}

#mainmenu ul li.etusivu a {width:82px;background-position: 0 0px;}
#mainmenu ul li.titinalle a {width:121px;background-position: -81px 0px;}
#mainmenu ul li.nalleperhe a {width:125px;background-position: -203px 0px;}
#mainmenu ul li.puuhasivu a {width:117px;background-position: -329px 0px;}
#mainmenu ul li.esiintymiset a {width:136px;background-position: -447px 0px;}
#mainmenu ul li.riitanpalsta a {width:140px;background-position: -583px 0px;}

#mainmenu ul li.etusivu a:hover {width:82px;background-position: 0px -40px;}
#mainmenu ul li.titinalle a:hover {width:121px;background-position: -81px -40px;}
#mainmenu ul li.nalleperhe a:hover {width:125px;background-position: -203px -40px;}
#mainmenu ul li.puuhasivu a:hover {width:117px;background-position: -329px -40px;}
#mainmenu ul li.esiintymiset a:hover {width:136px;background-position: -447px -40px;}
#mainmenu ul li.riitanpalsta a:hover {width:140px;background-position: -583px -40px;}

#mainmenu ul li.etusivu a.current {width:82px;background-position: 0px -80px;}
#mainmenu ul li.titinalle a.current {width:121px;background-position: -81px -80px;}
#mainmenu ul li.nalleperhe a.current {width:125px;background-position: -203px -80px;}
#mainmenu ul li.puuhasivu a.current {width:117px;background-position: -329px -80px;}
#mainmenu ul li.esiintymiset a.current {width:136px;background-position: -447px -80px;}
#mainmenu ul li.riitanpalsta a.current {width:140px;background-position: -583px -80px;}

#exitmenu {
position : absolute;
top:38px;
left:340px;
height : 40px;

background-color : transparent;
margin-top:10px;
margin-bottom: 0px;
}

#exitmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
}

#exitmenu ul li {
	float: left;
	display: block;
	height: 40px;
	margin-right: 0px;
	text-indent: -9999px;
}

#exitmenu ul li a {
	display: block;
	height: 40px;
	background: url(../pics/exitmenu.gif) 0 0 no-repeat;
	outline: 0;
}

#exitmenu ul li.elamystentalo a {width:154px;background-position: 0 0px;}
#exitmenu ul li.kauppa a {width:205px;background-position: -154px 0px;}

#exitmenu ul li.elamystentalo a:hover {width:154px;background-position: 0px -40px;}
#exitmenu ul li.kauppa a:hover {width:205px;background-position: -154px -40px;}


#content {
position : relative;
background-color : transparent;
float : left;
width : 960px;
margin-top:280px;
padding-top:65px;
background-image : url(../pics/isoots_terv.gif);
background-repeat : no-repeat;
background-position : center top;
}
#contentdiv {
background-color:transparent;
float:left;
font-family:arial,sans-serif;
margin-right:20px;
position:relative;
width:31%;
}

#contentdiv a {
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
#contentdiv a:hover {
font-weight : normal;
color : #3f3910;
text-decoration : none;
border-bottom:0px;
}
#contentdiv img {
margin:0;
}
#contentdiv ul {
list-style-type:none;
margin:0;
padding:0;
}
#contentdiv li {
list-style-type:none;
margin-top:6px;
padding:0;
}
#contentdiv p {
color:#FFFFFF;
}
#contentdiv h1 {
color:#FFDE00;
}
#contentdiv h2 {
color:#FFDE00;
}
#contentdiv h3 {
color:#FFDE00;
font-size:21px;
}
#contentdiv h4 {
color : #003461;
}

#contentdiv li a {
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
font-size:15px;
font-weight:normal;
text-decoration:none;
}

#subcontentdiv {
background-color:#FF0000;
color:#FFFFFF;
float:left;
margin-left:1%;
position:relative;
width:30%;
}
#main {
position : relative;
float : left;
width : 480px;
background-color : transparent;
}

#subcontent {
position : relative;
background-color : #FFFFFF;
border:1px solid #57610a;
float : left;
width : 60%;
margin-top:58px;
color:#000000;
z-index:300;
}


#path {
position : relative;
width : 100%;
font-size : 9px;
font-weight : normal;
color : #8e8e8e;
text-decoration : none;
margin-bottom : 10px;
text-transform : uppercase;
}
#path a:link, #path a:visited {
font-size : 9px;
font-weight : normal;
color : #666666;
text-decoration : none;
}
#path a:hover {
font-size : 9px;
font-weight : normal;
color : #000000;
text-decoration : none;
}

#news {
position : relative;
margin-left : 15px;
margin-right : 10px;
margin-top : 10px;
}
#singlenews {
position : relative;
font-size : 20px;
}
#singlenews a {
background-color:transparent;
border:medium none;
color:#294500;
display:block;
font-family:arial;
font-size:13px;
font-weight:normal;
margin:0;
padding:4px 8px;
text-decoration:none;
}
#singlenews a:hover {
font-family:arial;
font-size:13px;
font-weight : normal;
color : #000000;
text-decoration : none;
display:block;
background-color:#ffea00;
padding:4px 8px 4px 8px;
margin:0;
}

#footer {
background-color:transparent;
background-image:url(../pics/footerbg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
float:left;
font-family:trebuchet MS;
margin-bottom:20px;
margin-left:30px;
margin-top:40px;
padding-top:15px;
text-align:center;
width:850px;
}
#footer p{
color : #FFFFFF;
margin:0;
font-size:11px;
line-height:140%;
}
#footer a {
font-weight : normal;
color : #ffde00;
text-decoration : underline;
}
#footer a:hover {
font-weight : normal;
color : #ffde00;
text-decoration : none;
}


#contentframe{
background-color:transparent;
margin:0;
position:relative;
padding:0;
float:left;
width:100%;
top:30px;
}

#ccontent {
background-color:transparent;
float:none;
margin-left:215px;
position:relative;
width:553px;
z-index:200;
}

#ccontentmidfield {
background-color:transparent;
background-image:url(../pics/ccontentmidfield.png);
_background-image:url(../pics/ccontentmidfield.gif);
background-repeat:repeat-y;
float:left;
width:553px;
padding-top:10px;
}
#ccontentcontent {
background-color:transparent;
float:left;
padding-left:30px;
padding-right:40px;
color:#00364A;
margin-top:20px;
min-height:300px;
}
#ccontentcontent h1 {
color:#005484;
font-size:30px;
font-weight:bold;
margin:0;
text-transform:uppercase;
}
#ccontentcontent a {
color:#005484;
font-size:15px;
font-weight:normal;
text-decoration:underline;
}
#ccontentcontent a:hover {
font-weight : normal;
color : #000000;
text-decoration : none;
}

#ccontentdefence {
background-color:transparent;
background-image:url(../pics/ccontentdefence.png);
_background-image:url(../pics/ccontentdefence.gif);
background-repeat:repeat-y;
float:left;
width:553px;
height:26px;
}


#submenu {
background-color:transparent;
color:#FFFFFF;
float:left;
position:absolute;
width:238px;
margin-top:36px;
z-index:3;
left:0;
}

#submenutop {
background-color:transparent;
background-image:url(../pics/submenutop.png);
background-repeat:no-repeat;
float:left;
width:238px;
height:12px;
margin:0;
padding:0;
}
#submenumid {
background-color:transparent;
background-image:url(../pics/submenumid.png);
 _background-image:url(../pics/dialog2-blue.gif);
background-repeat:repeat-y;
float:left;
width:238px;
margin:0;
padding-top:10px;
}
#submenucontent {
background-color:transparent;
float:left;
padding-left:30px;
padding-right:40px;
color:#00364A;
margin:0;
}

#submenubot {
background-color:transparent;
background-image:url(../pics/submenubot.png);
_background-image:url(../pics/submenubot.gif);
background-repeat:no-repeat;
float:left;
width:238px;
height:16px;
margin:0;
padding:0;
}






#submenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:4px;
}

#submenu ul li {
margin-right : 0;
display : block;
}
#submenu ul li.current {
color:#003461;
font-size : 26px;
text-decoration : none;
line-height : 160%;
padding-left:10px;
}

#submenu ul li a {
display : block;
padding-left : 10px;
color : #FFFFFF;
font-size : 26px;
text-decoration : none;
line-height : 160%;
}
#submenu ul li a:hover {
display : block;
padding-left : 10px;
color : #000000;
font-size : 26px;
text-decoration : none;
line-height : 160%;
padding-left:20px;
}

#submenu ul li.current a {color:#000000; font-size:12px; text-decoration:none; line-height:160%;}
#submenu ul li.current a:hover {color:#000000; font-size:12px; text-decoration:none; line-height:160%;}
#submenu ul li.currentbg a {color:#000000; font-size:18px; text-decoration:none; line-height:170%;}
#submenu ul li.currentbg a:hover {color:#000000; font-size:18px; text-decoration:none; line-height:170%;}

#submenu ul li.grey a {color:#757575; font-size:12px; text-decoration:none; line-height:160%;}
#submenu ul li.grey a:hover {color:#000000; font-size:12px; text-decoration:none; line-height:160%;}
#submenu ul li.greybg a {color:#757575; font-size:18px; text-decoration:none; line-height:170%;}
#submenu ul li.greybg a:hover {color:#000000; font-size:18px; text-decoration:none; line-height:170%;}

#submenu ul li.acurrent a {color:#000000; font-size:12px; text-decoration:none; line-height:160%; background-position: 2px 5px; }
#submenu ul li.acurrent a:hover {color:#000000; font-size:12px; text-decoration:none; line-height:160%; background-position: 2px 5px;}

#submenu ul li.subcurrent a {color:#000000; font-size:12px; text-decoration:none; line-height:160%; margin-left:10px;}
#submenu ul li.subcurrent a:hover {color:#000000; font-size:12px; text-decoration:none; line-height:160%; margin-left:10px;}
#submenu ul li.subacurrent a {color:#000000; font-size:12px; text-decoration:none; line-height:160%; margin-left:10px; background-position: 2px 5px; }
#submenu ul li.subacurrent a:hover {color:#000000; font-size:12px; text-decoration:none; line-height:160%; margin-left:10px; background-position: 2px 5px;}

#submenu a.current {
color:#80bcbc;
font-size:26px;
text-decoration:none; line-height:160%;
}
#submenu a:hover.current {
color:#000000;
font-size:26px;
text-decoration:none; line-height:160%;
}