BODY, TD, DIV, A, SELECT, TEXTAREA, INPUT {
  font-family: Verdana, Arial;
  font-size:9pt;
}

h1 { font-family: Arial Black; font-size: 22pt; color: navy; line-height: 10px; }
h4 { font-family: Arial; font-size: 18pt; font-weight: bold; line-height: 20px; }

BODY {
  margin: 0 15 0 30;
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: center;
  
}

A {
  text-decoration: none;
}

A:Hover {
}

#page_header { 
  height:115px; 
  width: 800px;
  text-align: left;
  border-style: none;
  padding-top: 15px; 
  padding-left:40px; 
}

.header_title {
  font-family: Arial Black; 
  font-size: 28pt; 
  color: navy;
  text-align: left;
  padding-left:125px;
}

.header_text {
  color: navy; 
  font-size: 11pt;
  font-family: Verdana; 
  font-weight:bold;
  text-align: left;
  padding-left:130px;
}


#page { 
  padding-top:0px; 
  padding-bottom:20px;
  padding-left:15px; 
  width: 775px; 
  text-align: left; 
  border-style: none;
}

/* v3 */
#navigator { 
  width: 760px;
  height: 100px;
  text-align: center;
  border-style: none;
  padding-left: 50px;
  padding-top: 15px;
}

#toolbar { 
  width: 700px;
  padding-top:10px;
  text-align: right;
}

#submenu { 
  padding-top:15px;
  padding-left:0px;
  padding-bottom:100px;
  width: 160px; 
  float:left; 
  border-style:none none none none;
  border-color: rgb(0,128,0);
  border-width:8px; 
}


#content {
  width: 571px;
  padding-top: 20px;
  padding-left: 10px;
  float: left;
  background: white; 
  border-style: none; 
  padding-right: 20px; 
  border-width: 1px;
}

.page_shadow, .page_paper {
  position: relative;
  bottom: 4px;
  right: 4px;
}

.page_shadow {
  background-color: rgb(0,128,0);
}

.page_paper {
  background-color: #fff;
  color: #000;
  border: 1px solid rgb(0,128,0);
  padding: 0.5em;
}

.top_nav_item {
  width:110px;
  height:95px;
  text-align: center; 
  background-size: 70%; 
  float:left;
  font-size: 8pt;
  cursor:hand;
}


.nav_esittely { background: url(/v3/images/layout/Esittely_basic.png) bottom no-repeat;}
.nav_esittely:hover { background: url(/v3/images/layout/Esittely_hover.png) bottom no-repeat; }
.nav_esittely_active { background: url(/v3/images/layout/Esittely_active.png) bottom no-repeat; }

.nav_opinnot {background: url(/v3/images/layout/Opinnot_basic.png) bottom no-repeat;}
.nav_opinnot:hover { background: url(/v3/images/layout/Opinnot_hover.png) bottom no-repeat; }
.nav_opinnot_active { background: url(/v3/images/layout/Opinnot_active.png) bottom no-repeat; }

.nav_ilm {background: url(/v3/images/layout/Ilmoittautuminen_basic.png) bottom no-repeat;}
.nav_ilm:hover { background: url(/v3/images/layout/Ilmoittautuminen_hover.png) bottom no-repeat; }
.nav_ilm_active { background: url(/v3/images/layout/Ilmoittautuminen_active.png) bottom no-repeat; }

.nav_galleria {background: url(/v3/images/layout/Galleria_basic.png) bottom no-repeat;}
.nav_galleria:hover { background: url(/v3/images/layout/Galleria_hover.png) bottom no-repeat; }
.nav_galleria_active { background: url(/v3/images/layout/Galleria_active.png) bottom no-repeat; }

.nav_ajank {background: url(/v3/images/layout/Ajankohtaista_basic.png) bottom no-repeat;}
.nav_ajank:hover { background: url(/v3/images/layout/Ajankohtaista_hover.png) bottom no-repeat; }
.nav_ajank_active { background: url(/v3/images/layout/Ajankohtaista_active.png) bottom no-repeat; }

.nav_yhdistys {background: url(/v3/images/layout/Yhdistys_basic.png) bottom no-repeat;}
.nav_yhdistys:hover { background: url(/v3/images/layout/Yhdistys_hover.png) bottom no-repeat; }
.nav_yhdistys_active { background: url(/v3/images/layout/Yhdistys_active.png) bottom no-repeat; }

.submenu_base_item {
  display: inline-table;
  border-style: none;
  width: 140px;
  height: 24px;
  padding-top: 3px;
  padding-left: 5px;
  color: black;
  font-size: 10pt;
  font-family: Calibri;
  font-weight: normal;
}
.submenu_item { background: url(/v3/images/layout/arrow_basic.png) no-repeat; }
.submenu_item:hover { background: url(/v3/images/layout/arrow_hover.png) no-repeat; }
.submenu_item_active { background: url(/v3/images/layout/arrow_active.png) no-repeat; }

.tiny_title { font-weight: bold; font-size: 10pt; }
.small_title { font-weight: bold; font-size: 11pt; }
.medium_title { font-weight: bold; font-size: 14pt; color: rgb(0,0,200); }

.tiny_title2 { font-family: Monotype Corsiva; font-weight: normal; font-size: 16pt; }
.small_title2 { font-family: Monotype Corsiva; font-weight: normal; font-size: 20pt; }
.medium_title2 { font-family: Monotype Corsiva; font-weight: normal; font-size: 24pt; }

.tiedote_title { background: rgb(200,235,200); padding: 3px; }

.centered {
  text-align: center;
}

.general_paragraph {
  padding-bottom: 10px;
  padding-top: 4px;
  text-align:left;
}

.page_end {
  height: 50px;
}

.submenuitem_container { border-style:none;border-width:1px;height: 30px; width:152px; }
.submenuitem_image { border-style:none;border-width:1px;height: 28px; width: 150px; }
.type2_submenuitem {
  width: 150px; 
  text-align: center; 
  font-size: 8pt; 
  color: black; 
  font-weight: bold; 
  padding-top:0px;
  padding-left:0px;
  height:0px;
  position: relative;
  top:-20px;
  border-style:none;
  border-width:1px;
  cursor:hand;
}
.type2_menulink {
  display: inline-table;
  width: 150px;
  height: 20px; 
  border-style: none;
  border-width: 1px; 
  border-color: blue;
}
.type2_menulink:hover { border-style: none none none none; }


.text-image {
  border-style: outset;
  border-width: 2px;
  border-color: black;
  
}


.dashed_box {
  border-style: dashed;
  border-width: 1px;
}



/* yhd. kokoelma-sivy */
.headeraction {font-weight:bold; background-color: navy; color: white;}
.headerlink {padding-left:5px; padding-right:5px;}
.imagetitle {font-size:7pt;width:100%;}
.imagebody {}
.imagerow {height:200px;}
.imagefooter {font-size:8pt;}
.image {height: auto;}



.laskusolu {
  font-size:8pt;
  font-family:arial;
  border-style: solid;
  border-width: 1px;
  padding:2px;
}


.rounded-title {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  behavior: url(/v3/css/border-radius.htc);
  border-radius: 10px;
  margin-bottom: -1.1em;
  width:150px;
  text-align:left;
  padding: 0.4em;
  padding-bottom: 0.9em;
  border-style:ridge;
  border-width:4px;
  background: rgb(150,255,150);
  font-weight: bold;
  font-size: 10pt;
}

.rounded-title-line {
  border-bottom-style:ridge;
  border-width:4px;
}

.rounded-title-paragraph {
  border-style:none ridge ridge ridge;
  border-width:4px;
  padding:25px;
  padding-left: 25px;
  background: rgb(150,255,150);
}

.print-header {
  padding: 25px;
  padding-top:0px;
  width:600px;
}




.page_shadow2, .page_paper2 {
  position: relative;
}

.page_shadow2 {
  background-color: rgb(0,128,0);
}

.page_paper2 {
  background-color: #fff;
  color: #000;
  border: 1px solid rgb(0,128,0);
  top:-4px;
  left:-4px;
  
}
#print_area { 
  padding-top:0px; 
  padding-bottom:00px;
  padding-left:15px; 
  width: 550px; 
  text-align: left; 
  border-style: none;
}

.k_kurssi_table {
  background-color: rgb(204,255,0);
  border-color: rgb(0,153,51);
}


.navbox_ {
  z-index:1200;
  display:none;
  position:absolute;
  width:120px;
  text-align:left;
  padding-top:0px;
  cursor:pointer;
  font-size:7pt;
}

.navcontent {
  z-index:1300;
  cursor:pointer;
  /*padding:5px;
  background:rgb(205,205,255);
  border:outset 2px;*/
  font-size:7pt;
  width:118px;
}

.dropmenuitem { font-size:8pt; width:115px; }
.dropmenuitem:hover { color:red; }



.navbox { 
  padding-top:10px;
  padding-left:10px;
  padding-bottom: 10px;
  z-index:1200;
  text-align:left;
  display:none;
  width: 120px; 
  background: rgb(205,235,205);
  position: absolute; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
} 

.navbox:before { 
  content:""; 
  position: absolute; 
  bottom: 100%;
  top: -26px;
  left:20px;
  width:0px; 
  height:0px; 
  border-left: 20px solid transparent; 
  border-right: 20px solid transparent; 
  border-bottom: 26px solid rgb(205,235,205); 
}




.yhteystiedot {
  height: 200px;
}

.alueet {
  height:150px;
}