/* Start of CMSMS style sheet 'SKK' */
/******* INITIAL SETTINGS *******/

body {
   text-align: left;
   font-family: Verdana, Geneva, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background: #fff;
   color: #333;
   margin: 0;
   padding: 0;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}
a, a:link, a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #ff0702;
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #ff0702;
}
a:hover {
   text-decoration: none;
   color: #ff0702;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

/*********** MAIN MENU ***********/
#mainmenu {
   padding: 40px 10px 0 0;
   height: 20px;
   width: 650px;
   float: right;
}
#mainmenu ul {
   float: right;
}
#mainmenu ul li {
   float: left;
   padding: 0 35px;
   height: 50px;
   text-transform: uppercase;
   font-size: 1.1em;
}
#mainmenu ul li a {
   text-decoration: none;
   color: grey;
   font-weight: bold;
}
#mainmenu a:hover, #mainmenu a:active, #mainmenu li.currentpage a {
   color: red;
}
#mainmenu a:focus { outline: none; }

/*********** HEADER ***********/

div#headerwrapper {
   height: 95px;
   margin-top: 15px;
   background: transparent url(uploads/skk/header-back.gif) repeat-x bottom left;
}
div#header {
   height: 74px;
   margin: 0 auto;
   width: 960px;
   background: transparent url(uploads/rakvanttilayout/menuback.gif) 10px bottom no-repeat;
}

div#midblock_wrapper {
   height: 19px;
   background: transparent url(uploads/skk/midblock-wrapback.gif) repeat-x;
}
div#midblock {
   margin: 0 auto;
   width: 940px;
   height: 146px;
   background: transparent url(uploads/images/midblock.png) no-repeat;
}
div#midblock_top {
   margin: 0 auto;
   width: 960px;
   height: 19px;
   background: transparent url(uploads/skk/midblock-topback.gif) no-repeat;
}
div#homelink {
   float: left;
   height: 95px;
   width: 251px;
   margin: 0 auto;
   background: transparent url(uploads/skk/header-logo.gif) no-repeat;
}
div#homelink a {
   display: block;
   width: 251px;
   height: 95px;
   text-indent: -999em;
   text-decoration:none;
}

/******* CONTENT *******/

div#contentwrapper {
   width: 940px;
   margin: 0 auto;
padding: 0 10px;
   background: transparent url(uploads/skk/content-back.gif) repeat-y;
}
div#pagewrapper {
   background: #FFF;
}
div#main {
   float: left;
   width: 560px;
   padding: 20px 20px 30px 20px;
}
#content {
   background: #fff;
}


/********** SIDEBAR **********/

div#sidebar {
   float: right;
   width: 280px;
   padding: 70px 20px 10px 10px;
   background: url(uploads/images/midblock-bottom.png) no-repeat 0px 0;
}

/*********** FOOTER ***********/

div#footer {
   background: url(uploads/skk/content-bottom.gif) no-repeat;
   height: 41px;
   margin: 0 auto;
   width: 960px;
   text-align: center;
   color: grey;
}
div#footer p {
   padding-top: 10px;
}

/******** ADDITIONAL ********/

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}
.clear {
   clear: both;
}

/******** GOOGLE MAP ********/

#map {
   float: right;
   width: 400px;
   height: 300px;
}

/******* TEXT HEADERS *******/

div#content h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #ec1c24; 
   font-size: 1.6em;
   line-height: 1.2em;
   text-align: left; 
   margin: 0 0 1em 0;
}
div#content h3 {
   color: #ec1c24; 
   font-size: 1.4em;
   line-height: 1.3em;
   margin:  0 0 1em 0;
}
div#content h4 {
   color: #ec1c24; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 1.4em 0 0.25em 0;
}
div#content h5 {
   color: #ec1c24; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #ec1c24; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/*********** TEXT ***********/

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

/********** LISTS **********/

div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 10px 0 15px 0;
   list-style-type: disc;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/*********** FORM ***********/

input {
   width: 275px;
   float: left;
   clear: left;
   margin-bottom: 10px;
}
label {
   float: left;
   clear: left;
}
div.submit input {
   width: 100px;
   float: right;
   clear: left;
   margin-top: 10px;
}
/*********** OTHER ***********/
.tasaus strong {
  width: 40px;
  margin-right: 5px;
  float: left;
}
.tasaus p {
   display: block;
}
/* End of 'SKK' */

