body {
        width:760px;
        background-color: #D9EFEC;
        font-family: Trebuchet MS, Bitsream Vera Sans;
/*      font-size: 12px; */
        color:#003A32;
        margin:0px;
        padding-bottom:20px;
        scrollbar-face-color:#A0C4C0;
        scrollbar-highlight-color:#A0F8F0;
        scrollbar-3dlight-color:#FFFFFF;
        scrollbar-darkshadow-color:#005A52;
        scrollbar-shadow-color:#003A33;
        scrollbar-arrow-color:white;
        scrollbar-track-color:#D9EFEC;
}

.header { 
		height:140px;
                width:760px;
                background:#D9EFEC;
                border:0px solid #005A52;
}

#mainbody { margin-left:182px;
                width:606px;
                padding-top:2px;
                padding-right:20px;
                padding-bottom:5px;
                padding-left:20px;
/*              background:white; */
                border:0px solid #005A52;
                border-left:2px solid #005A52;
}

#menu { position:absolute;
#        top:160px;
        top:140px;
        left:0px;
        width:180px;
        background:#D9EFEC;
        color:#005A52;
        border:0px solid #005A52;
}

.menuitem { width:172px;
/*              background:#E9FFFC;*/
                color:#005A52;
                margin-top:6px;
/*              font-size:10px; */
                border:1px solid #005A52;
                font-family: Verdana;
		font-weight: bold;
		font-size: 0.75em;
        margin-left: auto;
        margin-right: auto;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.menuitem_alao { width:172px;
                color:#005A52;
                margin-top:6px;
                border:1px solid #005A52;
/*                border-left:1px solid #005A52;
                border-right:1px solid #005A52; */
                text-align: center;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                font-weight: bold;
        margin-left: auto;
        margin-right: auto;
}

.menuitem_ala { width:172px;
                color:#005A52;
                font-size:80%;
                border-left:1px solid #005A52;
                border-right:1px solid #005A52;
                text-align: left;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                padding-left: 0.4em;
                margin-right: auto;
}

.menuitem_ala_eka { width:172px;
                font-size:80%;
                color:#005A52;
/*                background: #C9DFDC; */
                border-top:1px solid #005A52;
                border-left:1px solid #005A52;
                border-right:1px solid #005A52;
                text-align: left;
                padding-left: 0.4em;
                font-weight: bold;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                margin-left: auto;
                margin-right: auto;
}

.menuitem_alat { width:172px;
                font-size:80%;
                color:#005A52;
                background: #C9DFDC;
                border-left:1px solid #005A52;
                border-right:1px solid #005A52;
                text-align: left;
                padding-left: 0.4em;
                font-weight: bold;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                margin-left: auto;
                margin-right: auto;
}

.menuitem_alavt { width:172px;
                font-size:80%;
                color:#005A52;
                background: #C9DFDC;
                border-left:1px solid #005A52;
                border-right:1px solid #005A52;
                border-bottom:1px solid #005A52;
                text-align: left;
                padding-left: 0.4em;
                font-weight: bold;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                margin-left: auto;
                margin-right: auto;
}

.menuitem_alav { width:172px;
                color:#005A52;
                font-size:80%;
                border-left:1px solid #005A52;
                border-right:1px solid #005A52;
                border-bottom:1px solid #005A52;
                text-align: left;
                font-family: Trebuchet MS, Bitstream Vera Sans;
                padding-left: 0.4em;
                margin-left: auto;
                margin-right: auto;
}

.menuhead { left: 0px;
                width:100px;
                background:#D9EFEC;
                color:#005A52;
                border:3px solid darkgreen;
                text-align: center;
                font-weight:bold;
/*              font-size:10px; */
                font-family: Trebuchet MS, Bitstream Vera Sans;
        margin-left: auto;
        margin-right: auto;
}

.pagehead {     padding-top:4px;
                padding-bottom:4px;
                padding-left:20px;
                padding-right:20px;
                width:568px;
                background:#D9EFEC;
                color:#005A52;
                border:3px solid darkgreen;
                text-align: center;
                font-weight:bold;
                font-size:24px;
                margin-bottom:18px;
                font-family: Trebuchet MS, Bitstream Vera Sans;
}

.kommentti {    padding:4px;
                margin:4px;
/*              border:12px solid #D9EFEC;*/
                background:#C9DfDC;
                color:#007A72;
}

.alanavi_kehys {width: 629px;
                margin-left: 10px}

.alanavi_vasen {position: relative;
/*                padding-top:2px;
                padding-bottom:2px;
                padding-left:12px;
                padding-right:12px;
                margin-left: 12px; */
		width: 40%;
                background:#C9DFDC;
                color:#005A52;
                border:0px solid darkgreen;
                text-align: left;
                font-family: Trebuchet MS, Bitstream Vera Sans;
/*                font-weight:bold; */
		font-size:smaller;
}

.alanavi_oikea {position: relative;
/*                padding-top:2px;
                padding-bottom:2px;
                padding-left:12px;
                padding-right:12px;
                margin-right: 6px; */
		width: 40%;
                background:#C9DFDC;
                color:#005A52;
                border:0px solid darkgreen;
                text-align: right;
                font-family: Trebuchet MS, Bitstream Vera Sans;
/*                font-weight:bold; */
		font-size:smaller;
}

.alanavi_keski {
                background:#C9DFDC;
                color:#005A52;
                font-family: Trebuchet MS, Bitstream Vera Sans;
		font-size:smaller;
		font-style: italic;
/*                font-weight:bold; */
}

img {   position:relative;
        margin-right:18px;
        margin-left:0px;
        padding-top:8px;
}

img.logo {      margin-right:auto;
                margin-right:auto;
                margin-top:8px;
                margin-bottom:8px}

img.icon {      margin-right:4px;
                margin-bottom:0px
}

.footer { width:760px;
                text-align:center;
                margin-top:8px;
                margin-left:3px;
                padding-top:0px;
/*                border-top:2px solid #94BEAC; */
                color:#005A52;
                font-size: smaller;
}

// a:link { font-weight: normal }
// a:active { /* font-weight: bold */}
a:hover {     font-style: italic;
/*                font-weight:bold; */
/*              background-color:white; */
                color:#005A52}

A.menuitem_ala { text-decoration: none}
A.alanavi_vasen { text-decoration: none}
A.alanavi_oikea { text-decoration: none}
A.ei_allev {    text-decoration: none;
                color:#005A52
}
.menu A { text-decoration: none }
.menuitem A { text-decoration: none }
.menuhead A { text-decoration: none }

.pagehead A { text-decoration: none;
              color:#005A52 }

A.pieni {       font-family: Courier;
                font-size: smaller
}

tt {font-weight: bold}

h1 { font-size:30px;
        font-family: Trebuchet MS, Bitstream Vera Sans;
}

h2 { font-size:26px;
        font-family: Trebuchet MS, Bitstream Vera Sans;
}

h3 { font-size:22px;
        font-family: Trebuchet MS, Bitstream Vera Sans;
}

h4 { font-size:18px;
        font-family: Trebuchet MS, Bitstream Vera Sans;
	padding-top: 16px;
}

h5 { font-size:16px;
        font-family: Trebuchet MS, Bitstream Vera Sans;
	margin: 6px 6px 20px 20px;
	margin-bottom: 2px;
	padding-top: 2px;
}


h1,h2,h3,h4 { margin: 10px 10px 10px 10px;
}

p { margin: 10px 10px 10px 10px;
    text-align: justify;
}


.koodiloota {    /*font-style: italic;*/
/*              font-size:larger;*/
                background-color: #C9DFDC;
                padding: 8px;
                /*text-align:justify;*/
                /*font-variant:small-caps;*/
}

.koodiesim {
                background-color: #C9DFDC;
                padding: 1em;
                font-weight: bold;
                margin-left: 3em;
}

.ingressi {
		font-weight: bold;
                background-color: #C9DFDC;
                padding: 8px;
}

.kesk_korost { 
                background-color: #C9DFDC;
                padding: 8px;
		text-align: center;
}

.kehys { 
                padding: 8px;
                border:1px solid #A9BFBC;
}

.heading { font-family:Trebuchet MS, Bitstream Vera Sans;
                font-size:36px;
                background-color:white;
                color:#005A52;
                font-weight:bold;
                text-align: center}

.vaka {
	list-style-image: url(http://oamk.fi/~timohei/k/vakanen.gif);
	list-style-type: circle;
}

.hake {
	list-style-image: url(http://oamk.fi/~timohei/k/hakemisto.gif);
	list-style-type: circle;
}

.hake_auki {
	list-style-image: url(http://oamk.fi/~timohei/k/hake_auki.gif);
	list-style-type: circle;
}

.text {
	list-style-image: url(http://oamk.fi/~timohei/k/text.gif);
	list-style-type: circle;
}

.gif {
	list-style-image: url(http://oamk.fi/~timohei/k/gif-image.gif);
	list-style-type: circle;
}

.pdf {
	list-style-image: url(http://oamk.fi/~timohei/k/pdf.gif);
	list-style-type: circle;
}

.wdoc {
	list-style-image: url(http://oamk.fi/~timohei/k/wdoc.gif);
	list-style-type: circle;
}

.bin {
	list-style-image: url(http://oamk.fi/~timohei/k/bin.gif);
	list-style-type: circle;
}

.nappula {
  color: #333;
  background: #DDDDDD;
  margin-top: 12pt;
  margin-bottom: 2pt;
}

.isompi {font-size: 1.2em;
         font-weight: bold
}

.muokattu {
          font-size: 0.7em;
}

.noborder {
}