/* CSS Document */

html {
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
    font-size:76%;
    font-family:Verdana, sans-serif;
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ 
    overflow:hidden; 
    /* */ 
}

body {
    height:100%;
    max-height:100%;
    overflow:hidden;
    padding:0;
    margin:0;
    border:0;
    background:#006766;
}

#container {
    display:block;
    position:absolute;
    top:30px;
    left:50%;
    width:722px;
    height:531px;
    margin-left:-361px;
    background:#ffffff;
    z-index:0;
}

* html #container {
    top:30px;
    width:722px;
    height:530px;
}

#at_logo {
	display:block;
	width:38px;
	height:44px;
	background:url(images/AT_logo.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	top:33px;
	margin-left:319px;
	left:50%;
}

* html #at_logo {
	top:33px;
	width:38px;
	height:44px;
	background:url(images/at_logoIE.gif);
}

#head {
	display:block;
    position:absolute;
    top:30px;
	left:50%;
    width:572px;
    height:38px;
	margin-left:-211px;
    background:url(images/header.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #head {
    top:30px;
    width:572px;
    height:38px;
}

#navi {
    display:block;
    position:absolute;
    top:71px;
	left:50%;
	width:564px;
    height:22px;
    margin-left:-211px;
    background:#e5d9d6;
	z-index:5;
    padding-left:8px;
    padding-top:3px;
    text-align:left;
    text-decoration:none;
}

* html #navi {
    top:71px;
    width:500px;
    height:22px;
}

#content {
    display:block;
    position:absolute;
    top:115px;
	left:50%;
	width:530px;
    height:400px;
    margin-left:-170px;
	overflow:auto;
    background:#ffffff;
	z-index:3;
}

* html #content {
    top:117px;
    width:530px;
	height:400px;
}

#foot {
	display:block;
    position:absolute;
    top:539px;
	left:50%;
    width:722px;
    height:25px;
	margin-left:-361px;
    background:url(images/footer.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #foot {
    top:540px;
    width:722px;
    height:25px;
}

#logo {
    display:block;
    position:absolute;
    top:30px;
	left:50%;
    width:147px;
    height:38px;
    margin-left:-361px;
    background:url(images/logo.png);
	z-index:5;
}

* html #logo {
	top:30px;
	width:147px;
	height:38px;
}

#sidebar {
    display:block;
	position:absolute;
    top:71px;
	left:50%;
    width:147px;
    height:465px;
	margin-left:-361px;
    background:url(images/sivupalkki_etusivu.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #sidebar {
    top:71px;
    width:147px;
    height:465px;
}

#sidebarkenelle {
    display:block;
	position:absolute;
    top:71px;
	left:50%;
    width:147px;
    height:465px;
	margin-left:-361px;
    background:url(images/sivupalkki_kenellesopii.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #sidebarkenelle {
    top:71px;
    width:147px;
    height:465px;
}

#sidebarkurssit {
    display:block;
	position:absolute;
    top:71px;
	left:50%;
    width:147px;
    height:465px;
	margin-left:-361px;
    background:url(images/sivupalkki_kurssitjatunnit.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #sidebarkurssit {
    top:71px;
    width:147px;
    height:465px;
}

#sidebarartikkelit {
    display:block;
	position:absolute;
    top:71px;
	left:50%;
    width:147px;
    height:465px;
	margin-left:-361px;
    background:url(images/sivupalkki_artikkelit.png);
	background-repeat:no-repeat;
	z-index:5;
}

* html #sidebarartikkelit {
    top:71px;
    width:147px;
    height:465px;
}

#content p {
    padding-right:30px;
    text-align:left;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

#content h2 {
	padding-top:10px;
    padding-bottom:5px;
	font-family:Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#content h4 {
    font-family:Verdana, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#006766;
}

#content p em {
    font-style:normal;
    text-align:left;
	font-family:Verdana, sans-serif;
	font-size:11px;
    font-weight:bold;
}

#content a:link {
	color:#006766;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffffff;
}

#content a:visited {
	color:#006700;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffffff;
}

#content a:hover {
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffffff;
}

#content a:active {
	color:#880000;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffffff;
}

#navilist {
    list-style-type:none;
    padding:0;
    width:564px;
    height:22px;
    margin:0;
    text-decoration:none;
}

* html #navilist {
    width:564px;
    height:22px;
}

#navilist li {
    display:inline;
}

.right {
	float:right;
	border:0;
	margin-right:30px;
    margin-bottom:5px;
}

.clear{
    clear:right;
    float:right;
    margin-right:0px;
    margin-top:0px;
}

#navi #navilist li a:link {
	color:#006766;
	font-family:Verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

#navi #navilist li a:visited {
	color:#006766;
	font-family:Verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

#navi #navilist li a:hover {
	color:#663333;
	font-family:Verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

#navi #navilist li a:active {
	color:#880000;
	font-family:Verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

#navi #navilist li a.selected {
    font-family:Verdana, sans-serif;
    font-size:9px;
    text-decoration:none;
    color:#000000;
}

.artikkelikuva {
    padding-right:30px;
    padding-top:20px;
    float:left;
    clear:right;
    border:0;
}

#copyright {
	display:block;
    position:absolute;
    top:556px;
	left:50%;
    width:722px;
    height:25px;
	margin-left:-361px;
    display:block;
    font-family:Verdana, sans-serif;
    font-size:9px;
    color:#000000;
    text-align:center;
    z-index:6;
}

* html #copyright {
    top:565px;
}

#music {
    position:absolute;
    left:50%;
    margin-left:310px;
    top:100px;
    width:31px;
    height:12px;
}

* html #musicIE {
    position:absolute;
    left:50%;
    margin-left:310px;
    top:100px;
    width:31px;
    height:12px;
}