BODY {  
	COLOR: #000000; FONT: 9pt Verdana, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #cccccc; background-repeat: repeat-x; text-align: center;
	/*scrollbar-face-color: #EDF1F4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #EDF1F4;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #3A425B;
	scrollbar-track-color: #F7F7F7;
	scrollbar-darkshadow-color: #98AAB1;*/
	margin-top: 20px;
	padding: 0;
}

form { margin: 0; padding: 0 0 0 0; }

/* Defines the alignment and width of the layout */

.outerframe { margin-left: auto; margin-right: auto; width: 750px; text-align: left; }


/* Header field */

.headerimage { width: 750px; height: 96px; border-width: 0px; background-image:url(/images/template/header.gif); text-align: right; }
.searchfield { margin-right: 20px; margin-left: auto; padding-top: 20px; width: 180px; text-align: left; vertical-align: top;}
.headerlinks A:link, .headerlinks A:active, .headerlinks A:visited { COLOR: #666666; FONT: 9px Verdana, Arial, Helvetica, Sans-serif;text-decoration: none;}
.headerlinks A:hover { COLOR: #333333; FONT: 9px Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; }
.headerlinks { margin-left: 0px; COLOR: #666666; FONT: 9px Verdana, Arial, Helvetica, Sans-serif;}
.searchbutton { color: #ffffff; FONT: 11px Verdana, Arial, Helvetica, Sans-serif; background-color: #82AFF4; border-color: #666666; height: 20px; border-width: 0px; }

/* Login/logout and user profile links */

.authentication {COLOR: #cccccc; width: 740px; text-align: right; margin-bottom: 4px;}
.authenticationlink A:link, .authenticationlink A:active, .authenticationlink A:visited { COLOR: #666666; FONT: 9px Verdana, Arial, Helvetica, Sans-serif;text-decoration: none;}
.authenticationlink A:hover { COLOR: #333333; FONT: 9px Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; }
.authenticationicon { margin-right: 5px; margin-left: 1px; border-width: 0px; vertical-align: middle;}


/* Main navigation section eg. modules */

.leftmenuhead { background-image:url(/images/template/leftmenuhead_bg.gif); background-repeat: no-repeat; width: 142px;  padding-top: 3px; padding-bottom: 10px }
.leftmenuhead A:link, .leftmenuhead A:active, .leftmenuhead A:visited { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding-left: 23px;}

.menusection { background-color: #B7B5B6; width: 750px; height: 25px;}
.menutable { margin-left: 20px; height: 25px;}
.menuitem1 A:link, .menuitem1 A:active, .menuitem1 A:visited { 
	display: block;
	padding: 7px;
	text-decoration: none;
	COLOR: #ffffff; 
	FONT: bold 10px Arial, Helvetica, Sans-serif; 
	text-transform: uppercase; 
	text-decoration: none; 
	margin-left: 3px; 
	margin-right: 3px;
}
.menuitem1 A:hover { background-color: #cccccc;}
.menuitem1active A:link, .menuitem1active A:active, .menuitem1active A:visited { 
	display: block;
	padding: 7px;
	background: #cccccc;
	text-decoration: none;
	COLOR: #ffffff; 
	FONT: bold 10px Arial, Helvetica, Sans-serif; 
	text-transform: uppercase; 
	text-decoration: none; 
	margin-left: 3px; 
	margin-right: 3px;
}
.menuitem1, .menuitem1active { white-space: nowrap; text-align: center; }

.menuitem2 {   }
.menuitem2link a:link , .menuitem2link a:visited, .menuitem2link a:hover, .menuitem2link a:active { COLOR: #339933; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2link { padding-left: 15px; padding-top: 1px; }
.menuitem2active {  }
.menuitem2linkactive a:link , .menuitem2linkactive a:visited, .menuitem2linkactive a:hover, .menuitem2linkactive a:active { COLOR: #339933; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.menuitem2linkactive { padding-left: 15px; padding-top: 1px; }

/* Navigation path */

.path { margin: 15px 0 0px 0; text-align: left;}
.pathlink { COLOR: #666666; FONT: 10px Verdana, Arial, Helvetica, Sans-serif; padding-left: 25px; padding-top: 5px;}
.pathlink A:link, .pathlink A:active, .pathlink A:visited {color: #333333; FONT: 10px Verdana, Arial, Helvetica, Sans-serif; text-decoration: none; }


/* Left and right borders of the layout and the main content area */

.imagetopleft { margin-top: 20px; margin-bottom: 20px; }

.borderleft { width: 142px; vertical-align: top; height: 300px; }
.mainsection { vertical-align: top; background-color: #ffffff; margin-left: 0px; margin-right: auto; text-align: left; }
.columnright { vertical-align: top; width: 150px; background-color: #ffffff;}
.columnrightpalkki { width: 150px; height: 115px; background-color: #ffffff; }
.borderright { width: 25px; background-color: #51B848; vertical-align: top; }
.borderrightpalkki { width: 25px; height: 115px; background-color: #ffffff; }


/* The heading of the page */

.heading { COLOR: #339933; FONT: 18pt Arial, Helvetica, Sans-serif; padding-left: 25px; padding-top: 15px; }


/* 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: #339933; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; }
.submenu A:hover { COLOR: #339933; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none;}
.submenuactive A:link, .submenuactive A:active, .submenuactive A:visited { COLOR: #339933; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: underline;}
.submenu, .submenuactive { padding: 8px; }
.submenuseparator { color: #cccccc; }

.nosubmenu { height: 5px; width: 100%;}


/* The footer of the layout */

.footer { margin-top: 20px; width: 750px; border-top: 1px #B7B5B6 solid; border-bottom: 12px #B7B5B6 solid;  }
.footertext {  COLOR: #999999; FONT: 10px Arial, Helvetica, Sans-serif; text-align: right; padding: 5px 0 5px 0;}

/* 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; }
*/
