/* global */
body { background : #ffffff none; color : #003366; font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif}
h2 { text-align: center; background: #99ccff none; color: Navy; border: thin solid; border-color: navy white white navy; font-size: 0.95em }
h3 { color: #336699; background: #C1D2F0 none; border: thin solid Navy }
h4 { background: #ADD8E6 none; color: #00008B; font-size: small }
td { padding-left: 0.3em }
hr { background: #fff none; border: thin solid; color: #CCFFFF }


/* links coloring */
A:link   { color: #0000FF; background: transparent none }
A:visited   { color: #0000FF; background: transparent none }
A:hover  { color: #FF0000; background: transparent none }

/* id's */
#rullari1 { width: 99%; height: 6em; border: thin solid navy; padding: 2px; background-color: White }
#navigointi { }
#newssit { }
#error { text-align: center; background: #ffffff none; color: #000000; padding: 7%; width: 60% }
#wm, #valid { background: transparent none; font-size: xx-small; text-align: center }
#perustajat { text-align: center; background: #CCFFFF none; color: #000000; padding: 1%; border: thin solid #0066ff; width: 95% }
#tauluyt { background : #ffffff none; color : #003366; border : 1px solid #bbbbbb; width : 95%; font-size: smaller }
#taulut_etusivu_vas { background: #ffffff none; color: #000000; padding: 10px; border: thin outset #003366 }
#taulut_etusivu_oik { background: #ffffff none; color: #000000; width: 15%; padding: 10px; border: thin outset #003366; font-size: x-small }
#paataulu { width: 80%; min-width: 610px; margin: 0; padding: 0; height: 100%; border: thin double #ADD8E6; background: transparent none }
#ylataulu { text-align: left; background: transparent url(images/yhteinen1.jpg) repeat-x; height: 10%; width: 100%; border: thin double Navy }
#vasen_alue { margin-left: 0px; margin-top: 3em; float: left; width: 9em; background: transparent none; color: #003366; padding: 5px }
#oikea_alue { margin-left: 10em; background: #ffffff none; color: #003366; padding-right: 1em; margin-bottom: 1em }
#alaosa { background: #87CEFA none; color: #191970; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 0.2em; text-align: center; font-size: x-small }

/* page error 404 styles */
#error h1 { padding:3px; text-align:center; background: #FAFAD2 none; border: thin solid #7D4B4B }
#error h3 { padding:3px; background: #FAFAD2 none; border: thin solid #7D4B4B }
#error p { padding:3px; background: #FAFAD2 none; border: thin solid #7D4B4B }
#laskuri { text-align: center; margin-top: 5em }

/* classes */
.clear { clear: both; }
.mainos { background: #ffffff none; color: #000000; border: thin solid #0066ff; padding: 30px; font-family: Georgia, Garamond, Century, "Times New Romain", Times, sans-serif; font-size: 80% }
.nimi { font-family : "Comic Sans MS", "Courier New", Courier, Western, cursive, sans-serif; }
.www { background: #ffffff none; color: #003366; text-align: center }
.copy { background : #fff none; letter-spacing : 2px; color : #3399ff; font-size : 70%; text-align : center }
.nappriv { background: #fff none; width: 85%; padding: 5% 3% 5% 3%; margin-bottom: 5em }
.napp { background: #8AC8D9 none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 82%; text-indent: 0.5em; margin-top: 1px; margin-bottom: 1px }
.napp a { text-decoration: none; display : block; width : 100%; height : 100% }
.napp a:hover { background-color: #3D96AE; display: block }
.xpieni A:link, .xpieni A:visited, #wm a:link, #valid a:link, #wm a:visited, #valid a:visited { text-decoration : none }
.taulu { border : 1px solid #bbbbbb; width : 100%; margin-left : auto; margin-right: auto }
.taulu2 { background : #ffffff none; color : #003366; border : 1px solid #bbbbbb; width : 95% }
.taulu3 { background : #ffffff none; color : #003366; border : 1px solid #bbbbbb; width : 100%; margin-left : auto; margin-right : auto; padding : 20px }
.taulu4 { width : 100%; font-size : 1.05em }
.taulu5 { background: #EAF9FF none; border: 1px solid #bbbbbb; padding: 0.2em; font-size: small }
.taulu6 { background : #ffffff none; color : #003366; border : 1px solid #bbbbbb; width : 90%; margin-left : auto; margin-right: auto }
.oikea_taulu_kuvat { background: #ffffff none; color: #003366; width: 83%; padding: 10px; border: thin outset #003366; text-align: center }
.kurssitaulu { text-align : left; background: #E5FFFF none; color : #336699 }
.pikkupaiva { font-size: xx-small; font-style: italic; text-align: center; vertical-align: middle; margin-right: 5px }
.date {
	background: transparent none;
	color: #000000;
	padding: 0.2em;
}
.source { background: #fff none; color: Gray; font-size: xx-small } 
.onni, h4.vo { background : #fff none; color : #006600 }
.ylarivi { color: #ffffff; background: #008B8B none; text-align: left }
.B { background: #5F9EA0 none; color: #003366 }
.mennyt { background : #fff none; color : #cccccc }
.vanha { background : #fff none; color : #aaaaaa }
.huom { background : #fff none; color : red }
.hide { display : none }
.keskitys, h1 { text-align : center }
.joulu { background: #8AC8D9 none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 150%; text-align: center; padding-top: 1.5em; padding-bottom: 1.5em }
.file_img {
	height: 15px;
	width: 30px;
	padding: 1px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background: White none;
}

.file_img_pieni {
	height: 8px;
	width: 15px;
	padding: 1px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 0.5px 1px 1px 1px;
	background: White none;
}
/* tekstin muotoja */
.oikea { text-align : right }
.vasen { text-align : left }
.small { font-size: x-small }
.xsmall { font-size: xx-small; text-align: center; }
.alle, .viivaus, .xpieni A:hover { text-decoration : underline }
.italic { font-style : italic }
.pieni { font-size: x-small }
.bold { font-weight : bold }
.newshead { background: #E5FFFF none; color: #336699; font-family: "Courier New", Courier, monospace; border-top: thin solid #33CCFF; border-left: thin solid #33CCFF; padding-left: 2% }
.sra { background: #CCFFCC none; color: #006633; font-family: "Courier New", Courier, monospace; border: thin solid #336633; padding: 2% }


/*kuville reunat */
#kuvat a img {
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}