body {
	background-color: #4c86b4;
	margin:0;
	padding:0;
	font: normal 12px arial
}
img{
	border:0;
}

#globalWrapper{

}

#masthead{
	width: 100%;
	background: url(kuvat/header_bg.gif) repeat-x;
	height: 223px;
}

#headLeft {
	background: url(kuvat/header_logo_left.jpg) no-repeat;
	height: 207px;
	width: 448px;
	float: left;
}

#headRight {
	background: url(kuvat/header_ppl_right.jpg) no-repeat;
	height: 207px;
	width: 359px;
	float: right;
  z-index:-9;
  display: inline;
}
h1,h2,h3,h4,h5{
	margin:0;
	padding: 0;
	color: #4c86b4;
}

h1.firstHeading{
	margin-top: 15px;
	color: #4c86b4;
	padding-left:5px;
}

.post{
	background: url(kuvat/content_mid.gif) repeat-y;
	width: 780px;
}
#postWrapper {
	padding: 20px;
}
#postWrapperTop{
	background: url(kuvat/content_top.gif) no-repeat;
	width: 780px;
	height: 24px;
}

#postWrapperBottom{
	background: url(kuvat/content_bottom.gif) no-repeat;
	width: 780px;
	height: 24px;
}


#column-one{
	width: 200px;
	position: absolute;
	left:10px;
	top: 222px;
}
#column-content{
	width: 780px;
	float: left;
	margin-left: 220px;
	
}

/* pre {
	display: block;
	border: 1px solid #000;
	width: 500px;

} */

#content{
}

#bodyContent {
	padding: 10px;
}

.post{

}


#topnavi {
	padding-top: 20px;
	margin-left: 100px;
}

#topnavi ul {
	list-style-type:none;
}

#topnavi ul li {
	display: inline;
}



.portlet{
	width: 200px;
	background: url(kuvat/navibox_mid.gif) repeat-y;
}

.portlet h5{
	padding:0;
	margin:0;

	color: gray;
	margin-left: 20px;
	margin-bottom: 5px;
}

.portlet ul{
	padding:0;
	margin:0;
}

.portlet ul li{
	list-style-type: none;
	margin-left: 20px;
}

.portlet-top {
	background: url(kuvat/navibox_top.gif) no-repeat;
	position: relative:
	top: 0;
	left: 0;
	width: 198px;
	height: 21px;
}
.portlet-bottom {
	background: url(kuvat/navibox_bottom.gif) no-repeat;
	position: relative:
	bottom: 0;
	left: 0;
	width: 198px;
	height: 21px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('kuvat/button_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #4c86b4; /*button text color*/
}

a.ovalbutton span{
background: transparent url('kuvat/button_right.gif') no-repeat top right;
display: block;
padding: 4px 7px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
	color: red;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: red;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
display: inline;
margin-right: 20px;
}



.visualClear {
	clear: both;
}

#footer{
	border: 1px solid #000;
	width: 980px;
}

#f-list li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
}

/*
** the personal toolbar
*/
#p-personal {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#p-personal {
	width: 100%;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	overflow: visible;
	line-height: 1.2em;
	
	opacity: 0.70;
  filter: alpha(opacity:70);
  z-index: 10000;

}

.toggleImg {
	float: right;
}

#p-personal .portlet,
#p-personal .pBody {
	z-index: 0;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible;
	background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
	border: none;
	line-height: 1.4em;
	color: #2f6fab;
	padding: 0 2em 0 3em;
	margin: 0;
	text-align: right;
	list-style: none;
	z-index: 0;
	background: none;
	cursor: default;
	background-color: #fff;
}
#p-personal li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: 1em;
	line-height: 1.2em;
	background: none;
}
#p-personal li a {
	text-decoration: none;
	color: #005896;
	padding-bottom: .2em;
	background: none;
}
#p-personal li a:hover {
	background: none;
	padding-bottom: .2em;
	text-decoration: none;
	color: red;
}
#p-personal li.active a:hover {
	background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(kuvat/user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}
#p-personal ul {
	text-transform: lowercase;
}
#p-personal li.active {
	font-weight: bold;
}

#siteSub {
    display: none;
 }
    
#jump-to-nav {
    display: none;
}

.printfooter {
	display: none;
}


/* To hide the "redirected from ..." text */
#contentSub{
    display: none;
    }