html, body {
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 22px;	
	color: #302c27;
	text-align: center;
	background-color: #fff;
    background: url(../img/body.gif) center top repeat-y #fff;
}

body a img, body a:hover img {
	border: none;
}

body a 
{
	color: #2099D8;
	text-decoration: none;
}	
		
body a:hover {
	color: #2099D8;
	text-decoration: underline;
}

html>body h1, html>body h2, html>body h3, html>body h4 {
	margin: auto;
}

h1
{
	font-size: 25px;
	font-weight: normal;
}

/* Site text classes - other than content classes */
.NewsTitle
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 16px;
}

body a, body a:hover
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #e1243a;
}

hr {	
	width: 100%;
	height: 1px;
}

#HorizontalLine
{
	display: block;
	position: relative;
	margin: 20px 0 20px 0;
	background: url(../img/horizontalline.gif) bottom left repeat-x;
	height: 2px;
	width: 100%;
}

#HorizontalLine:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

body p {margin: 0 0 15px 0;padding: 0;}

/* Set static page width */
#Wrapper, #Container, #Header, #Footer
{
    width:  1003px;
} 
#Columns, #MenuBar, #SubMenuBar
{
	width: 940px;
}

#Wrapper {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
    background: url(../img/bg08.gif) left top repeat-y;
}
html>body #Wrapper {border-bottom: 1px transparent; height: auto;}

/* This is needed for clearing floats inside container */
#Wrapper:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Container {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
    /*background: url(../img/bg.gif) left top no-repeat;*/
}
/*html>body #Container
{
	border-bottom: 1px transparent;	
}*/

/* This is needed for clearing floats inside container */
#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

table
{
	border: none;
}

#Header {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 251px;
    overflow: hidden;
    clear: both;
    background: url(../img/header08.gif) left top no-repeat;
}

#HeaderENG {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 251px;
    overflow: hidden;
    clear: both;
    background: url(../img/header08eng.gif) left top no-repeat;
}


#HeaderGER {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 251px;
    overflow: hidden;
    clear: both;
    background: url(../img/header08ger.gif) left top no-repeat;
}


#HeaderSWE {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 251px;
    overflow: hidden;
    clear: both;
    background: url(../img/header08swe.gif) left top no-repeat;
}


#Logo
{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 150px;
	width: 190px;
	height: 130px;
}

#SABanner
{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 270px;
	width: 684px;
	height: 200px;
	/*background-color: Fuchsia;*/
}

#MenuBar
{
	display: block;
	position: relative;
	top: 213px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 38px;
	overflow: hidden;
	background-color: Transparent;
	clear: both;
}

#ControlColumn
{
	position: absolute;
	display: block;
	top: 251px;
	right: 0px;
	margin: -3px;
	padding: 0;
	width: 33px;
	height: 300px;
    z-index: 1;
    overflow: hidden;
}

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

#ControlColumn li
{
	display: inline;
	position: relative;
	float: left;
	width: 33px;
	height: 33px;
	margin: 0 0 2px 0;
	overflow: hidden;
}

#Control1 {background: url(../img/control1.gif) top left no-repeat;}
#Control2 {background: url(../img/control2.gif) top left no-repeat;}
#Control3 {background: url(../img/control3.gif) top left no-repeat;}
#Control4ENG {background: url(../img/fin_lippu.jpg) top left no-repeat;width: 33px;height: 33px;}
#Control4FIN {background: url(../img/eng_lippu.jpg) top left no-repeat;}
#Control4SWE {background: url(../img/swe_lippu.gif) top left no-repeat;}
#Control4GER {background: url(../img/ger_lippu.gif) top left no-repeat;}


#Control1 a:hover {background: url(../img/control1_mouseover.gif) top left no-repeat;}
#Control2 a:hover {background: url(../img/control2_mouseover.gif) top left no-repeat;}
#Control3 a:hover {background: url(../img/control3_mouseover.gif) top left no-repeat;}
#Control4ENG a:hover {background: url(../img/fin_lippu_over.jpg) top left no-repeat;}
#Control4FIN a:hover {background: url(../img/eng_lippu_over.jpg) top left no-repeat;}
#Control4SWE a:hover {background: url(../img/swe_lippu_over.gif) top left no-repeat;}
#Control4GER a:hover {background: url(../img/ger_lippu_over.gif) top left no-repeat;}

#ControlColumn a
{
	display: inline;
	position: relative;
	float: left;
	width: 30px;
	height:30px;
}

#Columns 
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 32px;
	width: 1003px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    clear: both;
    float: left;
    overflow: hidden;
}
html>body #Columns {height:auto; padding: 0 0 0 32px;}

#Columns:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#C1 {  
	position: relative;
	display: block;
	float: left;	
	margin: 30px 0 30px 0;
	padding: 0;
	width: 360px;
	overflow: hidden;
	/*background-color: Blue;*/
}
html>body #C1 {height: auto;}

#C2 {
	position: relative;
	display: block;
	float: left;
	width: 580px;
	margin: 30px 0 30px 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
    /*background-color: Aqua;*/
}
html>body #C2 {height: auto;}

.MinHeight {
	position: relative;
	display: block;
	float: left;
	width: 0px;
	height: 0;
	overflow: hidden;
}

.MinHeight1px {
	position: relative;
	display: block;
	float: left;
	width: 1px;
	min-height: 0;
	overflow: visible;
}

/*#ContactDiv {
    display: inline;
    position: relative;
    float: left;
    margin: 0;
    padding: 24px 0 0 21px;
    width: 199px;
    color: #d9e7ec;
    background: url(../img/contact.gif) top left no-repeat;
    background-color: Transparent;
    overflow: hidden;
}
html>body #ContactDiv {height: auto;}*/

#Footer {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 55px;
    clear: both;
    color: #B0B1B0;
	overflow: hidden;
	background: url(../img/footer08.gif) left top no-repeat;
}	
#Footer a {color:#B0B1B0;}


/********************************* SAContent ********/
#SA1Container, #SA2Container, #SA3Container, #SA4Container
{
	display: block;
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	padding: 0 45px 0 45px;
	width: 490px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: both;
}
html>body #SA1Container {padding: 0;}
html>body #SA2Container {padding: 0;}
html>body #SA3Container {padding: 0;}
html>body #SA4Container {padding: 0;}

#SA1Container:after, #SA2Container:after, #SA3Container:after, #SA4Container:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#SAContent1, #SAContent2, #SAContent3, #SAContent4
{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 490px;
}

#C1 #SA5Container
{
	padding-left: 30px;
	width: 300px;
	text-align: left;
}

#NewsContainer
{
	display: block;
	position: relative;
	padding: 0 45px 0 45px;
	margin: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 490px;
}
html>body #NewsContainer {padding: 0;}

#NewsContainer table th
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	padding: 20px 0 5px 0;
	text-align: left;
}
html>body #NewsContainer table th {height: auto;}

#NewsContainer table td
{
	padding: 0;
	margin: 0 0 10px 0;
	width: 490px;
	text-align: left;
	line-height: 22px;
}
html>body #NewsContainer table td {height: auto;}

#SAArea1 {
	display: block;
	position: relative;
    margin: 15px 0 20px 5px;
	padding: 0;
	width: 565px;
	overflow: hidden;
}

#SAInclude1 {
    display: block;
    position: absolute;
    right: 12px;
    top: 100px;
    width: 117px;
    overflow: hidden;
}

#SAInclude3 {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

/********************************* Other styles********/

#testikuva
{
	display: block;
	position: relative;
	float: left;
}

#Map
{
	position: relative;
	display: block;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 358px;
	background: url(../img/horizontalline.gif) bottom left repeat-x #fff;
	text-align: left;
	overflow: visible;
	min-height: 215px;
	height: 215px;
	border: 0px solid;
}
html>body #Map {min-height: 215px; height: auto; width: 348px;}

#Map:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Map #imgMap
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 200px;
	width: 180px;
}

#Map #SAContent5
{
	position: relative;
	display: block;
	float: left;
	width: 140px;
	text-align: left;
	margin: 0;
	padding: 10px 0 5px 7px;
	overflow: visible;
}

#sMap
{
	display: block;
	float: left;
	width: 180px;
	height: 200px;
	background: url(../img/map.gif) top left no-repeat;
	border: none;
}

#uusiMap
{
	display: block;
	float: left;
	width: 194px;
	height: 168px;
	/*background: url(../img/map.gif) top left no-repeat;*/
	border: none;
}

#aMap:hover
{
	background: url(../img/map_mouseover.gif) top left no-repeat;
	border: none;
}

#Semesters
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#Semesters li
{
	display: inline;
	padding-right: 5px;
}

#Banners
{
	position: relative;
	display: block;
	margin: 0 3px 0 0;
	padding: 20px 10px 0 10px;
	width: 338px;
}

#Banners img
{
	padding: 0;
	margin: 0 0 5px 0;
	border: none;
	width: 272px;
/*	height: 83px;*/
}

#Banners a
{
	padding: 0;
	margin: 0;
}



/**************** HOKKASEN LISAYKSET 280907 ***********/

.Column 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

.BlockElementUnCleared {
	position: relative;
	display: block;
	overflow: hidden;
}

.BlockElement {
	position: relative;
	display: block;
	overflow: hidden;
}

.BlockElement:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


.Width1 {width: 1px;overflow: hidden;}
.Width7 {width: 7px;overflow: hidden;}
.Width10 {width: 10px;overflow:hidden}
.Width11 {width: 11px;}
.Width40 {width: 40px;}
.Width72 {width: 72px;}
.Width80 {width: 80px;}
.Width108 {width: 108px;}
.Width115 {width: 115px;}
.Width130 {width: 130px;}
.Width145 {width: 145px;}
.Width150 {width: 150px;}
.Width155 {width: 155px;}
.Width159 {width: 159px;}
.Width160 {width: 160px;}
.Width165 {width: 165px;}
.Width166 {width: 166px;}
.Width170 {width: 170px;}
.Width172 {width: 172px;}
.Width180 {width: 180px;}
.Width181 {width: 181px;}
.Width186 {width: 186px;}
.Width191 {width: 191px;}
.Width192 {width: 192px;}
.Width198 {width: 198px;}
.Width200 {width: 200px;}
.Width202 {width: 202px;}
.Width205 {width: 205px;}
.Width215 {width: 215px;}
.Width216 {width: 216px;}
.Width225 {width: 225px;}
.Width245 {width: 245px;}
.Width250 {width: 250px;}
.Width290 {width: 290px;}
.Width260 {width: 260px;}
.Width300 {width: 300px;}
.Width305 {width: 305px;}
.Width350 {width: 350px;}
.Width356 {width: 356px;}
.Width357 {width: 357px;}
.Width383 {width: 383px;}
.Width400 {width: 400px;}
.Width425 {width: 425px;}
.Width546 {width: 425px;}
.Width454 {width: 454px;}
.Width530 {width: 530px;}
.Width532 {width: 532px;}
.Width550 {width: 550px;}
.Width564 {width: 564px;}
.Width570 {width: 570px;}

.Width576 {width: 576px;}
.Width700 {width: 700px;}
.Width722 {width: 722px;}
.Width763 {width: 763px;}
.Width766 {width: 766px;}
.Width769 {width: 769px;}
.Width840 {width: 840px;}
.Width886 {width: 886px;}

.LeftMargin0 {margin-left: 0px!important;}
.LeftMargin1 {margin-left: 1px;}
.LeftMargin2 {margin-left: 2px;}
.LeftMargin3 {margin-left: 3px;}
.LeftMargin10 {margin-left: 10px;}
.LeftMargin13 {margin-left: 13px;}
.LeftMargin17 {margin-left: 17px;}
.LeftMargin20 {margin-left: 20px;}
.LeftMargin45 {margin-left: 45px;}

.VerticalPadding3 {padding-top: 3px!important;padding-bottom:3px!important;}
.VerticalPadding7 {padding-top: 7px!important;padding-bottom:7px!important;}
.VerticalPadding10 {padding-top: 10px!important;padding-bottom:10px!important;}
.VerticalPadding20 {padding-top: 20px!important;padding-bottom:20px!important;}

.GrayFrames570 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 568px;
}

* html .GrayFrames570 {width: 570px;}

.GrayFrames198 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 196px;
}

* html .GrayFrames198 {width: 198px;}

.GrayFrames769 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 767px;
}

* html .GrayFrames769 {width: 769px;}

.GrayFrames383 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 381px;
}

* html .GrayFrames383 {width: 383px;}

.GrayFrames191 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 189px;
}

* html .GrayFrames191 {width: 191px;}


.GrayFrames192 {
	display: block;
	position: relative;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #E7E7E7;
	width: 190px;
}

* html .GrayFrames192 {width: 192px;}


/******* Lisätty 18.12.2007 - alkaa ***********/
#DropDowns {margin: 0 30px 0 30px; text-align: left;}
#DropDowns div
{
	text-align: left;
	display: block;
	margin: 10px 0 10px 0;
	width: 100px;
}
#DropDowns select {width: 300px;}

#ulLocations
{
	margin: 20px 30px 0 50px;
	padding: 0;
	list-style: none;
	text-align: left;
}
#ulLocations li {margin-left: 20px;}
#ulLocations li.Selected a {text-decoration: underline;}

.liTitle {font-weight: bold; margin-left: 0!important;}
.liTitleENG {display:none;}
/******* Lisätty 18.12.2007 - loppuu ***********/