/* 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; padding-top:0.5em; padding-bottom:0.5em}
h3 { color: #336699; background: #C1D2F0 none; border: thin solid Navy; text-indent: 1em; }
h4 { background: #ADD8E6 none; color: #00008B; font-size: small }
td { padding-left: 0.3em }
hr { background: #fff none; border: thin solid; color: #CCFFFF }
input { font-family: "Courier New", Courier, monospace; }

/* 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 */
#laskuri { width: 85%; padding: 1%; background: #DBE4F6 none; border: thin solid #4169E1; font-size: xx-small; color: #204FD7; }
#liputus { background: #8AC8D9 none; color: navy; text-align: center; font-size: x-small; border: thin solid navy; margin: 0 2.3em 0 0.7em; padding: 0 2em 0 2em; }
#rullari1 { margin-left: auto; margin-right: auto; height: 40px; background-color: transparent; padding-bottom: 10px; }
#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; margin: auto }
#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: 100%; min-width: 800px; margin: 0; padding: 0; height: 100%; border: thin double #ADD8E6; background: transparent none }
#ylataulu { text-align: left; background: #9AD9EA url(images/tausta1.jpg) no-repeat right; border: thin double Navy; padding: 1em 1em; }
#vasen_alue { margin-left: 0px; margin-top: 3em; float: left; width: 12em; background: transparent none; color: #003366; padding: 5px }
#oikea_alue { margin-left: 13em; 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 */
.kirjoitus { font-family: "Courier New", Courier, monospace; }
.rullaava_otsikko { background: #ADD8E6 none; color: #00008B; font-size: small }
.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: 1em; margin: 0 0 0.5em 0; padding: 0.2em; }
.napp a { text-decoration: none; display : block; width : 100%; height : 100% }
.napp a:hover { background-color: #3D96AE; display: block }
.napp_b { background: #8AC8D9 none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 1px; margin-left: auto; margin-right: auto; width: 20%; border-top: thin groove silver; border-right: thin groove silver; border-left: thin groove gray; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: thin; }
.napp_b a { text-decoration: none; display : block; width : 100%; height : 100% }
.napp_b a:hover { background-color: #3D96AE; display: block }
.napp_act { background: white none; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 82%; text-indent: 2em; margin: 0 0 0.5em 0; ; border-left-color: #8AC8D9; border-left-style: double; border-left-width: medium; }
.napp_act a { text-decoration: none; display : block; width : 100%; height : 100%; color: gray }
.napp_act 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; 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 }
.taulu7 { background: #ffffff none; color: #003366; padding: 10px; border: thin outset #003366; text-align: center }
.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 }
.joulu { background: Maroon none; font-family: "Segoe Print", "Comic Sans MS", Verdana, Geneva, sans-serif; font-size: 150%; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; color: #FFD700; font-style: italic; border: groove; }
.file_img { height: 11px; width: 23px; 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; }
.keskitys, h1 { text-align : center }
.small { font-size: x-small }
.pieni { font-size: x-small }
.xsmall { font-size: xx-small; text-align: center; }
.alle, .viivaus, .xpieni A:hover { text-decoration : underline }
.italic { font-style : italic }
.suuri {	font-size: larger }
.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% }
.newshead2 { background: #FFFFCC none; color: #336699; font-family: "Courier New", Courier, monospace; border-top: thin solid orange; border-left: thin solid orange; padding-left: 2%; }
.sra { background: #CCFFCC none; color: #006633; font-family: "Courier New", Courier, monospace; border: thin solid #336633; padding: 2% }
.nyt { background: #CCFFCC none; color: #006633; font-family: "Courier New", Courier, monospace; border: thin solid #336633; padding: 0.5em; width: 250px; }

/*kuville reunat */
#kuvat a img { padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background-color:white; }

/* uutiset */
#container { width: 100%; }
#widget { overflow: hidden; background: white; height:9em; padding: 0.2em; }
#widget li { clear: left; overflow: hidden; height: 9em; padding-bottom: 0.5em;  list-style-type: none; }