@charset "UTF-8";
body  {
	font: 0.7em Arial, Helvetica, sans-serif;
	background: #ffffff url(images/bg.jpg) no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #666666;
	line-height: 1.4em;
	
}
body.logged{background: #ffffff url(images/bg.jpg) no-repeat 0 59px;}
body.admin-menu{background:#FFFFFF url(images/bg.jpg) no-repeat scroll 0 79px;}
img{
	border:0;
}


a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B10404;
	text-decoration:none;
	cursor: pointer;
}
a:hover{
	text-decoration: underline;
	
}
a:visited, a:active, .active{
	color: #B10404;
}

h1{
color:#B0253E;
font-family:"Arial Black",Arial;
font-size:20pt;
font-weight:normal;
margin-top:0;
text-transform:uppercase;
line-height: 22pt;
border-bottom:1px dotted #d6d6d6;
padding-bottom: 10px;
}

h1.title a{
	font-weight: normal;
	/*color: #B10404;*/
	color:#333;
	
}
h2{line-height: 1.2em;}


#mainContent p{
	margin-top: 0;
}

.thrColFixHdr #mainContent { 
	margin: 0 240px 0 255px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 30px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: auto;
} 





img.logo{display:block; margin: 29px 0 0 24px; float:left}
.container{margin-left: 350px; margin-right: 20px; margin-top: 50px;}
#header{height: 185px;}
.sidebar{width: 350px; float:left;}
.sidebar .block{}


.clear{clear:both;}

#footer{text-align:right; width:755px; margin-top: 100px;}
/***** MENU ****/
#block-menu-primary-links{ float:left; margin:0 0 0 20px; padding:0;}
#header .menu, #header .menu li{list-style-type: none; list-style:none; float:left; margin:0; padding:0;}
#header .menu li a{background-color:#B0253E;
color:white;
display:block;
font-family:"Arial Black",Arial;
font-size:11pt;
line-height:10pt;
margin-right:5px;
padding-right:5px;
padding-top:185px;
text-transform:uppercase;}
#header .menu li a:hover{background-color: #b5b5b5; text-decoration:none;}

.node-2{display:none}

/********** HALLINTAMENU *************/


div#hallintamenu{
	background: url(images/hallinta_bg.gif) repeat-x;
	height: 59px;
	margin:0;
	padding:0;
	width: 100%;
}

div#hallintamenu ul {
	padding:0;
	margin:0;
	height: 58px;
	
}

div#hallintamenu ul li {
	float: left;
	display: block;
	height: 59px;
	margin:0;
	padding:0;
	border:0;
}
div#hallintamenu ul li a{
	font-family: "Arial Narrow", "Futura", Arial, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
color: white;
	display: block;
	height: 13px;
	width: auto;
	padding: 20px 15px 25px 15px;
	float: left;
	text-decoration:none;
	border-right: 1px solid #d8c8c8;
	text-align: left;
	
}
div#hallintamenu ul li a:hover{
	background-image: url(images/hallinta_bg_over.gif);
	background-repeat: repeat-x;
		height: 13px;
	width: auto;
	padding: 20px 15px 25px 15px;

}

div#hallintamenu #adminNapit{
	float:right;
}
div#hallintamenu #adminNapit a{
	display: block;
	height: 59px;
	float: left;
	padding: 0 15px 0 15px;
	
}

div#hallintamenu #adminNapit a:hover{
	display: block;
	height: 59px;
	float: left;
	padding: 0 15px 0 15px;
	background-image: url(images/kirjaudu_ulos_over.gif);
	background-repeat: repeat-x;

}

div#hallintamenu #adminNapit img{
	border: 0;
}

div#hallintamenu ul li ul{
	background: transparent;
	width:auto;
	height:auto;
}
div#hallintamenu ul li ul li{margin:0; padding:0;height: auto;}
div#hallintamenu ul li ul li a, div#hallintamenu ul li ul li a:hover{
 height:auto;
 padding: 5px 0 20px 10px;
color: #333333;

}
div#hallintamenu ul li ul li a:hover{ color:white;}
div#hallintamenu ul li ul li a, div#hallintamenu ul li ul li a:hover{

}



/************* NICE-MENU HACKS ************/

/******* NICE MENU HACKS *******/
ul.nice-menu-down li.menuparent, #header-region ul.nice-menu-down li.menuparent {
background: transparent url(/modules/nice_menus/arrow-down.png) no-repeat scroll right center;
}

ul.nice-menu li {
background-color: transparent;
background-image:none;
border:0;
float:left;
margin:0pt;
padding-left:0pt;
}

ul.nice-menu a {
padding:0.3em 5px;
}

ul.nice-menu li.menuparent ul, #header-region ul.nice-menu li.menuparent ul {
overflow:visible !important;
}
ul.nice-menu li.menuparent ul li, div#hallintamenu ul li ul li a{
	background: #dedede;
width: 200px;
height: 10px;
}


div#hallintamenu ul li ul li a:hover{
	background: #999;
	width: 200px;
height: 10px;

}
ul.nice-menu-down ul {
left:0pt;
}
ul.nice-menu ul, #header-region ul.nice-menu ul {
border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px 0pt 0pt;
left:-1px;
margin-right:0pt;
top:50px;
}



/******** LOMAKE ********/
#webform-client-form-1 .form-item label{display:inline-block;
font-weight:bold;
margin-right:12px;
text-align:right;
vertical-align:top;
width:220px;
}
#webform-client-form-1 input{background:transparent url(images/greengrad.gif) repeat-x scroll 0 0;
border:1px dotted #D6D6D6;
height:15px;
padding:4px 2px 3px;
width:300px;}
#webform-client-form-1 .form-radios{margin:0;padding:0;display:inline-block;}
#webform-client-form-1 .form-radios *{
margin:0;
padding:0;
width:20px;text-align:left;}
#webform-client-form-1 .form-radios label{text-align:left; }
#webform-client-form-1 input:hover{background:transparent url(images/greengrad_over.gif) repeat-x scroll 0 0; cursor: text;}
.webform-component-textarea .resizable-textarea {
display:inline-block;
width:304px;
}
.webform-component-textarea .resizable-textarea textarea {
background:#F2F2DC url(images/greengrad.gif) repeat-x scroll 0 0;
border:1px dotted #d6d6d6;
margin-bottom:0;
width:304px;
}	
#webform-client-form-1 #edit-submit{color:#666666;
height:25px;
padding-bottom:3px;
padding-left:2px;
padding-right:2px;
padding-top:0;
text-transform:uppercase;
width:110px;}
#webform-client-form-1 #edit-submit{margin-left: 235px;}


@-moz-document url-prefix() {
input[type="text"], input[type="password"], textarea {
overflow: auto;
 }
}