body {margin: 0%;padding: 0%;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;background-image: url('body-bg.gif');background-repeat: repeat-x;color: #222;}
img {border-width: 0;}
.kuva {float: none;width: auto;margin: 0 0 15px 0px;padding: 10px;border: #EDE0DC solid 0px;text-align: center;font-size: 0.7em;color: #5F6268;}
.kuva a img {border: #9599A1 solid 5px;margin: 0 0 5px 0;}
.content-A a:link, .content-A a:visited, .main a:link, .main a:visited, .banner-text a:link, .banner-text a:visited {color: #006699;}
.side a:hover, a:active {border-width: 0px;}
.content-A a:hover, .content-A a:active, .main a:hover, .main a:active, .banner-text a:hover, .banner-text a:active {color: #000;}
.container {width: 700px;	height: auto;padding: 0%;margin: 0%;}
.header {left: 0px;top: 0px;width: 100%;height: auto;}
.navi {width: 700px;height: 81px;font-size: 12px;}
.banner {height: 140px;width: 700px;top: 0px;left: 0px;padding: 0%;margin: 0%;}
.banner-text, .banner-links {height: 70px;border-bottom: #64C5E5 dashed 1px;margin: 0px;top: 0px;left: 0px;padding: 0%;margin: 0%;margin-bottom: 15px;}
.banner-text {width: 700px;}
.banner-links {padding: 10px;font-size: 0.7em;line-height: 1.5em;color: #0099CC;width: 525px;}
.banner-text h2 {color: #75D6F6;padding: 0;margin: 0;top: 22px;text-indent: 20px;position: relative;letter-spacing: 0.2em;}
.banner-text a{font-size: 0.7em;}
.next {width: 525px;border-top: #79BDD4 dashed 1px;text-align: center;padding-top: 20px;color: #0099CC;}
.content, .content-A {width: 700px;background-repeat: repeat-y;overflow: hidden;height: auto;padding: 0%;background-color: #FFF;margin: 0%;}
.content {background-image: url('side-bg.png'); }
.content-A {background-image: none;padding-bottom: 25px;}
.side {text-indent: 12px;padding: 0px;margin: 0px;margin-top: 46px;width: 
175px;height: auto;float: left;color: #4FA17F;font-family: Verdana, sans-serif;letter-spacing: 0.1em;font-size: 0.8em;}
.main {width: 75%;height: auto;float: right;padding-bottom: 20px;}
.footer, .footer-A {background-repeat: no-repeat;background-position: top left;width: 700px;font-size: 12px;margin: 0px;padding: 0px;height: 60px;text-align: center;font-size: 12px;font-family: Tahoma, sans-serif;word-spacing: 1em;letter-spacing: 0.1em;position: relative;}
.footer .left, .footer-A .left {float: left;width: 175px;}
.footer .right, .footer-A .right {float: right;width: 525px;}
.footer {background-image: url('footer-bg.png');}
.footer-A {background-image: url('footer-bg-A.png');}
.side a:link, .side a:visited, .side a:hover, .side a:active {color: #2899A3;text-decoration: none;font-style: normal;padding-left: 0.5em;padding-bottom: 0em;padding-top: 0em;font-weight: normal;width: auto;display: block;height: 2em;}
.side a.current:link, .side a.current:visited, .side a.current:hover, .side a.current:active {color: #016069;text-decoration: none;background-position: 0% 30%;background-repeat: no-repeat;padding-left: 0.5em;padding-bottom: 0em;padding-top: 0em;display: block;background-image: url('ul-before.gif');cursor: default;font-weight: normal;background-color: transparent;}
.side a:hover {color: #016069;text-decoration: underline;background-image: none;}
.side ul {list-style-type: none;padding: 0px;margin-top: 0px;margin-left: 10px;}
.side ul li {display: block; float: none; top: 100%; padding-bottom:1em;}
.side ul li.long {padding-bottom:2em;}
.header ul {left: 0px;display: inline;font-family: Trebuchet MS, sans-serif;font-size: 12px;font-weight: bold;	} 
.header ul li {margin: 0%;	width: 174px;border: #FFF solid 1px;border-width: 0px 1px 1px 0px;list-style: none;float: left;display: inline;padding: 0%;text-indent: 4px;height: 26px;background-color: #D8EFDF;background-image: url('navi.gif');background-repeat: repeat-x;}
/* Fix IE. Hide from IE Mac \*/
* html .header ul li { float: left; }* html .header ul li a { height: 1%; float: left;}* html textarea {border-color: #79BDD4;}* html .button {border-color: #79BDD4;}* html .three {border-color: 
#79BDD4;}* html .header ul li ul li { float: none; width: 100%;}* html .header ul li ul li a {float: none; height: 1%; }
* html .header ul li { width: 175px; }* html .navi {height: 81px;}* html .side ul {margin-left: 0px;}* html .side {margin-top: 47px;}
* html .header ul li a { width: 174px;}
/* End */	
.header ul li:hover {background-image: url('navi-hover.gif');cursor: hand;}
.header ul li:hover ul {display: block;width: 100%;}
.header ul li.hidden a:visited, .header ul li.hidden a:link, .header ul li.hidden a:hover, .header ul li.hidden a:active {color: #979E86;font-style: italic;}
.header ul li.hidden ul {display: none;}
.header ul li.hidden:hover {background-image: url('navi.gif');cursor: default;}
.header ul li.hidden:hover ul {display: none;}
.header ul li.hidden a:hover{cursor: default;}
.header ul li ul {display: none;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: normal;}
.header ul li ul {position: absolute;top: 100%;left: 0%;height: auto;font-weight: normal;margin: 0%;padding: 0%;border-right-width: 0%;border-bottom: #00FF60 solid 1px;	border-top: #00FF60 solid 1px;	background-image: none;}
.header ul li ul li {float: none;border-width: 0px;width: 100%;text-indent: 0px;background-image: none;height: auto;}
.header ul li ul li a{top: 100%;left: 0%;background-image: none;height: auto;	width: 173px;font-weight: normal;}
.header ul li ul li a{padding: 0;}
.header ul li a{display: block;width: auto;padding: 0.3em 1em 0.3em 0.1em;}
.header ul li ul li a:visited, .header ul li ul li a:link {color: #000;background-color: #D8EFDF;text-indent: 4px;}
.header ul li ul li a:visited, .header ul li ul li a:link, .header ul li ul li a:hover, .header ul li ul li a:active {border-right: #00FF60 solid 1px;	border-left: #00FF60 solid 1px;	border-bottom: 0px;text-decoration: none;padding-top: 3px;padding-bottom: 3px;}
.header ul li ul li a:hover, .header ul li ul li a:active {color: #000;background-color: #00FF66;background-image: none;height: auto;}
.header li:hover {z-index:100;}
.header ul li a:visited, .header ul li a:link {text-decoration: none;color: #101c3f;display: block;}
.header ul li a:hover, .header ul li a:active {color: #000;background-color: transparent;}
.header li {position: relative;}
.footer p,.footer-A p, .footer a:link, .footer-A a:link, .footer a:visited , .footer-A a:visited {text-decoration: none;color: #4fa17f;text-align: left;padding-top: 25px;font-weight: normal;}
.footer a:hover, footer a:active, .footer-A a:hover, footer-A a:active {color: #29674d;text-decoration: underline;}
.right p {padding-left: 25px;}
p, h1, h2, h3{font-family: Verdana, sans-serif;margin-right: 10px;margin-left: 20px;margin-bottom: 0px;padding-top: 0px;margin-top: 0px;padding-bottom: 15px;}
.main ul {font-size: 0.9em;list-style: circle;padding-top: 5px;margin-top: 0px;padding-bottom: 5px;}
li#title {list-style: none;text-indent: -20px;font-weight: bold;padding-top: 15px;color: #555;}
p{font-size: 0.9em;}
h1 {font-family: Comic Sans MS;font-size: 2em;font-weight: normal;padding-top: 23px;padding-bottom: 25px;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.3em;font-style: normal;line-height: 20px;font-weight: normal;font-variant: normal;text-transform: none;text-align: left;margin-top: 10px;padding-top: 20px;color: #333;margin-bottom: 0px;padding-bottom: 20px;}
h3 {font-size: 0.9em;font-weight: bold;margin-bottom: 0px;padding-bottom: 0px;padding-top: 10px;color: #AE4D2D;}
acronym {cursor: help;border-bottom: #000 dotted 1px;}
ol {font-size: 0.9em;}
ol li {padding-bottom: 1em;}
ol li ol {padding-bottom: 0.5em;}
ol li ol li {padding-top: 1em;padding-bottom: 0em;}
ul {padding-bottom: 15px;}
.three {width: 250px;}
.button {width: 80px;height: 40px;cursor: pointer;background-color: #D7EBF4;border-color: #0099CC;margin: 0%;padding: 0%;color: #101C3F;}
.button:hover {background-color: #E7F8FF;}
.three, textarea{font-size: 1.2em;font-family: Verdana, sans-serif;margin-bottom: 8px;margin-top: 2px;border-color: #0099CC;background-color: #FFFFFF;}
form {border: #79BDD4 dotted 2px;border-width: 2px 0px 2px 0px;margin-left: 10px;margin-right: 10px;width: auto;padding-top: 15px;color: #101C3F;padding-bottom: 10px;}
.thumbnail {float: left;width: 85px;height: 135px; font-size: 0.8em;margin-left: 10px;margin-bottom: 15px;background-color: #FFF;background-image: url('thumb-taus.jpg');background-repeat: no-repeat;text-align: center;overflow: hidden;}
.thumbnail a {width: 85px;height: 135px;display: block;text-decoration: none;}
.thumbnail a.small {font-size: 0.8em;}
.thumbnail a:link, .thumbnail a:visited {color: #451F12;}
.thumbnail img {margin-top: 10px;margin-bottom: 5px;border: #7E584C solid 1px;}
.clearboth { clear: both; }
.content-A p, .content-A h1, .content-A h2, .content-A h3 {width: 600px;padding-left: 40px;padding-right: 40px;}
.content-A h1 {padding-left: 10px;}
ul li ul li ul {list-style-image: url("square2.gif");font-size: 0.9em;color: #666;letter-spacing: 0.1em;}
ul {list-style: square;}
ul li ul {list-style-image: url('square1.gif');} 
.content a, .content-A a {letter-spacing: 0.1em;}
.content-A ul li {padding-bottom: 1em;}
.content-A ul li ul li {padding-bottom: 0;}
.content-A ul {padding-bottom: 5px;padding-top: 0;margin-left: 40px;padding-left: 40px;}
.content-A ul li ul {margin-left: 15px; padding-left: 15px;}
