/***********************
Kolesteroliliikuntamittarin tyylisivu
Copyright Newtest Oy
***********************/


/***********************
Colours
***********************/
BODY {
	/* Body background */
	background-image: url(../images/pohja.gif);
}

#content,
.menubase,
.menubutton,
.menubutton2 {	
	/* Main background */
	background-color: #dae0ec;
}

.contentborder, .claimer {
	/* Outer border color */
	background-color: #0065b2;
}

.contentborder_tl,
.contentborder_tr,
.contentborder_bl,
.contentborder_br {
	/* Outer border corners */
}

.left,
.presentationtable TH,
#title {
	/* A darker background color for extra emphasis
	(and the left side of the page) */
	background-color: #d0d6e0;
}

#menu LI UL,
#menu LI UL LI,
.menubutton,
.menubutton2 {
	/* Menu background */
	background-color: #eaf0fc;
}

TD {
	/* Normal font colour */
	color: black;
}

A:link, A:visited, A:hover {
	/* Link colour */
	color: #0065b2;
}

STRONG, H2, 
.hilight, 
.claimer, .claimer A,
#menuul,
.menubutton, .menubutton2,
.presentationtable CAPTION,
.presentationtable TH {
	/* Strong colour */
	color: black;
}

.menubase,
#title,
.claimer,
#content,
.menubutton,
.menubutton2 {
	/* Outer borders */
	border-color: #7a808c;
}

#title IMG,
.left, .right {
	/* Inner borders */
	border-color: #7a808c;
}

#menu LI UL,
#menu LI UL LI {
	/* Menu borders */
	border-color: #7a808c;
}

#menu A:hover {
	/* Menu hover background */
	background-color: #d6e1f0;
	color: red;
}


/***********************
Page-wide tag definitions
***********************/
BODY {
	margin: 10px;
	padding: 0px;

	/* Page base font */
	font-family: "Gill Sans", Helvetica, sans-serif;
	font-size: 13px;
	font-size-adjust: 0.46;
}

H2 {
	margin-top: 0px;
	padding-top: 0px;
}

STRONG, H2,
H2 A:link, H2 A:visited, H2 A:hover,
.presentationtable CAPTION,
.presentationtable TH {
	font-size: 1.0em;
	font-weight: bold;	
}

IMG {
	border: 0px;
}

A:link, A:visited, A:hover {
	font-weight: normal;
}

A:link, A:visited {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}


/***********************
Ordinary layout elements
***********************/

.left, .right {
	padding: 5px;

	border-style: solid;

	vertical-align: top;
}

.left {
	border-width: 0px 1px 1px 0px;
}

.right {
	border-width: 0px 0px 1px 0px;
}

.left UL, .left OL {
	margin-left: 15px;
	padding-left: 0px;
}

.right UL, .right OL {
	margin-left: 20px;
	padding-left: 0px;
}

.left UL LI, .right UL LI,
.left OL LI, .right OL LI {
	margin-top: 5px;
}

.left {
	width: 33%;
	line-height: 1.5em;
}

.left A, .left A:hover {
	font-weight: bold;
}

.presentationtable {
	margin: 10px auto 25px auto;
}

.presentationtable TD,
.presentationtable TH {
	/* All TD's are of the same width */
	width: 25%;

	padding: 5px;

	vertical-align: top;
}

.presentationtable .kuva {
	padding: 10px 5px 5px 5px;
	text-align: center;
}

.presentationtable CAPTION {
	padding: 5px;
}

/***********************
Page base layout definitions
***********************/

/* Primary page container */
#pagebase {
	width: 754px;
	margin: 0px auto;
}

/* The actual page content container */
#content {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
}

/* This acts as a placer for the absolute-placed menu */
.menubase {
	line-height: 1.5em;

	border-style: solid;
	border-width: 1px 1px 0px 1px;
}

#title {
	margin: 0px;
	padding: 0px;
	
	height: 150px;

	border-style: solid;
	border-width: 1px;
	
	background-image: url(../images/header_basic.jpg);
	background-repeat: no-repeat;
}

#titleimg {
	opacity: 0; /* will be overridden with javascript */
	
	margin: 0px;
	padding: 0px;
}

.claimer {
	margin-top: 0px;
	margin-bottom: 0px; 

	border-style: solid;
	border-width: 1px 0px 0px 0px;

	height: 30px;
}

/* Minimal font for &nbsp's */
.contentborder,
.contentborder_tl,
.contentborder_tr,
.contentborder_bl,
.contentborder_br {
	font-size: 0.1em;
}

/* Page outer borders */
.contentborder, .claimer,
.contentborder_tl,
.contentborder_tr,
.contentborder_bl,
.contentborder_br {
	background-repeat: no-repeat;
}

.contentborder_tl {
	background-image: url(../images/border_tl.gif);
}

.contentborder_tr {
	background-position: top right;
	background-image: url(../images/border_tr.gif);
}

.contentborder_bl {
	background-position: bottom left;
	background-image: url(../images/border_bl.gif);
}

.contentborder_br {
	background-position: bottom right;
	background-image: url(../images/border_br.gif);
}


/***********************
The main menu
***********************/

#menu {
	position: absolute;
	top: 22px;
	left: 0px;

	width: 100%;

	text-align: center;
}

#menuul {
	width: 625px;

	margin: 0px auto;
	padding: 0px;

	list-style: none;
}

#menu LI {
	float: left;
	width: 125px;
}

#menu LI UL {
	margin: 0px;
	padding: 0px;

	list-style: none;

	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#menu LI UL LI {
	float: none;
	width: 100%;

	text-align: left;

	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

#menu A {
	display: block;
	width: 119px;

	padding: 4px 2px;
}

#menu A:hover {
	text-decoration: none;
}

.menubutton, .menubutton2 {
	padding: 0px;
	
	line-height: 1.5em;

	vertical-align: middle;
	text-align: center;

	border-style: solid;
}

.menubutton {
	border-width: 0px 0px 0px 1px;
}

.menubutton2 {
	border-width: 0px 1px 0px 1px;
}