html {
    overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	background: #fff url("../images/back_header.jpg") top left repeat-x;
}

a {
	color: darkblue;
	text-decoration: none;
}
a:hover {
	color: red;
}

div.center {
	width: 960px;
	margin: 0 auto;
}

div#header {
	background: transparent url('../images/back-banner.png') 35% 0 no-repeat;
	height: 60px;
}
div#header-img {
	height: 60px;
	border-bottom: 1px solid #b7caf3;
}
div#header-img div#today {
	float: right;
	color: #666;
	clear: right;
}
/*** MENU ***/
div#horizmenu {
	float: right;
	margin-top: 2px;
	height: 23px;
}
ul.level1 {
	list-style: none;	
	margin: 0;
	padding: 0;
	height: 23px;
	overflow: hidden;
}
ul.level1 li {
	float: left;
	padding: 0 5px;
}
ul.level1 li a {
	padding: 3px;
	outline: none;
	display: block;
	color: #eee;
}
ul.level1 li a:hover {
	background: url("../images/back-menu-hover.png") bottom center nor-repeat;
}
ul.level2 {
	list-style: none;	
	margin: 0;
	padding: 0;
	background: #eef;

	display: none;
	position: absolute;
	z-index: 2000;
	top: 25px;
	margin-left: -10px;
	background: #fff url("../images/back-menu.png") top right repeat-y;
}
ul.level2 li {
	float: none;
	margin: 0;
	padding: 0;
}
ul.level2 li a {
	padding: 5px 15px;
	color: #555;
}
ul.level2 li a:hover {
	background: #fff;
	color: #55f;
}

/* MAIN AREA */
div#main {
	clear: both;
	overflow: hidden;
}
div#main div.center {
	width: 960px;
	border-top: none;
	border-bottom: none;
	padding: 20px 0;
}



/*** COLUMNS ***/
div#left {
	width: 180px;
	margin-right: 10px;
}
div#right {
	width: 180px;
	padding-left: 10px;
}
div#content {
}

div.module{
	margin: 0 0 15px 0;
}
div.module h3 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 14px;
	font-weight: Normal;
	color: #999;
}
div.module h3 a {
	color: #f4793a;
}
div.module h3 a:hover {
	color: #9479fa;
}
div.module ul {
	list-style: none;
	margin: 0;
	padding: 0 2px;
}
div.module ul li {
}
div.module ul li a {
	display: block;
	padding: 2px 4px;
	border: 1px solid transparent;
	outline: none;
}
div.module ul li a:hover {
	text-decoration: none;
	color: #9479fa;
	border: 1px solid #ddd;
}


div.centermodule {
}
div.centermodule h3 {
	color: #99c;
	border-bottom: 2px solid #ddd;
	padding: 2px;
	margin-top: 20px;
}

div#footer {
	background: #b7caf3;
	padding: 3px;
	border-top: 1px solid #555;
}







/******* INDIVIDUAL PAGES **********/
div.shkrim {
	background: #dbeaf5;
	margin: 10px 0;
}
div.shkrim div.details {
	width: 150px;
	float: right;
	background: #ffffcc url("../images/box_01.png") top left no-repeat;
	border-left: 3px solid #dbeaf5;
}
div.shkrim div.details div.details1 {
	background: transparent url("../images/box_04.png") bottom left no-repeat;
}
div.shkrim-teksti {
	padding: 4px;
}



/*** CHART ***/
table.chart {
	background: transparent url("../images/bg_fade.png") top left repeat-x;
}
table.chart .first {
	border-bottom:1px solid #e5e5e5;
	padding: 5px;
}
table.chart .last {
	border-top:1px solid #e5e5e5;
	padding: 5px;
}
table.chart td.label {
	padding: 4px 6px;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#fff;
}
table.chart td.value {
	background: transparent url("../images/chart-gridline.gif") top left repeat-x;
	border-left: 1px solid #e5e5e5;
	padding:0;
	border-bottom: none;
	width: 290px;
}
table.chart td.value img {
	vertical-align: middle;
	margin: 5px 5px 5px 0;
}

table.chart th {
	text-align: left;
	vertical-align:top;
	background: #fff;
	padding: 5px;
}

table.chart caption {
	font-style:italic;
}

table.data th {
	background-color: #777;
	border: 1px solid #fff;
	color: #fdd;
	padding: 3px;
}
table.data td {
	background-color: #fbead5;
	border: 1px solid #fff;
	padding: 3px;
}


/* GUESTBOOK */
div.gb-entry {
	margin: 20px 0;
	background: url('../images/icons/speak1.png') 127px 0 repeat-y;
}
div.gb-entry-person {
	width: 100px;
	height: 100px;
	float: left;
}
div.gender-m {
	background: url('../images/icons/m.png') left top no-repeat;
}
div.gender-f {
	background: url('../images/icons/f.png') left top no-repeat;
}
div.gender-u {
	background: url('../images/icons/u.png') left top no-repeat;
}
div.gb-entry-person-name {
	margin-top: 85px;
	width: 100px;
	height: 15px;
	color: #000;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.gb-entry-person-date {
	margin-top: 3px;
	width: 100px;
	font-size: 10px;
	text-align: center;
}

div.gb-entry-text1 {
	float: left;
	width: 470px;
	background: url('../images/icons/speak2.png') 0 20px no-repeat;
}
div.gb-entry-text2 {
	padding-left: 28px;
}
div.gb-entry-text3 {
	border: 1px solid #9d9d9d;
	border-left: none;
	background-color: #ffd3ff;
}
div.gb-entry-text4 {
	height: 100px;
	overflow: hidden;
}
div.gb-entry-text {
	padding: 7px 10px;
}
div.gb-resizer {
	text-align: center;
	width: 100%;
	display: none;
}

textarea.gb-entry-textarea {
	width: 420px;
	line-height: 15px;
	font-family: inherit;
	font-size:12px;
	min-height: 60px;
	max-height: 300px;
	background: transparent;
	border: 1px solid #fff
}
input.gb-entry-submit {
	background: ddf;
	border: 1px solid #99b;
	color: #446;
	clear: left;
	margin: 5px;
}
div.no-overflow {
	overflow: none;
	height: auto;
}
