html {
	height:100%;
	min-height:100%;
	overflow:hidden;
	width:100%;
}
body {  
	color: #000000; font: 12px Arial, Helvetica, Sans-serif; background-color: transparent; 
	margin:0;
	padding:0;
	background-color: #70c9e9;
	height:100%;
	min-height:100%;
	width:100%;
}

#background {
	background:transparent none repeat fixed 0 0;
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:0;
}

#backgroundImage { position: absolute; left: 0; bottom: 0; }

.bodybg { position:absolute; width: 100%; height: 100%; z-index:1; }
/*.bgtop {position:absolute; height:63%; width:100%; z-index:2;}
.bgbottom {position:relative; height:37%; width:100%;z-index:2; }*/

form { margin: 0; padding: 0 0 0 0; }

/* Defines the alignment and width of the layout */

.outerframe {overflow:auto; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:3; text-align: center; }

.layoutsection { position: relative; top: 0; width: 910px; margin: 0 auto; text-align: left;}

.leftcolumn { position: absolute; top: 70px; left: 0px; width: 150px; }

.maincolumn {background-attachment: fixed; position: relative; top: 0px; left: 150px; width: 655px; margin-bottom: 50px;}

.content { padding: 30px 40px 20px 40px; }

.contenttop { width: 655px; height: 20px; background-image:url(/images/template/content_top.png); background-repeat: no-repeat; }
.contentbg { width: 655px; background-image:url(/images/template/content_bg.png); background-repeat: repeat-y; }
.contentbottom { width: 655px; height: 20px; background-image:url(/images/template/content_bottom.png); background-repeat: no-repeat; }

/* Header field */

.tervetuloatext { position: absolute; top: 13px; left: 158px; width: 640px; text-align: center; z-index: 4; color: #ffffff; FONT: bold 14px Arial, Helvetica, Sans-serif; }
.logoff { position: absolute; top: 55px; left: 825px; z-index: 4; }

.headerimage { position: relative; top: 0px; left: 150px; width: 656px; height: 53px; background-image:url(/images/template/header.png); }

.searchfield { margin-left: 15px; padding-top: 10px; }
.searchhead {  width: 173px;  height: 25px; background-image: url(/images/template/search_bg.jpg); }
.searchhead2 { color: #ffffff; FONT: bold 11px Arial, Helvetica, Sans-serif; padding: 5px 0 0 8px; }
.keywords { color: #000000; FONT: 12px Arial, Helvetica, Sans-serif;  width: 173px; height: 25px; border: 3px #cccccc solid; margin-top: -1px; }

.searchbutton { color: #000000; FONT: 11px Arial, Helvetica, Sans-serif; background-color: #cccccc; border: solid 0px #ffffff; height: 20px; width: 40px; }

.spirivalogo { position: absolute; top: 55px; left: 825px; z-index: 3; border-width: 0;}

/* Login/logout and user profile links */

/*.adminarea { position: absolute; right: 5px; top: 5px; padding: 5px; width: 120px; background-color: #0099CC; border: solid 1px #ffffff;}*/
.authenticationlink A:link, .authenticationlink A:active, .authenticationlink A:visited { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none;}
.authenticationlink A:hover { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.authenticationicon { margin-left: 3px; margin-right: 5px; border-width: 0px; vertical-align: middle;}

.adminsection {  position: absolute; top: 0px; left: 825px; z-index: 3; }
.adminsearchbutton { margin-top: 2px;} 
.adminsection A:link, .adminsection A:active, .adminsection A:visited { color: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.adminsection A:hover { color: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline; }

/* Main navigation section eg. modules */

.mainmenu { vertical-align: top;}

.menuitem1 {  }
.menuitem1active {  }
.menuitem1link a:link , .menuitem1link a:visited, .menuitem1link a:active { COLOR: #fff; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase; }
.menuitem1link a:hover { COLOR: #cff6fe; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase; }
.menuitem1linkactive A:link, .menuitem1linkactive A:visited, .menuitem1linkactive A:hover, .menuitem1linkactive A:active { COLOR: #baf0fc; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase;}
.menuitem1linkactive a:hover {COLOR: #baf0fc; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase; }
.menuitem1active { padding-bottom: 0;}
.menuitem1link, .menuitem1linkactive { padding-top: 8px; }

.menuitem1linkactive2 A:link, .menuitem1linkactive2 A:visited, .menuitem1linkactive2 A:hover, .menuitem1linkactive2 A:active { COLOR: #baf0fc; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase; }
.menuitem1linkactive2 a:hover { COLOR: #baf0fc; FONT: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase; }
.menuitem1active2 { padding-bottom: 0;}
.menuitem1linkactive2 { padding-top: 8px; }

.menuitemarea {padding-bottom: 5px; }

.menuitem2 { margin: 2px 0 0 0; }
.menuitem2link a:link , .menuitem2link a:visited, .menuitem2link a:active { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2link a:hover { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.menuitem2active { background-color: #70c9e9; margin: 2px 0 0 0; }
.menuitem2linkactive a:link , .menuitem2linkactive a:visited, .menuitem2linkactive a:active { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2linkactive a:hover { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2linkactive, .menuitem2link { padding: 3px 5px 2px 5px; }

.menuitem3 { background-image: none; background-repeat: no-repeat;}
.menuitem3link a:link , .menuitem3link a:visited, .menuitem3link a:active { COLOR: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem3link a:hover { COLOR: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.menuitem3link { padding: 2px 0 2px 5px; }
.menuitem3active { background-image: none; background-repeat: no-repeat;}
.menuitem3linkactive a:link , .menuitem3linkactive a:visited, .menuitem3linkactive a:active { COLOR: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.menuitem3linkactive a:hover { COLOR: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.menuitem3linkactive { padding: 2px 0 2px 5px; }


/* Navigation path */

.path { background-image: none; text-align: left;}
.pathlink { COLOR: #666666; FONT: 10px Arial, Helvetica, Sans-serif; padding-left: 15px; padding-top: 20px;}
.pathlink A:link, .pathlink A:active, .pathlink A:visited {color: #006633; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.pathlink A:hover {color: #006633; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline; }


/* Left and right borders of the layout and the main content area */

.mainsection { display: table; vertical-align: top; width: 100%; padding-bottom: 35px;   }

.mainsectionfooter { margin-bottom: 20px; }

/* The heading of the page */

.heading { COLOR: #32c8e6; FONT: bold 22px Arial, Helvetica, Sans-serif; padding: 20px 30px 0 40px; }


/* Secondary navigation a.k.a submenu */

.submenufield { text-align: right; }
.submenutable { margin-left: auto; margin-right: 0px; } 
.submenu A:link, .submenu A:active, .submenu A:visited { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 1px;}
.submenu A:hover { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; background-color: #ffffff; padding: 1px;}
.submenuactive A:link, .submenuactive A:active, .submenuactive A:visited { COLOR: #000000; FONT: 11px Arial, Helvetica, Sans-serif; background-color: #FFFFCC; text-decoration: none; padding: 1px;}
.submenu, .submenuactive { color: #ffffff; white-space: nowrap; height: 18px; padding-top: 1px; background-image:url(/images/template/submenu_bg.gif); }

.nosubmenu { height: 5px; width: 80%;}


/* The footer of the layout */

.footer { padding: 50px 0 0 20px; }

.footertext { float:left; COLOR: #fff; FONT: 10px Arial, Helvetica, Sans-serif; padding-top: 5px; padding-left: 40px;}
.footertext A:link, .footertext A:active, .footertext A:visited , .footertext A:hover { COLOR: #fff; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline;}

.footerlogo { float:left; padding-left: 40px; }
.footerlogo * { cursor: pointer; } /* <--- for IE6 */

/* custom styles */

/*.leftsection {  width: 180px; height: 80px; background-image: url(/images/template/leftside_bg.gif); background-repeat: no-repeat; background-color: #ffffff;}*/

.sitemenu { width: 760px; height: 30px; background-image: url(/images/template/sitemenu_bg.gif); background-repeat: repeat-x; text-align: right;}
.sitemenucell { padding-top: 8px; padding-right: 10px; }
.sitemenucelllink A:link, .sitemenucelllink A:visited, .sitemenucelllink A:active { COLOR: #ffffff; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: none; text-transform: uppercase;}
.sitemenucelllink A:hover  { COLOR: #ffffff; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline; text-transform: uppercase;}
.sitemenucelllinkactive A:link, .sitemenucelllinkactive A:visited, .sitemenucelllinkactive A:hover, .sitemenucelllinkactive A:active { COLOR: #ffffff; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline; text-transform: uppercase;}
.sitemenucelllink, .sitemenucelllinkactive { COLOR: #ffffff; FONT: bold 12px Arial, Helvetica, Sans-serif; }



/* Vertical menu in positioned layout */
/*
.menuitem1 { background-image:url(/images/template/mainmenuitem_bg.gif); background-repeat: no-repeat; background-color: #003366;}
.menuitem1active { background-image:url(/images/template/mainmenuitem_bg_act.gif); background-repeat: no-repeat; background-color: #006699;}
.menuitem1link a:link , .menuitem1link a:visited, .menuitem1link a:hover, .menuitem1link a:active { COLOR: #ffffff; FONT: bold 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem1linkactive A:link, .menuitem1linkactive A:visited, .menuitem1linkactive A:hover, .menuitem1linkactive A:active { COLOR: #ffffff; FONT: bold 11px Arial, Helvetica, Sans-serif; text-decoration: none;}
.menuitem1, .menuitem1active { height: 30px;}
.menuitem1link, .menuitem1linkactive { padding-left: 13px; padding-top: 6px; }

.menuitem2 { background-image:url(/images/template/mainmenusubitem_bg.gif); height: 19px; background-repeat: no-repeat; background-color: #99CCFF;}
.menuitem2link a:link , .menuitem2link a:visited, .menuitem2link a:hover, .menuitem2link a:active { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2link { padding-left: 24px; padding-top: 1px; }
.menuitem2active { background-image:url(/images/template/mainmenusubitem_bg_act.gif); height: 19px; background-repeat: no-repeat; background-color: #003366;}
.menuitem2linkactive a:link , .menuitem2linkactive a:visited, .menuitem2linkactive a:hover, .menuitem2linkactive a:active { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2linkactive { padding-left: 24px; padding-top: 1px; }

.menuitem3 { background-image:url(/images/template/mainmenusubitem2_bg.gif); background-repeat: no-repeat; background-color: #99CCFF;}
.menuitem3link a:link , .menuitem3link a:visited, .menuitem3link a:hover, .menuitem3link a:active { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem3link { padding-left: 32px; padding-top: 2px; }
.menuitem3active { background-image:url(/images/template/mainmenusubitem2_bg_act.gif); background-repeat: no-repeat; background-color: #99CCFF;}
.menuitem3linkactive a:link , .menuitem3linkactive a:visited, .menuitem3linkactive a:hover, .menuitem3linkactive a:active { COLOR: #003366; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem3linkactive { padding-left: 32px; padding-top: 2px; }
*/

.keuhkisbanner { margin: 5px 0 0 15px; }

.postcardbanner{ margin: 7px 0 0 15px; }

.header1 { width: 760px; height: 32px; background-image:url(/images/template/header1.jpg); }
.header2 { width: 760px; height: 120px; background-image:url(/images/template/header2.jpg); }
.header3 { width: 760px; height: 71px; background-image:url(/images/template/header3.jpg); }

.printsection { padding: 15px;}
.printsection A:link, .printsection A:active, .printsection A:visited { color: #000000; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.printsection A:hover { color: #000000; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: underline; }
.printicon { vertical-align: middle; }