* {
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
}

img {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#container {
	width: 980px;
}

#main {
	padding: 0px 15px 0px 15px;
}

#content{
	height: 900px;	/* for IE6 and under */
	min-height: 900px;  /* This should be enough for mynosColumn */
	padding: 0px 40px 20px 30px;
	background: transparent url(images/bg_content.jpg) left top repeat-y;
	z-index: 1;
	margin: 0px;
	position: relative;
}
html>body #content{height:auto;} /* hide height from non-IE browsers */

#header{
}

#footer{
} 

a:link{
	text-decoration: underline;
	padding: 0px;
	color: #006699;
}

a:hover{
	text-decoration: none;
}

a:visited{
	color:#bb503e;
}

a.navi{
	border:none;
	padding:0px;
	background-image:none;
}

a.navi:hover{
	background-image:none;
}

#pageHeader {
	display: inline;
	left: 0px;
	overflow: hidden;
	position: relative;
	top: 0px;
	margin: 0;
	margin-bottom: 10px;
	font-weight: bold;
	color: #006699;
	width: 100%;
}

#pageHeader h1 {
	font-size: 19px;
	font-weight: normal;
	border-bottom: solid #006699 2px;
}

#pageHeader h2{
	font-size: 16px;
}

span.error {
	color: red;
}
.contentWidth {
	margin: 0px;
	padding: 0px;
	width: 684px;
	font: normal 12px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	line-height: 1.4em;
}

#content .oneColumn {
	padding: 10px;
	clear: both;
	width: 660px;
}

.contentWidth p {
	margin-bottom: 0px;
}

/*.contentWidth p + p {
	text-indent: 1.5em;
	margin-top: 0px;
}*/

.contentWidth Xh1 {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: solid #006699 2px;
	font-weight: normal;
}

.contentWidth h2{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}

/* for Info-HR Manager */
#before, #for, #at, #after {
	padding-top: 20px;
	display: block;
	min-height: 180px;
	text-align: center;
}

#before p, #for p, #at p, #after p {
	padding-bottom: 10px;
	text-align: center;
}

.picTextBlock img {
	border: solid #006699 1px;
	text-align: center;
	max-width: 150px;
	height: 120px;
}

.picTextBlock p {
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}

#for .picTextBlock {
	float: left;
	width: 25%;
}

#at .picTextBlock {
	float: left;
	width: 33%;
}

/* originally for Info->Quality Manager */

.bubbleBlock {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Originally for Sitemap */
.iconBlock {
	padding-bottom: 20px;
	min-height: 80px;
}

.twoColumnLeft .iconBlock .icon {
	clear: left;
	float: left;
}

.twoColumnRight .iconBlock .icon {
	clear: left;
	float: left;
}

.oneColumn h1, {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid #006699 2px;
	font-weight: normal;
}

.oneColumn h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}

.oneColumn .figure {
}

.oneColumn .figure .caption {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	color: red;
}

.oneColumn .figure img {
	padding-top: 20px;
	max-width: 640px;
	width: expression(this.width > 640 ? 640: true);
}

.oneColumn ul {
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 20px;
	text-align: left;
	list-style-type: square;
}

.oneColumn object {
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	border: solid #006699 2px;
}

.comicBox {
	position: relative;
	top: 20px;
	width: 650px;
	height: 720px;
	display: block;
}

.comicBox img {
	width: 220px;
}

.comicBox p {
	width: 200px;
}

/* The 2-column styles */
/* Use these styles alternatingly for chess pattern effect */

#content .twoColumnLeft {
	clear: left;
	float: left;
	padding: 5px;
	width: 327px;
}

#content .twoColumnRight { 
	clear: right;
	float: right;
	padding: 5px;
	background-color: #EEEEEE; 
	width: 327px;
}

#content .twoColumnLeftEven {
	clear: left;
	float: left;
	padding: 5px;
	margin-top: 20px;
	background-color: #EEEEEE; 
	width: 327px;
}

#content .twoColumnRightEven { 
	clear: right;
	float: right;
	padding: 5px;
	margin-top: 20px;
	width: 327px;
}

.contentWidth p.frenchline {
	text-indent: 0;
	margin-top: 0px;
}

.contentWidth p.form_line {
	text-indent: 0;
	margin-top: 0px;
	padding-bottom: 5px;
}

.form_field {
	text-indent: 0;
	margin-top: 0px;
	padding-bottom: 5px;
}

.form_field label {
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

ul {
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 20px;
	text-align: left;
	list-style-type: square;
}

.offer {
    border: dashed #006699 2px;
}

.offer h2 {
	font-size: 24px;
}

.offer p {
	text-align: center;
}

.offer p.line {
	font-weight: normal;
	font-size: 16px;
}

span.highlight {
	font-weight: bold;
} 
/* mynosColumn contains a diverse number of ads */

#mynosColumn {
	position: absolute;
	top: 32px;
	right: 30px;
	padding: 0px;
	margin: 0px;
	line-height: 0.8em;
	width: 204px;
}

#mynosColumn .a_mynos { 
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

p.mynoscaption {
	text-align: center;
	display: block;
	font-size: 10px;
	background-color: #006699;
	color: white;
}

img.mynos {
	width: 200px;
	display: block;
	border: solid #006699 2px;
}

#mynosColumn a:link{
	text-decoration: none;
}

/* Feedback form */

#feedbackForm p {
	margin-left: 10px;
	text-indent: 0px;
}

/* Something else entirely */
#presentation {
	padding-top: 20px;
}

Xh1{
	font-size:19px;
	font-weight:normal;
	color:#006699;
	text-align:left;
	margin:0px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: solid #006699 1px;
}

h2{
	font-size:16px;
	font-weight:bold;
	color:#006699;
	text-align:left;
	margin:0px;
}

p{
	line-height: 1.2em;
	text-align: left;
}

hr{
	z-index:5;
}

img.right{
	float:right;
}

img.left{
	float:left;
}

img.center{
	float:none;
}

span.emphasis {
	font-weight:bold;
}

span.ttc {
	color:#006699;
	font-weight:bold;
	font-style: italic;
}

/************************** rule  ***************************/
#rule_content {
	width: 270px;
	height: 240px;
	background: transparent url(images/rule_content_bg.gif) left top no-repeat;
	display: block;
	left: 100px;
	padding-left: 20px;
	padding-right: 20px;
}

#rule_content h1 {
	color: #006699;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding-top: 13px;
	text-align: left;
	margin: 0;
}

#rule_content h2 {
	font-weight: normal;
	font-size: 16px;
	display: block;
	text-align: center;
	margin: 0;
}

#rule_content p {
	text-align: left;
	display: block;
}


/****************** Kirjan ote *********************************/
div.ote_content{
	margin-top: 20px;
	border-top: dashed #006699 2px;
	font: normal 12px "American Typewriter", "Baskerville", "Courier", "Helvetica", sans-serif;
}

.ote_title{
	color: #006699;
	font-weight: normal;
	font-size: 16px;
	display: block;
	padding-top: 10px;
}

.ote_explanation{
	border-top: dashed #006699 2px;
	margin-top: 1em;
	padding-top: 1em;
	display: block;
	text-align:left;
	color: red;
	font: normal 12px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
}

.ote_content p {
	display:block;
	text-align:left;
}

/************************** navi ****************************/
div#navi{
	position:relative;
	display:block;
	top:0px;
	width:955px;
	height:131px;
	padding:0px;
	margin:0px;
}

img#navi_lc{
	position:absolute;
	top:0px;
	left:0px;
}

img#navi_home{
	position:absolute;
	top:0px;
	left:63px;
}

img#navi_info{
	position:absolute;
	top:0px;
	left: 176px;

}

img#navi_forum{
	position:absolute;
	top: 0px;
	left:273px;
}

img#navi_metrics{
	position:absolute;
	top:0px;
	left:364px;
}

img#navi_contact{
	position:absolute;
	top: 0px;
	left:461px;
}

img#navi_material{
	position:absolute;
	top:0px;
	left:552px;
}

img#navi_testdrive{
	position:absolute;
	top:0px;
	left:645px;
}

img#navi_feedback{
	position:absolute;
	top:0px;
	left:738px;
}

img#navi_rc{
	position:absolute;
	top:0px;
	left:846px;
}

img#navi_btm{
	position:absolute;
	left:63px;
	top:89px;
}

div#lang{	
	position:absolute;
	top:60px;
	left:871px;
}

button{
	width: 150px;
	margin: 5px;
	vertical-align:middle;
	padding: 5px;
}

/* Info for project manager */

.fishbone h2 {
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: center;
	font: normal 16px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
}

table.fishbone{
	width: 100%;
	font: normal 12px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;

}

td.fb_1{
	background-image:url(images/fb_1.gif);
	background-repeat:no-repeat;
	height: 210px;
	padding-right: 20px;
	padding-left: 5px;
	line-height: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top:0px;
	margin-top: 3px;
	text-align: left;
}

td.fb_backbone{
	border: solid #000000 2px;
	background-color:#FFFFFF;
}

td.fb_line{
	height: 25px;
	background-image:url(images/fb_line.gif);
	background-repeat:repeat-y;
	padding: 0px;
	margin: 0px;
}

.fb_center{
	text-align:center;
	display:block;
	margin: 0px;
	padding: 3px;
}

/* The column styles */
div.wrapper {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	font: normal 12px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
}

table.form_data {
	font: normal 12px "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
}

div.wide_column, div.small_column {
	float: left;
}

div.wide_column {
	width: 187px;
}

div.small_column {
	width: 90px;
}

p.column_head {
	font-weight: bold;
	text-indent: 15px;
	text-align: left;
	padding-top: 10px;
}

.checker_section {
	float: left;
	width: 383px;
	border: 1px dashed #006699;
}

#column_1 {
	float: left;
	width: 147px;
}

#column_2 {
	float: right;
	width: 231px;
}

.author_section {
	float: right;
	width: 393px;
	border: 1px dashed #006699;
}

#column_3 {
	float: left;
	width: 152px;
}

#column_4 {
	float: right;
	width: 231px;
}

.section_text {
	text-indent: 10px;
}

p.high_line {
	height: 1.6em;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

p.tight_line {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
}

p.hint_line {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}


.wrapper h1 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid #006699 2px;
	font-weight: normal;
}

.wrapper h2 {
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	border-bottom: solid #006699 1px;
}

.wrapper input[type="text"], textarea {
	background-color: white;
}