html, body {
	height: 100%;
}

body {
	color:#333333;
	margin: 0px;
	padding: 0px;
	height: 100%; 
	text-align: center; /* to correct the centering IE bug*/
	/* background: #c99e5a url(/images/bodyBg.jpg); */
	background: #20a8c0 url(../images/helen_karttatausta.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 1.65em;
}

a,a:visited {
	color: #fa5f00;
	text-decoration: underline;
}
a:hover {
	color: #fa5f00; 
	text-decoration: none;
}

/* centered holder for all elements */
#container { 

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
	
	width: 960px; 
	text-align: left;
	background:#ffffff; /* ligth yellow */
}

/* shadows */
#shadowLeft {
	float:left;
	position:absolute;
	left: -10px;
	top: 0px;
	width: 10px;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	

	background-image: url(../images/shadowLeft.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#shadowRight {
	position:absolute;
	right: -10px;
	top: 0px; 
	width: 10px; 
	height: 100%;
	background-image: url(../images/shadowRight.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#header {
	/*	position:relative; */
	position:relative;
	left: 0px;
	top: 0px;
	/* width: 100%;  */
	width: 960px;
	/* border: 1px solid #00FF00;  */
	text-align:center;
	padding: 0px 0px 0px 0px;
	/* background: url(/images/fold.gif) repeat-x bottom; */
}

#content {
	padding:0em 0em 0em 0em; /* bottom padding for footer */
	text-align: left;
	position:relative;  
	left: 40px;
	width: 890px; 
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom: 150px;
	/* padding: 0px 0px 0px 0px; */
/*	z-index: 1500;
	clear:both; */
	border: 0px solid;
}

#footer {
	border: 0px solid;
	position: absolute;
	width: 100%; 
	bottom:0; /* stick to bottom */
	margin-top:0px;
	z-index: 2000;
/*	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px; */
	/* border: 1px solid #0000FF; */
	/*text-align: center; */
	/* background: url(/images/fold.gif) repeat-x top; */
}

h1 {
	margin: 0px;
	margin-top: 5px;
/*	margin-bottom: 10px; */
	margin-bottom: 10px;
	font-size: 25px;
	color: #96bc33;
	font-weight: bold;		
}

.sIFR-active h1 {
     visibility: hidden;
     font-family: Verdana;
     line-height: 1em;
	font-size: 25px;
	color: #96bc33;    
	font-weight: bold;	
} 
  
  
h2 {
	margin: 0px;
	margin-top: 25px;
	margin-bottom: -5px;
	color: #96bc33;
	font-size: 18px;
	font-weight: bold;
}

.sIFR-active h2 {
     visibility: hidden;
     font-family: Verdana;
   /*  line-height: 1em; */
     padding-top: 0px;
     padding-bottom: -15px;
    /* padding-bottom: 5px; */
	font-size: 18px;
	color: #96bc33;
} 
  
  
p {
	letter-spacing: 0em;
	line-height: 1.6em;
	font-size: 12px;	
/*	margin: 0px;
	padding: 0px; */
}

.p2 {
/*	padding: 0px;
	margin: 0px; */
	font-size: 14px;
	letter-spacing: 0em;
	line-height: 1.7em;
}

.p3 {
	font-size: 11px;
}

.p4 {
	font-size: 11px;
	/* line-height: -3em; */
	margin-top: 10px;
}

#headerMainMenu {
/*	position: relative; */ /* container positioning */
	margin: 10px auto 0px auto;
	padding: 0px;
/*	margin-left: auto;
	margin-right: auto; */
	width: 960px;
/*	height: 30px; */
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	font-weight: bold;	
	color: #fa5f00;
	border: 0px dotted;
}
#headerMainMenu a {
	color: #fa5f00;
	text-decoration: none;
}
.headerMainMenusel {
	color: #0066b3;
	text-decoration: none;
}
#headerMainMenu a:hover {
	color: #0066b3;
	text-decoration: none;
}
#headerMainMenu ul {
	margin: 0px;
	padding: 0px;
}

#headerMainMenu li {
	margin: 0px;
	padding: 0px;
	display:inline;
}

#headerSubMenu {
/*	position: relative; */ /* container positioning */
	margin: 5px auto 25px auto;
	padding: 0px;
/*	margin-left: auto;
	margin-right: auto; */
	width: 960px;
/*	height: 30px; */
	text-align: center;
	font-size: 12px;
	font-weight: normal;	
	color: #fa5f00;
}
#headerSubMenu ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}
#headerSubMenu li {
	margin: 0px;
	padding: 0px;
	display:inline;
}

#headerSubMenu a {
	color: #fa5f00;
	text-decoration: none;
}
#headerSubMenu a:hover {
	color: #0066b3;
	text-decoration: none;
}
.headerSubMenuSel {
	color: #0066b3;
	text-decoration: none;
}
.headerSubMenuSel a {
	color: #0066b3;
	text-decoration: none;
}


#navivali {
	display:inline;
	position: relative;
	font-size: 14px;
	font-weight: bold;	
	color: #cbcecc;
	width: 22px;
	height: 10px;

	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	padding-top: 2px;

	border: 0px solid;
}

#navivaliorange {
	display:inline;
	position: relative;
	font-size: 14px;
	/*color: #fa5f00; */
	font-weight: bold;		
	color: #cbcecc;
	width: 22px;
	height: 10px;

	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
	padding-top: 2px;

	border: 0px solid;
}



HR {
    height:1px;
   /* width:100%; */
    background: #cadd99 url(../images/hr_greenline.gif) repeat-x;
	border: 0;
/*    margin: 0px 150px 0px 150px;   */
}

HR.hrgrey {
    height:1px;
   /* width:100%; */
    background: #dbe2de url(../images/hr_greyline.gif) repeat-x;
	border: 0;
/*    margin: 0px 150px 0px 150px;   */
}

HR.greenbg512hr {
 	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
    height:3px;
    width:512px;
    background: #ffffff url(../images/greeb_bg_512_line.jpg) repeat-x;
	border: 0px solid;
/*    margin: 0px 150px 0px 150px;   */
}
HR.greenbg572hr {
 	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
    height:3px;
    width:572px;
    background: #ffffff url(../images/greeb_bg_512_line.jpg) repeat-x;
	border: 0px solid;
/*    margin: 0px 150px 0px 150px;   */
}
HR.greenbg210hr {
 	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
    height:3px;
    width:215px;
    background: #ffffff url(../images/greeb_bg_512_line.jpg) repeat-x;
	border: 0px solid;
/*    margin: 0px 150px 0px 150px;   */
}
HR.greenbg238hr {
 	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
    height:3px;
    width:238px;
    background: #e8e5da url(../images/greeb_bg_238_line.jpg) repeat-x;
	border: 0px solid;
/*    margin: 0px 150px 0px 150px;   */
}
HR.greenbg655hr {
 	text-align: left;/*this will align it for IE*/
	margin:  15px auto 15px auto; /*this will align it left for Mozilla*/
    height:2px;
    width:455px;
    background: #e8e5da url(../images/greeb_bg_655_line.jpg) repeat-x;
	border: 0px solid;
/*    margin: 0px 150px 0px 150px;   */
}



HR.faqhr {
 	text-align: center;/*this will align it for IE*/
	margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
    margin-top:20px;
    margin-bottom:5px;
    height:5px;
    width:190px;
    background: #e8e5da url(../images/faq_vali.gif) no-repeat;
	border: 0;
/*    margin: 0px 150px 0px 150px;   */
}


.longtd {
	width: 580px;
}

.shorttd {
	width: 290px;
}

.tdvali {
	width: 30px;
}

.rightbox {
	width: 280px;
    background-color: #fa5f00;		
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;    
	margin: 0px;	
	padding: 6px;	
	color: #ffffff;
}

.rightbox a {
	color: #ffffff;
	text-decoration: none;
}
.sIFR-active .rightbox {
	padding-top:10px;
    visibility: hidden;
    line-height: 1em;
	font-size: 17px;
	color: #ffffff;    
	font-weight: bold;	
	background-color: #fa5f00;		
} 

#lightgreenbox {
	margin: 0px;
	width: 573px;
	background-color: #fafbf6;
}

.lightgreenboxcontent {
	padding-left: 15px;
	padding-right: 15px; 
	font-size: 11px;
    line-height: 1.5em;
}


.textboxes, .textboxesfull {
	padding: 2px;
	width: 230px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.textboxesfull {
	width: 500px;
}

.submitbutton{
	padding: 3px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	background: #96bc33;
	border-left: 0px solid #d3dcc0;
	border-right: 0px solid #ebf3da;
	border-bottom: 0px solid #ebf3da;
	border-top: 0px solid #d3dcc0;
}

.submitbutton:hover{  
	background: #ebf2d8;
	color: #96bc33;
}

.textareas {
	padding: 5px;
	width: 500px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.checkboxx {
	border-left: 2px solid #9fa617;
	border-right: 2px solid #9fa617;
	border-bottom: 2px solid #9fa617;
	border-top: 2px solid #9fa617;
}

.errormessage {
	color: #004813;
	font-weight: bold;	
	text-transform: uppercase;	
}
.successmessage {
	color: #004813;	
	font-weight: bold;	
}
.successmessage a {
	font-weight: bold;	
	text-decoration: underline;
	text-transform: uppercase;
}
.successmessageheader {
	font-size: 16px;
	color: #004813;	
	font-weight: bold;	
	text-transform: uppercase;	
}
.errormessage2 {
	color: #0066b3;
	font-weight: bold;	
	text-transform: uppercase;	
}
.successmessage2 {
	color: #0066b3;	
	font-weight: bold;	
}
.successmessage2 a {
	font-weight: bold;	
	text-decoration: underline;
	text-transform: uppercase;
}
.successmessageheader2 {
	font-size: 14px;
	color: #0066b3;	
	font-weight: bold;
	text-transform: uppercase;	
}

.smalltext {
	color: #333333;
	font-size: 11px;
}

.smallheaderbold {
	font-weight: bold;	
	color: #077216;	
}

.promiseheaderbold {
	font-weight: normal;	
	color: #077216;	
}

.promisecount {
	float:left; 
	width:56px; 
	height:54px;
}

.pagination {
	margin: 0px;
	padding: 0px;	
}
.greenpagination {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border: 0px solid;
	text-align: center;
}

.greenpagination a {
	text-decoration: none;	
}

.orangebold {
	color: #fa5f00;
	font-weight: bold;	
}
.disabled {
	color: #cccccc;
}
.current {
	margin: 3px;
	font-weight: bold;	
}
.currentnotselected {
	margin: 3px;
	font-weight: normal;
	color: #077216;
	text-decoration: underline;	
}

#greenbg {
	background-image: url(../images/green_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#greencontent  {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	/* font-family: "Myriad Pro", Arial, Tahoma, Helvetica, sans-serif; */
	font-size: 12px;	
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 0px;
	/* color: #464748;	*/
	color: #000000;	
}

#greencontent  p {
	letter-spacing: 0em;
	line-height: 1.4em;
	font-size: 12px;	
}

#greencontent .ingressi {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #9fa617;
}

#greencontent .ingressi a {
	color: #f4742a;
	font-weight: bold;	
}


#greencontentnormal  {
    margin-left: auto;
    margin-right: auto;
	width: 800px;
	text-align: left;	
	border: 0px dotted;
}

.clear {
	clear:both;
}

#faqbg256 {
	background-image: url(../images/faq_tausta.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 256px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
}
.faqbg256cont {
	width: 226px;
	margin: 0px;
	padding: 0px;
}

#greencontent a {
	text-decoration: none;
	font-weight: normal;
	/* color: #138929; */
	color: #fa5f00;
}

#greenbg512 {
	background-image: url(../images/greeb_bg_512.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#greenbg512 a:hover {
	text-decoration: underline;
}
.greenbg512cont {
	padding: 20px;
	font-size: 12px;	
}
.greenbg512cont2 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;	
}
.greenbg512title {
	font-size: 15px;
	font-weight: bold;
	color: #077216;
	text-transform: uppercase;
}

.greenbg512title a:hover {
	text-decoration: none;
}

.greenbg248 {
	background-image: url(../images/greeb_bg_248.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.greenbg248 a:hover {
	text-decoration: underline;
}
.greenbg248cont {
	width: 208px;
	padding: 20px;
	font-size: 11px;	
}
.greenbg248cont2 {
	width: 218px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 12px;	
	border: 0px solid;
}


.greenheaderSubMenu {
	color: #fa5f00;
	text-decoration: none;
	font-weight: normal;		
}

.greenheaderSubMenu a {
	color: #fa5f00;
	text-decoration: none;
}

.greenheaderSubMenu a:hover{
	color: #fa5f00;
	text-decoration: underline;
}

.greenheaderSubMenuSel {
	color: #0066b3;
	text-decoration: none;
	font-weight: normal;		
}
.greenheaderSubMenuSel a {
	color: #0066b3;
	text-decoration: none;
	font-weight: normal;			
}
.greenlongtd {
	width: 410px;
	text-align: left;
}
.greenlongtd a {
	text-decoration: underline;
}

.greenshorttd {
	width: 238px;
	text-align: left;
}

.greentdvali {
	width: 30px;
	text-align: left;
}

#sidebar {
	margin-top: 0px;
	padding-left: 0px;
	width: 240px;
	font-size: 14px;
	color: #636466;
	list-style-type: none;	
}

#sidebar a {
	color: #636466;	
}

#sidebar a:hover {
	text-decoration: underline;
}



.greenfont {
	color: #077216;
}
.greenerfont {
	color: #004813;
}
.sidebartext {
	font-size: 14px;
	color: #636466;
}

#sidebar li {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	display:block;
}

#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

#commentlist {
	margin: 0px;
	padding-left: 0px;
	width: 400px;
	font-size: 14px;
	color: #000000;
	list-style-type: none;	
}
#commentlist p {
	margin: 0px;
	padding: 0px;
}

#commentlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#commentlist li {
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	display:block;
}


.greentextareastextboxes {
	padding: 2px;
	width: 230px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}
.greentextareastextboxes2 {
	padding: 2px;
	width: 170px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}
.greentextareas {
	padding: 5px;
	width: 400px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.greentextareas2 {
	padding: 5px;
	width: 300px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.greentextareas3 {
	padding: 5px;
	width: 190px;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #d3dcc0;
	border-right: 2px solid #ebf3da;
	border-bottom: 2px solid #ebf3da;
	border-top: 2px solid #d3dcc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.greenbg2 {
	background-color: #f4f8ea;
	margin-bottom: 15px;
	width: 290px;
}

.greenbg3 {
/*	background-color: #f4f8ea; */
	margin-bottom: 10px;
	width: 290px;
}

.greenbg2 p.enter {
	text-align: center;
}

.green2content  {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;	
	padding: 1px 11px;
	color: #464748;	
}

.redborder {
	border: 2px solid #fa5f00;
	margin-bottom: 15px;
	width: 286px;
}


.submitbtn {
	text-transform: uppercase;
	color: #FFFFFF;
	width: 190px;
	height: 30px;
	background: #f4742a;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	font-size: 12px;	
	font-weight: bold;	
}

#alerttopnew {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	background-image: url(../images/alertboxnew_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:529px;
	height: 22px;
}

#alertbottomnew  {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	background-image: url(../images/alertboxnew_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:529px;
	height:  25px;
}

#alertareanew  {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	text-align: center;
	background-image: url(../images/alertboxnew_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:529px;
}

#alerttop {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	background-image: url(../images/alertbox_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:850px;
	height: 25px;
}

#alertbottom {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	background-image: url(../images/alertbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:850px;
	height:  27px;
}

#alertarea {
	border: 0px dotted;
	margin: 0 auto 0 auto;
	text-align: center;
	background-image: url(../images/alertbox_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:850px;
}

.greenbox {
	position: relative;
	background: #fff url(../images/oikpalsta_bg.gif) repeat-y;
	width: 271px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.greenbox4 {
	position: relative;
	background: #fff url(../images/oikpalsta4_bg.gif) repeat-y;
	width: 392px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.greenboxbig {
	position: relative;
	background: #fff url(../images/isolaatikko_bg.gif) repeat-y;
	width: 535px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.boxcontent_left {
	float:left; 
	width: 58%;
	text-align: left;
	margin-left: 2px;
}
.boxcontent_right {
	float:right; 
	width: 37%;
	text-align: left;
}

.boxcontent,
.boxcontent_travis {
	position: relative;
	padding: 0 15px 20px 35px;
	z-index: 100;
}
.boxcontentbig {
	position: relative;
	padding: 0 15px 20px 35px;
	z-index: 100;
	color: #ffffff;
}
.boxcontent_travis {
	padding-bottom: 150px;
}
.greenboxbottom {
	position: absolute;
	overflow: visible;
	bottom: 0;
	background: #fff url(../images/oikpalsta_bottom2.gif) no-repeat;
	width: 271px;
	height: 53px;
}
.greenboxbottom4 {
	position: absolute;
	overflow: visible;
	bottom: 0;
	background: #fff url(../images/oikpalsta_bottom4.gif) no-repeat;
	width: 392px;
	height: 53px;
}
.greenboxbottom_travis {
	position: absolute;
	overflow: visible;
	bottom: 0;
	background: #fff url(../images/oikpalsta_bottom_apocalyptica.gif) no-repeat;
	width: 271px;
	height: 200px;
}
.greenboxbottombig {
	position: absolute;
	overflow: visible;
	bottom: 0;
	background: #fff url(../images/isolaatikko_bottom.gif) no-repeat;
	width: 535px;
	height: 27px;
}
.vasenpalsta {
	padding-right: 2em;
}

.boxcontent h3,
.boxcontent_travis h3,
.vasenpalsta h3 {
	margin: 0;
	font-size: 1.8em;
	line-height: 1.1em;
	color: #004813;
}
.boxcontentbig h5 {
	margin: 0;
	font-size: 26px;
	line-height: 1.1em;
	color: #ffffff;
}
.ingressi {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	color: #9fa617;
}



.greenbox  a {
	color: #f4742a;
}


#headerSubMenu hr {
	width: 850px;
}

.orangeheaderSubMenu {
	color: #fa5f00;
	text-decoration: none;
	font-weight: normal;		
}

.orangeheaderSubMenu a:link {
	color: #fa5f00;
	text-decoration: none;
}
.orangeheaderSubMenu a:hover{
	color: #fa5f00;
	text-decoration: underline;
}

.orangeheaderSubMenuSel {
	color: #0066b3;
	text-decoration: none;
	font-weight: bold;		
}
.orangeheaderSubMenuSel a {
	color: #fa5f00;
	text-decoration: none;
	font-weight: bold;			
}








#headerSubMenuOrange {
	margin: 5px auto 25px auto;
	padding: 0px;
	width: 960px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;	
	color: #fa5f00;
}
#headerSubMenuOrange ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}
#headerSubMenuOrange li {
	margin: 0px 10px;
	padding: 0px;
	display:inline;
}

#headerSubMenuOrange a {
	color: #fa5f00;
	text-decoration: none;
}
#headerSubMenuOrange a:hover {
	color: #0066b3;
	text-decoration: none;
}
.headerSubMenuOrange .selected {
	color: #0066b3;
	text-decoration: none;
}
.headerSubMenuOrange .selected a {
	color: #0066b3;
	text-decoration: none;
}

.navivali {
	display:inline;
	position: relative;
	font-size: 14px;
	font-weight: bold;	
	color: #fa5f00;
	width: 22px;
	height: 10px;
	margin: 0px 10px;
	padding: 0px;
	padding-top: 2px;
	border: 0;
}

.imgpadding img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.imgpadding2 img {
	margin-right: 10px;
	margin-bottom: 45px;
}

.helen_logo img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 200px;
	border: 0px solid;
}

.motiva_logo img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 150px;
	border: 0px solid;
}

.wwf_logo img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 100px;
	border: 0px solid;
}

.avatar img  {
	margin-left: 10px;
}

.sidebartitle {
	font-size: 18px;
	font-weight: bold;
	/* color: #077216; */
	color: #004813;
}
.sidebartitle a:hover {
	text-decoration: underline;
}

.sidebartitlenew {
	font-size: 16px;
	font-weight: bold;
	/* color: #077216; */
	color: #004813;
}

.sidebartitlenew3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.sidebartitlenewwhite {
	font-size: 16px;
	font-weight: bold;
	/* color: #077216; */
	color: #ffffff;
}


.sidebartitlenew2 {
	font-size: 25px;
	font-weight: bold;
	/* color: #077216; */
	color: #004813;
}

.sidebartitlenew a:hover {
	text-decoration: underline;
}

.sidebartitlesmaller {
	font-size: 14px;
	font-weight: bold;
	/* color: #077216; */
	color: #004813;
}

#fpfloat {
	position: absolute;
	display: block;
	width: 320px;
	 z-index: 50;
}

.promises {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.promises ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 	
}

.promises li {
	list-style-image: url(../images/bullet.gif); 
	border: 0px solid #000;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
	margin-left: 20px;
	line-height:1.2em;
}

.promises2 {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;	
}

.promises2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
}

.promises2 li {
	list-style-image: url(../images/bullet2.gif); 
	border: 0px solid #000;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
	margin-left: 20px;
	margin-right: -10px;
	line-height:1.2em;
}

.promises3 {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;	
}

.promises3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
}

.promises3 li {
	list-style-image: url(../images/bullet2.gif); 
	border: 0px solid #000;
	margin: 3px;
	margin-top: 2px;
	padding: 0px;
	margin-left: 20px;
	margin-right: -10px;
	line-height:1.2em;
}

.promises4 {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;	
}

.promises4 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
}

.promises4 li {
	list-style-image: url(../images/bullet2.gif); 
	border: 0px solid #000;
	margin: 3px;
	margin-top: 2px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 10px;
	line-height:1.6em;
}

#jouluboxiso {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/jouluvinkit_iso_bg.gif) no-repeat;
	width: 288px;
	height: 360px;
}

#earthhour {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/earthhour_bg.gif) no-repeat;
	width: 288px;
	height: 400px;
}

#earthhour2 {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 70px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/earthhour_bg_2.gif) no-repeat;
	width: 288px;
	height: 590px;
}

#energiasaasto2 {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 35px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/energiankulutus_bg_2.gif) no-repeat;
	width: 288px;
	height: 615px;
}

#jouluboxpieni {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	padding-left: 10px;
	position: relative;
	background: #fff url(../images/jouluvinkit_bg.gif) no-repeat;
	width: 289px;
	height: 129px;
}

#jouluboxpieni2 {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	padding-left: 10px;
	position: relative;
	background: #fff url(../images/jouluvinkit_bg_2.gif) no-repeat;
	width: 289px;
	height: 201px;
}

#jouluboxiso2 {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 60px;
	padding-left: 10px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/jouluvinkit_iso2_bg.gif) no-repeat;
	width: 289px;
	height: 318px;
}

#banner_energiakulutus {
	text-align: left;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	padding-top: 35px;
	padding-left: 10px;
	padding-right: 0px;
	position: relative;
	background: #fff url(../images/energiakulutus_banner.gif) no-repeat;
	width: 290px;
	height: 130px;
}

 span.radio {
   width: 18px;
   height: 25px;
   padding: 4px 11px 5px 15px;
   background: url(../images/radio.gif) no-repeat;
   display: inline;
/*   clear: left; 
   float: left; */
 }