body {	background-color: #F9F9F9; background-image: url(images/bg_page.gif); margin-left:0; margin-right:0; margin-top:10; margin-bottom:0; margin-width:0; margin-height:10; scrollbar-arrow-color: #339900; scrollbar-base-color: #EEEEEE; font-family: Arial, Helvetica, sans-serif; }

div#nav ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 3px 0px;
	}

div#nav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
    position: relative;
	width: 152px;
	border-style: solid;
	border-width: 10px 4px 5px 0px;
	border-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	}

div#nav ul li a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 3px 0px;
	background-color: #0033cc;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	}
	
div#nav ul li a:hover { 
	color: #fff;
	background-image: url(images/nav_selected.gif);
	background-color: #339900;
	}
	
div#nav ul li a.course:hover { 
	color: #fff;
	background-image: url(images/nav_selected.gif);
	background-color: #339900;
	}
	
div#nav ul li a.selected {
	color: #fff;
	background-image: url(images/nav_selected.gif);
	background-color: #339900;
}
	
div#nav ul li a.course {
	color: #fff;
	background-image: url(images/nav_course.gif);
	background-color: #999;
}

div#kurssit ul {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display: block;
	list-style-type: none;
	}

div#kurssit ul li {
	width: 400px;
	text-align: left;
	text-indent: 15px;
	padding: 2px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	background-color: #eaf3d8;
	background-image: url(images/tab_kurssit.gif);
	background-repeat: no-repeat;
	color: #000;
	}

div#kurssit ul li.bottom {
	border-width: 10px 0px 0px 0px;
	background-color: #0033cc;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	padding: 5px 0px;
	text-indent: 0px;
	text-align: center;
	color: #fff;
	}

div#kurssit ul li a {
	text-decoration: none;
	color: #000;
	}

div#kurssit ul li a:hover {
font-weight: bold;
}

div#objectives {
	position: relative;
	margin: 0px;
	padding: 2px;
	display: block;
	background-color: #eaf3d8;
	background-image: url(images/tab_kurssit.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #000;
	border-width: 0px;
	}

div#objectives h2 { 
	margin: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	}

div#objectives p { 
	margin: 10px;
	font-weight: bold;
	}
	
div#objectives ul {
	margin: 0px 5px 10px 25px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}
	
div#objectives ul li {
	padding: 0px 5px 3px 0px;
}

div#objectives ul li.download a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
	}
	
div#overview ul {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: inside;
}

ul.aikataulut {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display: block;
	list-style-type:disc;
	}

ul.aikataulut li {
	text-align: left;
	text-indent: 5px;
	padding: 0px 0px;
	}

p.aikataulut { margin: 15px 0px 0px 0px; }

h1.objectives {color: #339900; margin: 15px 0px; }
h1.overview {margin: 0px; }

/* Fix IE. Hide from IE Mac \*/
div#nav * html ul li { float: left; height: 1%; }
div#nav * html ul li a { height: 1%; }
div#kurssit * html ul li { height: 1%; }
div#kurssit * html ul li a { height: 1%; }
div#objectives * html ul li { height: 1%; }
div#objectives * html ul li a { height: 1%; }

p { margin: 10px 0px;
	text-align: justify; }
	
p.center { margin: 10px 0px;
	text-align: center; }
	
table.schedule { 
	border-style: solid;
	border-width: 0px; 
	border-color: #fff;	
	padding: 3px; }
	
td.schedule {
	background-image: url(images/tab_kurssit.gif);
	height: 22px;
	font-weight: bold;
	background-color: #eaf3d8;
	background-repeat: no-repeat; }

td {font-size: 13px; font-weight: normal; }

.tdReg {font-size: 13px; font-weight: normal; color: #000000}
.tdReg A:link {text-decoration: underline; color: #0033cc}
.tdReg A:visited {text-decoration: underline; color: #0033cc}
.tdReg A:active {text-decoration: underline; color: #339900}
.tdReg A:hover {text-decoration: underline; color: #339900}

.tdWht {font-size: 13px; font-weight: normal; color: #ffffff}
.tdWhtBold {font-size: 13px; font-weight: bold; color: #ffffff}

.subMenu {font-size: 12px; font-weight: normal; color: #ffffff}
.subMenuBold {font-size: 12px; font-weight: bold; color: #ffffff}
.subMenu A:link {text-decoration: underline; color: #669933}
.subMenu A:visited {text-decoration: underline; color: #669933}
.subMenu A:active {text-decoration: underline; color: #669933}
.subMenu A:hover {text-decoration: underline; color: #669933}

.subMenuGry {font-size: 8px; font-weight: normal; color: #c7c7c7}
.subMenuGry A:link {text-decoration: underline; color: #c7c7c7}
.subMenuGry A:visited {text-decoration: underline; color: #c7c7c7}
.subMenuGry A:active {text-decoration: underline; color: #669933}
.subMenuGry A:hover {text-decoration: underline; color: #669933}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0033cc; margin: 10px 0px; }
h1 A:link {text-decoration: underline; color: #0033cc}
h1 A:visited {text-decoration: underline; color: #0033cc}
h1 A:active {text-decoration: underline; color: #339900}
h1 A:hover {text-decoration: underline; color: #339900}

h2 {font-size: 13px; font-weight: bold; color: #000000; margin: 10px 0px; }
h2 A:link {text-decoration: underline; color: #0033cc}
h2 A:visited {text-decoration: underline; color: #0033cc}
h2 A:active {text-decoration: underline; color: #339900}
h2 A:hover {text-decoration: underline; color: #339900}

.tdRegHead {font-size: 13px; font-weight: bold; color: #0033cc}
.tdRegHead A:link {text-decoration: underline; color: #0033cc}
.tdRegHead A:visited {text-decoration: underline; color: #0033cc}
.tdRegHead A:active {text-decoration: underline; color: #339900}
.tdRegHead A:hover {text-decoration: underline; color: #339900}

.tdRegHdLrg {font-size: 18px; font-weight: bold; color: #0033cc}

.tdRegBlue {font-size: 13px; font-weight: normal; color: #0033cc}
.tdRegBlue A:link {text-decoration: underline; color: #0033cc}
.tdRegBlue A:visited {text-decoration: underline; color: #0033cc}
.tdRegBlue A:active {text-decoration: underline; color: #339900}
.tdRegBlue A:hover {text-decoration: underline; color: #339900}

.tdRegBold {font-size: 13px; font-weight: bold; color: #000000}
.tdRegBold A:link {text-decoration: underline; color: #669933}
.tdRegBold A:visited {text-decoration: underline; color: #669933}
.tdRegBold A:active {text-decoration: underline; color: #666666}
.tdRegBold A:hover {text-decoration: underline; color: #666666}


.tdRegGreen {font-size: 13px; font-weight: normal; color: #669933}
.tdRegGrBold {font-size: 13px; font-weight: bold; color: #669933}