@import url(editor.css);

/* Layout */

#wrapper {
	width: 950px;
	margin: 0 auto;
	}

#header {
	float: left;
	width: 950px;
	height: 155px;
	background: url(../img/bg_header.jpg) top center no-repeat;
	}
	
#headerCont {
	float: left;
	width: 950px;
	height: 124px;
	}

#headerCont a,
#headerCont a:active,
#headerCont a:visited {
	text-decoration: none;
	color: #99CCFF;
	}
	
#headerCont a:hover {
	text-decoration: underline;
	}
	
#headerCont .language {
	float: right;
	font-size: 11px;
	text-align: center;
	color: #99CCFF;
	width: 194px;
	height: 20px;
	padding: 4px 0 0 0;
	background: url(../img/language_bg.gif) top left no-repeat;
	clear: both;
	}
	
#headerCont .language ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	}
	
#headerCont .language li {
	float: left;
	line-height: 100%;
	padding: 0 5px 0 5px;
	border-left: 1px solid #99CCFF;
	}
	
#headerCont .language li.first {
	border: 0;
	}
	
#headerCont .search,
#headerCont .sivukartta {
	float: right;
	text-align: right;
	padding: 15px 12px 0 0;
	clear: both;
	}
	
#navigation {
	float: left;
	width: 890px;
	padding-left: 60px;
	}
	
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	float: left;
	height: 31px;
	}
	
#navigation li.nav1 {	background: url(../img/nav1.jpg) top left no-repeat; width: 190px; }
#navigation li.nav2 {	background: url(../img/nav2.jpg) top left no-repeat; width: 150px; }
#navigation li.nav3 {	background: url(../img/nav3.jpg) top left no-repeat; width: 150px; }
#navigation li.nav4 {	background: url(../img/nav4.jpg) top left no-repeat; width: 150px; }
#navigation li.nav5 {	background: url(../img/nav5.jpg) top left no-repeat; width: 191px; }

#navigation li a,
#navigation li a:active,
#navigation li a:visited {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	height: 23px;
	padding: 8px 0 0 0;
	display: block;
	}
	
#navigation li a:hover {
	color: #99CCFF;
	}
	
#navigation li.nav1 a {
	margin-left: 40px;
	}
	
#navigation li.nav5 a {
	margin-right: 40px;
	}
	
#body {
	float: left;
	width: 950px;
	margin-bottom: 20px; 
	background: #005BA9 url(../img/bg_body_top.gif) top center no-repeat;
	}
	
#body .bodyWrapper {
	float: left;
	width: 944px;
	min-height: 500px;
	padding: 4px 3px 18px 3px;
	background: url(../img/bg_body_bottom.gif) bottom center no-repeat;
	}
	
* html #body .bodyWrapper {
	height: 500px;
	}
	
/*#colCenter, #colLeft, #colRight
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}*/
	
.colCenter {
	float: left;
	width: 600px;
	margin-left: 170px;
	border-right: 2px solid #005BA9;
	border-left: 2px solid #005BA9;
	background: #005BA9;
	}
	
* html .colCenter {
	display: inline;
	}
	
.colCenter .colWrapper1 {
	float: left;
	width: 600px;
	background: #FFFFFF url(../img/mainblock_top.gif) top left no-repeat;
	}
	
.colCenter .colWrapper2 {
	float: left;
	width: 600px;
	background: url(../img/mainblock_bottom.gif) bottom left no-repeat;
	}
	
.colLeft {
	float: left;
	font-family: "Verdana", sans-serif;
	font-size: 85%;
	width: 170px;
	margin-left: -774px;
	background: #DBE9F6;
	}
	
.colRight {
	float: left;
	font-family: "Verdana", sans-serif;
	font-size: 70%;
	width: 170px;
	background: #DBE9F6;
	}
	
.colLeft .colWrapper1,
.colRight .colWrapper1 {
	float: left;
	width: 100%;
	background: url(../img/sideblock_top.gif) top left no-repeat;
	}
	
.colLeft .colWrapper2,
.colRight .colWrapper2 {
	float: left;
	width: 100%;
	background: url(../img/sideblock_bottom.gif) bottom left no-repeat;
	}
	
.colLeft .colWrapperCont,
.colRight .colWrapperCont {
	float: left;
	padding: 0 15px;
	width: 140px;
	}
	
.colCenter .colWrapperCont {
	padding: 20px 55px;
	}
	
.tilaa { float: left; padding: 0 8px 8px 8px; }
.tilaa hr { width: 140px;  }

body#EN .tilaa {
	display: none;
}
/* Content */

.structural {
	position: absolute;
	left:-9999px;	
	}

.colSpace {
	float: left;
	width: 100%;
	height: 2px;
	overflow: hidden;
	}

a.nuoli {
	display: block;
	}

.colLeft a.nuoli {
	background: url(../img/arrow_sideblock.gif) center right no-repeat;
	}
	
.colCenter a.nuoli {
	background: url(../img/arrow_centerblock.gif) top right no-repeat;
	}

.colLeft h1,
.colRight h1 {
	text-align: center;
	}
	
.colLeft #navigationSecond {
	float: left;
	width: 100%;
	}
	
.colLeft #navigationSecond h2 {
	color: #000000;
	}
	
.colLeft #navigationSecond h2 a,
.colLeft #navigationSecond h2 a:active,
.colLeft #navigationSecond h2 a:visited {
	text-decoration: none;
	color: #000000;
	}
	
.colLeft #navigationSecond h2 a:hover {
	color: #0066CC;
	}
	
.colLeft #navigationSecond ul {
	font-family: "Arial", sans-serif;
	font-size: 110%;
	list-style: none;
	line-height: 120%;
	margin: 5px 0;
	padding: 0;
	}

.colLeft #navigationSecond li { padding: 0 0 2px 0; }
.colLeft #navigationSecond li hr { display: none; }
.colLeft #navigationSecond ul ul { margin: 4px 0 0 10px; }
.colLeft #navigationSecond ul ul a { font-size: 90%; }
.colLeft #navigationSecond ul ul ul a { font-size: 80%; }
.colLeft #navigationSecond .current a,
.colLeft #navigationSecond .current .current a,
.colLeft #navigationSecond .current .current .current a { font-weight: bold; }
.colLeft #navigationSecond .current li a,
.colLeft #navigationSecond .current .current li a { font-weight: normal; }
	
.colLeft #navigationSecond a,
.colLeft #navigationSecond a:active,
.colLeft #navigationSecond a:visited {
	text-decoration: none;
	}
	
.colLeft #navigationSecond a:hover {
	color: #000000;
	}
	
.colLeft .tilaa span {
	text-align: center;
	margin: 0 0 5px 0;
	display: block;
	}
	
.centerImg {
	margin: 0 0 2px 0;
	}
	
.centerImg p {
	margin: 0;
	padding: 0;
	}
	
.centerImgFrontpage {
	position: relative;
	width: 600px;
	height: 250px;
	margin: 0 0 2px 0;
	background: #005BA9 url(../kuvat/ostoskarry.jpg) top left no-repeat;
	}
	
.centerImgFrontpage div {
	position: absolute;
	width: 600px;
	bottom: 0;
	right: 0;
	}
	
.centerImgFrontpage a,
.centerImgFrontpage a:active,
.centerImgFrontpage a:visited {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #1F5BA5;
	height: 20px;
	margin-top: auto;
	padding: 4px 29px 0 0;
	background: url(../img/arrow_ostoskarry.gif) bottom right no-repeat;
	display: block;
	}
	
iframe {
	border: 1px solid #aaa;
}

.calendar .description {
	margin: 0 0 10px 0;
	}

.calendar .description p {
	margin: 0;
	}

/* Form */

.recruitment tr td { 
  float: left;
  padding: 6px 0;
  }

.label { width: 250px; }

.input input { width: 228px; padding-top: 2px; padding-left: 2px; }

.text-area textarea { 
  width: 476px;
  height: 98px; 
  padding: 2px; 
  }

.course-name { width: 130px; margin-right: 10px; }
.course-organizer { width: 130px; margin-right: 10px; }
.course-length { width: 93px; margin-right: 10px; }
.course-length input { width: 93px; }
.course-year, .course-year input { width: 93px;}

.Required {
  position: relative;
  color: #ff0000;
  top: 2px;
  }

.form-title {
  font-weight: bolder;
  font-size: 15px;
  margin: 15px 0 0 0;
  color: #444;
  }

.submit { cursor: pointer; }

/* Summary */

.summaryKey-heading {
  font-weight: bolder;
  font-size: 15px;
  padding: 15px 0 10px 0;
  color: #444;
  }

.summaryKey-textarea, summaryKey-textfield { padding: 2px; }

.summaryValue { padding: 5px 0px; font-size: 110%; }