/*** Global Settings ****/
body {font : normal 14px Arial, Helvetica, sans-serif;color : #000000;margin : 0;padding : 0;background : #d57209;}
p { margin : 10px 0px 0 px;padding: 10px 0px;}
a:visited, a:link {color : #993300;text-decoration : underline;background:none;}
a:hover {color : #CC9900;text-decoration : none;background:none;}
h1 {color : #993300;margin: 0px 0px 10px 0px;padding-bottom : 10px;font : bold 18px Georgia, serif;letter-spacing: 1px;border-bottom : 2px solid #efece7;}
h2 {color : #993300;margin : 20px 0 10px;padding-bottom : 10px;font : bold 17px Georgia, serif;border-bottom : 1px solid #efece7;letter-spacing: 1px;}
h3 {color : #993300;margin : 10px 0;padding-bottom : 10px;font : bold 14px Georgia, serif;border-bottom : 1px solid #efece7;letter-spacing: 1px;}
ul {padding:0px;margin:0 0 0 17px;list-style: square url(images/bullet2.gif);}
li {margin:10px 10px;}
.box {background : #f7f7f7;border : 1px solid #f0e9eb;padding : 15px;}
img {margin:20px 0px 20px;border:solid;border-width:thin;}
img.kehykseton {margin:0px;border:none;}
th {font-size : 10px;}

/*** Layout ****/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#cssmenu {
  height: 37px;
  display: block;
  border: 1px solid;
  border-radius: 5px;
  width: auto;
  border-color: #080808;
  margin: 0;
  padding: 0;
}
#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  font-weight: 700;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 1px solid #080808;
  color: #ffffff;
  padding: 12px 20px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #3c3c3c;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu > ul > li.has-sub > a:hover,
 background: #3f3f3f;
  border-color: #3f3f3f;
#cssmenu > ul > li.has-sub:hover > a {
  background: #3f3f3f;
  border-color: #3f3f3f;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  background: #3f3f3f;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 10px 0;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul ul ul {
  position: absolute;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -10px;
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 20px;
}
#cssmenu,
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
  background: #3c3c3c;
  background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
}
#cssmenu > ul > li > a:hover {
  background: #080808;
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

#side-image {height: 400px; width : 291px;background : url(images/senniseuraa.jpg) no-repeat ;float:right;}
#wrapper {margin : 0 auto;width : 1280px;border: 1px outset #f0e9eb;background : #ffffff;position: relative;
    top: 30px;border-radius:30px;}
#header {margin : 1 1px;}
#banneri {height : 140px;background : url(images/banneri_uusi.jpg) no-repeat; 
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;}
#bg {height : 40px;background : url(images/bg.gif) repeat-x;}
#nav {font : bold 15px Arial, Helvetica, sans-serif;background : #B84000;padding : 10px 20px;text-align : left;color : #000000;}
#nav a:visited, #nav a:link {text-decoration : none;color : #000000;}
#nav a:hover {text-decoration : underline;color : #f6dde3;}
#main-content {margin : 0 auto;}
#middle-column {width : 750px;height: 75vh;padding : 0px 5px 5px;float:right;overflow: scroll;}
#left-column {width : 170px;float : left;padding : 0px 5px 5px;margin:0px 0px 0px 20px;}
.crd a:visited, .crd a:link, .crd a:hover{text-decoration : none;color : #2a3845;cursor: text;}
#footer {text-align : center;font : bold 11px Arial, Helvetica, sans-serif;background : #080808;color : #ffffff;border-top : 1px solid #f0e9eb;padding : 10px 15px;clear : both;letter-spacing: 1px;  
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;}}
/*** SideBAR ***/
#main-image {text-align : center;}
.sidebar {width : 170px;margin : 0 auto;background : url(images/shadow.jpg) no-repeat top;padding : 10px 10px;}