body {
	background: #dbdde2;
	color: #222;
	margin: 0px 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	
}

li { list-style-type: square;
	solid #CCC;}
strong, b {
	font-weight: bold;
}
ol, ul {

}

#wrap {
	width: 960px;
	margin: 0 auto;
	background: #FFF;	
	position: relative;
}

#side {
	width:300px;
	height: 880px;
	background-color: #ffffff;
	background-image: url(side.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#sidebg {
	width:300px;
	height: 680px;
	background-color: #ffffff;
	background-image: url(sidebg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#slide {
  position: absolute;
	left: 300px;
  width: 656px;
  height: 180px;
	border-bottom: 2px solid #b0b91e;
	border-top: 3px solid #b0b91e;
	border-left: 2px solid #b0b91e;
	border-right: 2px solid #b0b91e;
}
#picture {
  position: absolute;
	left: 300px;
	width: 656px;
  height: 180px;
	float: left;
	border-bottom: 2px solid #b0b91e;
	border-top: 3px solid #b0b91e;
	border-left: 2px solid #b0b91e;
	border-right: 2px solid #b0b91e;
}

#gateways {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 4px;
	top: 270px;
	color: #eff1d2;
	line-height: 1.4;
	padding-left: 4px;
	letter-spacing: .01em;
	font-size: 18px;
}

#gateways h5, #gateways li {
  padding-left: 4px;
	font-size: 18px;

}
#gateways ul {
 padding-left: -10px;

}
#gateways ul li {
  font-family: Arial;
  font-size: 16px;
	color: #FFFFFF;
}
#gateways ul li a:hover {
	color: #FFFFFF;
}
#gateways strong {
	font-size: 1.15384em;
	color: #f8f1e6;
}

#writing {
	font-family: Arial;
	position: absolute;
	left: 95px;
	top: 500px;
	color: #eab143;
	line-height: 1.4;
	padding-left: 4px;
	letter-spacing: .01em;
	font-size: 24px;
}

#writing a:link {
	color: #eab123;
}
#writing a:hover {
	color: #eab123;
}
#writing a:visited {
	color: #eab123;
}
#info {
  
	position: absolute;
	left: 20px;
	top: 190px;
	font-size: 16px;
	color: #444;
	width: 620px;
	text-align: justify;
}

#info h2 {
	border-bottom:1px dotted #dedede;
	line-height:120%;
	color:#000099;
	padding:0 0 5px 0;
	margin:20px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}
#info h3 {
	border-bottom:1px dotted #dedede;
	line-height:120%;
	color:#000000;
	padding:0 0 5px 0;
	margin:20px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}
#info hr{
	border-bottom:1px dashed #dedede;
	width:95%;
	align: center;
	}


#home {
	position: absolute;
	left: 320px;
	top: 100px;
	font-size: 18px;
	color: #444;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 600px;
}

#scihome {
	position: absolute;
	left: 400px;
	top: 100px;
	font-size: 18px;
	color: #444;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 500px;
}
#course1 {
	position: absolute;
	left: 320px;
	top: 130px;
	font-size: 28px;
	color: #444;
	width: 620px;
	text-align: center;
}

#course2 {
	position: absolute;
	left: 320px;
	top: 170px;
	font-size: 16px;
	color: #000033;
	width: 620px;
	text-align: justify;
}

#scitext {
	position: absolute;
	left: 400px;
	top: 150px;
	font-size: 18px;
	color: #000033;
	width: 550px;
	text-align: justify;
}


#week {
	position: absolute;
	left: 320px;
	top: 350px;
	font-size: 18px;
	color: #000033;
	width: 630px;
	text-align: left;
	height: 300px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#mon {
	position: absolute;
	left: 0px;
	background-color:#b0b91e;
	width: 100px;
	height:25px;
	
}

#tue {
	position: absolute;
	left: 120px;
	background-color:#b0b91e;
	width: 100px;
	height:25px;
	
}

#wed {
	position: absolute;
	left: 240px;
	background-color:#b0b91e;
	width: 100px;
	height:25px;

}

#thu {
	position: absolute;
	left: 360px;
	background-color:#b0b91e;
	width: 100px;
	height:25px;

}
#fri {
	position: absolute;
	left: 480px;
	background-color:#b0b91e;
	width: 100px;
	height:25px;

}


#monday {
	background-color:#CCCCCC;
	position: absolute;
	left: 0px;
	top: 35px;
	width: 580px;
	height: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000FF;
}
#tuesday {
	background-color:#CCCCCC;
	position: absolute;
	left: 0px;
	top: 35px;
	width: 580px;
	height: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000FF;


}
#wednesday {
	background-color:#CCCCCC;
	position: absolute;
	left: 0px;
	top: 35px;
	width: 580px;
	height: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000FF;

}
#thursday {
	background-color:#CCCCCC;
	position: absolute;
	left: 0px;
	top: 35px;
	width: 580px;
	height: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000FF;

}
#friday {
	background-color:#CCCCCC;
	position: absolute;
	left: 0px;
	top: 35px;
	width: 580px;
	height: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000FF;

}

#accom {
	position: relative;
	top: 0px;
	font-size: 18px;
	color: #000033;
	text-align: justify;

}
span.course {
	font-weight: bold;
	color: #bc1737;
  	font-size: 28px;
}

#sci1 {
  background: #FFFFFF;
	position: absolute;
	left: 400px;
	top: 100px;
	font-size: 16px;
	color: #333;
	width: 570px;
	height:768px;
	font: Helvetica, "Lucida Sans Unicode";
}
#sci2 {
	font-weight: bold;
	color: #bc1737;
  font-size: 28px;
  text-align: center;
}
#sci3 {
	font-weight: normal;
	color: #000000;
  font-size: 16px;
  text-align: justify;
  padding-left: 60px;
  padding-right: 30px;
}


#content{
	background: #2e5499;
	color: #444;
	text-align: justify;
	width: 620px;
	height: 200px;
}

#modules {
	position: relative;
	left: 15px;
	top: 190px;
	width: 645px;
	height: 320px;
	float: left;
	font-size: 18px;
	background: #e8f2c7;
	text-align: justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b0b91d;
}

#mod1 {
	float: left;
	width: 640px;
	border-top-color: #b0b910;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-right-color: #b0b910;
	border-bottom-color: #b0b910;
	border-left-color: #b0b910;

}
#mod1text {
	padding-left: 10px;
	color: #0000ff;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 18px;
	width: auto;


}
#mod2 {
	float: left;
	width: 640px;
	height: 24px;
	border-bottom: 1px solid #b0b91d;
	position: relative;
	clear: none;
}

#mod2text {
	padding-left: 8px;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 15px;
	border-bottom: 1px solid #b0b91d;
	background-color: #b0b91d;
}
#modbtext {
	padding-left: 8px;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 15px;
	border-bottom: 1px solid #b0b91d;
	background-color: #FFFFFF;
}
#mod3 {
	float: left;
	width: 640px;
	height: auto;
	background-color: #FFFFFF;
}
#mod3text {
  padding-left: 12px;
  padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 15px;
}
#mod4 {
	position: relative;
	top:auto;
	right: 0px;
	float: left;
	width: 640px;
	height: 175px;
	background-color: #FFFFFF;
	
}
#mod4text{
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 15px;
	color: #c37209;
	float: left;
	height: auto;
	width: 328px;

}
#mod4text2{
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 15px;
	color: #c37209;
	float: none;
	height: auto;
	width: auto;

}
span.joensuu {
	font-weight: bold;
	color: #bc1737;
  font-size: 28px;
}


#foot{
	background: url("foot.gif") top left repeat-x;
	width: 962px;
	height: 40px;
	position: relative;
}
#foottext{
	padding-top: 8px;
  color: #444;
	text-align: center;
	font-size: 12px;
}

.container, .container *{margin:0; padding:0;}
.container{width:656px; height:180px; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:656px; height:180px; display:block;}
.slider2{width:3600px;}
.slider2 li{float:left;}
.num{ position:absolute; right:5px; bottom:5px;}
.num li{
float: left;
color: #FF7300;
text-align: center;
line-height: 16px;
width: 16px;
height: 16px;
font-family: Arial;
font-size: 12px;
cursor: pointer;
overflow: hidden;
margin: 3px 1px;
border: 1px solid #FF7300;
background-color: #fff;
}
.num li.on{
color: #fff;
line-height: 21px;
width: 21px;
height: 21px;
font-size: 16px;
margin: 0 1px;
border: 0;
background-color: #FF7300;
font-weight: bold;
}