/* CSS Document */

body {
	color:#FF9900;
	background-color:white;
	margin:20px;
	padding:0px;
	font:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	height:100%;
	}

/*Seuraavia tyylejä voi käyttää otsikoissa ja alaotsikoissa*/
h1 {
	font:bold 18pt sans-serif;
	margin:0px 0px 20px 0px;
	padding:0px;
	color:#FF9900
	}

h2 {
	font:bold 10pt sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#FF9900
	}

h3 {
	font:10pt sans-serif;
	margin:0px;
	padding:0px;
	color:#FF9900
	}

/*Tavallinen kappale*/
p {
	font:Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	color:#7B918E;
	font-size:12px;
	line-height:1.5em;
	border:0;
	}
	
	
/*Käytä tätä luokkaa kuvissa, jotka tulevat tekstin yhteyteen kurssikuvauksiin yms*/
.kuva {
	margin:0px 16px 16px 0px;
	display:inline;
	float:left;
	}
	
.kuva2 {
	margin:0px 16px 16px 16px;
	display:inline;
	float:right;
	}

/*Kurssitietojen yhteydessä olevat hinta- yms. tiedot*/
.hintatiedot {
	padding-left:5px;
	border-left:1px solid #FF9900;
	clear:both;
	}
	
/*Korostettava tärkeä tieto*/
.korostus {
	color:#CC0000;
	}
	
/*Älä käytä tätä, tarkoitettu ainoastaan bannerin keskittämiseen*/
.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border:0;
	width:832;
	height:159;
	}

/*A-navigaation alla olevat tiedot, copyright yms*/
p.copyrights {
	color:#CECECE;
	padding:0;
	font:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:0.9em;
	border-top: 1px solid #dadada;
	margin-top:20px;
	}
	
/*Ilmoittautumiskaavakkeen tekstikenttien nimet*/
.label {
	margin:0;
	}
	
/*tiedostopolku kunkin sivun content-osion ylälaidassa*/
.breadcrumb {
	font-size:0.9em;
	margin-bottom:30px;
	text-decoration:underline;
	}
	
/*Poistetaan kuvista border-arvo*/
img {
	border:0;
	}
	

.Content>p {margin:0px;}

.Content>p+p {text-indent:30px;}


/*Lista, jonka elementtien edessä aina pallukat*/
ul.disc {
	list-style-type:disc;
	line-height:1.5em;
	color:#7B918E;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	}
	
/*Käytä tätä luokkaa UUTISISSA ja KURSSEISSA ul-elementeissä B-navigaatiossa*/
ul.uutiset {
	list-style-type:none;
	color:#FF9900;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding-bottom:10px;
	margin-left:0;
	padding-left:0;
	}
	
ul.uutiset li {
	margin-bottom:0px;
	margin:0 10px 0 0;
	padding-left:0;
	border-bottom: 1px solid #dadada;
	}

ul.uutiset li a {
	color:#7B918E;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding-bottom:0.5em;
	padding-top:0.5em;
	}
	
/*Käytä B-navigaatiossa joko uutisen päivämäärän tai kurssin/luennon nimessä*/
.bold {
	font-weight:bold;
	color:#FF9900;
	}
	
	
a.anchor {
	color:#006B75;
	font-size:12px;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-decoration:none;
	}
	
/*linkin, vieraillun linkin ja kursorin alla olevan linkin määrittelyt*/
a:link {
	color:#FF9900;
	text-decoration:none;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	}

a:visited {
	color:#FF9900;
	text-decoration:none
	}

a:hover {
	text-decoration:none;
	font-weight:bold;
	}
  

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	max-width:700px;
	top:190px;
	min-width:400px;
	margin:0px 210px 20px 215px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	background-color:white;
	color:#7B918E;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	padding:10px 20px 10px 25px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

/*A-navigaatio, eli vasen navigaatio*/
#navAlpha {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	position:absolute;
	width:auto;
	top:210px;
	left:20px;
	border:1px solid white;
	background-color:white;
	padding:10px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */


/*B-navigaatio, eli oikea navigaatio*/
#navBeta {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	position:absolute;
	width:190px;
	top:210px;
	right:20px;
	border:0;
	background-color:white;
	padding:5px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Again, "be nice to Opera 5". */


body>#navBeta {width:168px;}


/*Banneri*/
#header {
	position:absolute;
	width:95%;
	top:20px;
	border-bottom:dotted 1px #FF9900;
	border-top:dotted 1px #FF9900;
	background-color:white;
	padding:0;
	margin:0;
	}