a:link	  { text-decoration: none; color: #f08a0c; }
a:visited { text-decoration: none; color: #f08a0c; }
address	  { font-style: normal; }

h1 {
  color:       #333333;
  font-size:   18pt;
  line-height: 20pt;
}

h2 {
  color:       #333333;
  font-size:   16pt;
  line-height: 18pt;
}

img { border-style: none; max-width: 100%; }

body {
  background-color: white;
  color:	    #333333;
  font-family:	    Verdana, Arial, sans-serif;
  font-size:	    11pt;  
  line-height:	    14pt;
  margin:           0;
  text-align:       center;
  min-width:        900px;
}

#page {
  border-left:   solid gray 1px;
  border-right:  solid gray 1px;
  margin-left:   auto;
  margin-right:  auto;
  text-align:    left;
  width:         900px;
}

#titleframe div#title_bg { float: right; }
#titleframe h1 {
  margin:     0;
  text-align: center; }

#titleframe h1 img { margin-top: 24pt; }

#frame { clear: both; }

#htmlguide table { text-align: center; width: 100%; }
#htmlguide li	 { display: inline; }

#menuframe     { float: left; width: 13em; padding-left: 1em; }
#menuframe img { margin-top: 0.5em; max-width: 12em; }

#menu      { color: white; text-transform: uppercase; }
#menu div {
  background: url(kuvat/menuitem_left_solid.gif) no-repeat;
}
#menu li  {
  background-color: #06b5d2;
  border-bottom:    solid white 4px;
  height:           26px;	/* height + padding-bottom + padding-top = 34px */
  list-style:	    none;
  margin-left:      16px;	/* <= 17px = kuvat/menuitem_left_*.gif width */
  min-width:        0;		/* required by IE (v7), looks like an IE bug */
  padding-bottom:   1px;
  padding-top:	    7px;
}

#menu a	      { display: block; color: white; }
#menu a:hover { color: black; }
#menu ul      { margin: 0; padding: 0; }

/* "in english" modifications */
#menu div#in_english { background: url(kuvat/menuitem_left_hollow.gif) no-repeat; }
#menu #in_english li {
  background-color: white;
  border-bottom:    solid #06b5d2 1px;
  border-top:       solid #06b5d2 1px;
  color:            #06b5d2;
  height:           24px;			/* XXX why this height? */
}
#menu #in_english li a { color: #06b5d2; }
#menu #in_english li a:hover { color: black; }

#menu .current_page_in_menu {
  margin-left: 17px;
}

#menutext { margin-right: 0.5em; text-align: right; }

#rightside {
  background: no-repeat #4c989e right top url(kuvat/rightside.gif);
  overflow: hidden;
  padding-right: 20px;	/* kuvat/rightside.gif width */
}

#submenu {
  border-bottom: solid #06b5d2 1px;
  color:	 #06b5d2;
  padding:	 0.5em;
}

#submenu li { display: inline; padding: 0.5em; }
#submenu ul { margin: 0; padding: 0; }

#textframe {
  background-color: white;
  border:           solid #06b5d2 4px;
  min-height:       50em;	/* a number that just feels right */
}

#text	 { padding: 1em; }
#text li { padding-bottom: 0.5em; }

#text .leftimg {
  clear:	  left;
  float:	  left;
  padding-bottom: 1em;
  padding-right:  2em; }

#text .rightimg {
  clear:	  right;
  float:	  right;
  padding-bottom: 1em;
  padding-left:	  2em; }