/* Start of CMSMS style sheet 'Print' */
* {
margin:0;
padding:0;
}

body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1em;
color: #000;
}

img {
border: 0;
}

/*
Hide these
*/

div#header #flash,
div.breadcrumbs,
div.printbutton,
div#sidebar,
div#main-right-column,
a.readmore,
div.calendar-returnlink {
display: none;
}

/*
default link styles
*/
a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
}

a:visited {
text-decoration: underline;
background-color: inherit;
}

/*****************
basic layout 
*****************/
body {
background-color: #fff;
color: #000;
}

div#pagewrapper {
margin: 0 auto;
}

div#header {
height: 95px;
margin: 0;
padding:0; 
}

div#header h1, div#header h1 a  {
display: none;
}

div#main {
font-size: 1em;
line-height: 1.4em;
margin: 0; 
}

div#footer {
clear: both;
}

div#copyright {
padding-top: 15px;
}

p.office {
float: left;
width: 140px;
font-size: 0.9em;
text-align: left;
color: #999;
}

p.roof {
width: 150px;
}

p.office strong {
font-size: 1.1em;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
height: 1px;
padding: 1em;
border-bottom: 1px dotted black;
margin: 1em;
}

/********************
CONTENT STYLING
*********************/
div#content {
font-size: 1.1em;
}

/* HEADINGS */
div#content h1 {
font-size: 2em;
line-height: 1em;
margin: 0;
}

div#content h2 {
font-family: Georgia, "Times New Roman", serif;
color: #14832B; 
font-size: 2.4em; 
text-align: left; 
padding-left: 0em;
padding-bottom: 1px;
line-height: 1.5em;
}

div#content h3 {
color: #294B5F;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
}

div#content h4 {
color: #294B5F; 
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

div#content h5 {
color: #294B5F; 
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

h6 {
color: #294B5F; 
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0; /* some air around p elements */
line-height: 1.4em;
padding: 0;
text-align: left;
}

strong, b {
/* explicit setting for these */
font-weight: bold;
}

em, i {
/* explicit setting for these */
font-style:italic;
}


/* HINNASTOTAULUT */

table.pricing {
font-size: 1em;
border-collapse: collapse;
margin: 0 0 15px 12px;
}

table.pricing tr {
border: 1px solid #A2DCEA;
}

table.pricing th, table.pricing td {
vertical-align: top;
}

table.pricing th {
font-weight: normal;
padding: 1px 0 1px 3px;
width: 350px;
text-align: left;
}

table.pricing td {
padding: 1px 5px 1px 0;
width: 120px;
text-align: right;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

pre {
border: 1px solid #000;  /* black border for pre blocks */
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}

div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */



/* CONTENTBOXES */

div.contentbox {
width: 192px;
margin: 0 20px 15px 20px;
}

div.contentbox .box_top {
background: url('images/layout/c_box_top.gif') no-repeat top center;
height: 38px;
}

div#content div.contentbox div.box_top h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-style: normal;
color: #edeeeb;
padding: 7px 0 0 15px;
margin: 0;
}

div.contentbox .box_content {
background: url('images/layout/c_box_center.gif') repeat-y center;
padding: 10px;
}

div.contentbox .box_bottom {
background: url('images/layout/c_box_bottom.gif') no-repeat bottom center;
height: 18px;
}

/* END CONTENTBOXES */


/* YHTEISTYÖKUMPPANIT */

div#sidebar div#partners {
background: #E8EFE0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
margin: 22px 0 10px 13px;
padding: 5px 0 5px 9px;
}

div#sidebar div#partners h3{
font-size: 1em;
margin: 2px 0 15px 0;
color: #f00;
}

div#sidebar div#partners img {
margin: 0 0 10px 0;
}

/* End of 'Print' */

