body{
	margin:0px 0px 0px 0px;
	font-family:Verdana,Arial,serif;
	font-size:10pt;
	text-align:center;
	color:#000000;
	background-color:#D9CDED;
}

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

h1{
	margin-top:40px;
	margin-bottom:20px;
	font-size:16pt;
}

h2{
	margin-top:40px;
	font-size:10pt;
	border-bottom:1px solid #4a3e7e;
}

h3{
	margin-top:30px;
	font-size:10pt;
}

div#layout{
	width:950px;
	margin:auto;
	border:1px solid #4a3e7e;
	background-color:#ffffff;
}

div#leftnavi{
	width:150px;
	float:left;
	text-align:left;
	background-color:#ffffff;
}

div#content{
	width:709px;
	float:right;
	text-align:left;
	padding:0 20px 40px 0;
	background-color:#ffffff;
}

img[align="left"]  { float: left }
img[align="right"] { float: right }


div#adds{
	clear:both;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
	border-bottom:1px solid #4a3e7e;
	background-image:url("../images/pixels.gif");
	background-repeat:no-repeat;
	height:59px;
}

div#adds img{
	border:0px;
}

div#topnavi{
	clear:both;
	margin:auto;
	text-align:center;
	padding-left:150px;
	background-color:#4a3e7e;
}

div#top_pixels{
	clear:both;
	margin:auto;
	margin-bottom:0px;
	background-image:url("../images/pixels.gif");
	background-repeat:no-repeat;
	border-top:1px solid #4a3e7e;
	height:80px;
}


div#banner{
	clear:both;
	margin:auto;
	text-align:right;
	padding:10px 10px 10px 0px;
	margin-bottom:0px;
	font-size:14pt; 
	font-weight:bold; 
}


div#footer{
	clear:both;
	margin:auto;
	font-size:8pt;
	border-top:1px solid #4a3e7e;
}

div#footer p{
	padding:10px 0px 10px 0px;
	text-align:center;
}

div#footer img{
	margin:8px;
}


table.historia{
	width:100%;
}
table.historia td{
	padding:5px;
}
table.historia img{
	margin:0 10px 0 0px;
}

a:link {
	color:#4a3e7e;
	text-decoration:none;
	background-color:transparent;
}

a:visited {
	color:#4a3e7e;
	text-decoration:none;
	background-color:transparent;
}

a:hover {
	color:#4a3e7e;
	text-decoration:underline;
	background-color:transparent;
}

img.imgborder{
	border:1px solid #4a3e7e;
}

.box{
	background-color:#e0e0e0;
	border:1px dashed #4a3e7e;
	padding:10px;
}

#topmenu {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  padding:5px 0px 5px 0px;
  text-align:left;
}

#topmenu li {
  display: inline;
  margin: 0px;
  text-align:left;
  padding:5px 0px 5px 0px;
}

#topmenu li a:link, #topmenu li a:visited { 
  text-align:center;
  text-decoration: none;
  font-size:10pt;
  color:#ffffff;
  font-weight:bold;
  padding:5px 20px 5px 20px;
}

#topmenu li a:hover {
  color:#4a3e7e;
  background-color:#ffffff;
}

#topmenu li a:active {
  color:#4a3e7e;
}





#leftmenu {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#leftmenu li {
  display: inline;
  padding: 0px;
  margin: 0px;
}

#leftmenu li a:link, #leftmenu li a:visited {
  text-decoration: none;
  display: block;
  padding-left: 7px;
  padding-right: 2px;
  width:135px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:8pt;
  color:#4a3e7e;
  text-align:left;
  border-left:3px solid #c0b9d4;
  border-bottom:1px solid #c0b9d4;
  border-right:3px solid #c0b9d4;
}

#leftmenu li a:hover {
  color:#000000;
  border-left:3px solid #4a3e7e;
  border-right:3px solid #4a3e7e;
  text-decoration:underline;
}

#leftmenu li a:active {
  color:#4a3e7e;
  border-left:3px solid #4a3e7e;
  border-right:3px solid #4a3e7e;
}

#leftmenu li.navititle{
	display: block;
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	color:#000000;
	padding:10px 0 10px 7px;
	text-transform:uppercase;
	width:137px;
	border-left:3px solid #c0b9d4;
	border-right:3px solid #c0b9d4;
	border-bottom:1px solid #c0b9d4;
}


#pikalinkit {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#pikalinkit li {
  display: inline;
  padding: 0px;
  margin: 0px;
}

#pikalinkit li a:link, #pikalinkit li a:visited {
  text-decoration: none;
  display: block;
  padding-left: 7px;
  padding-right: 2px;
  width:135px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:8pt;
  color:#4a3e7e;
  text-align:left;
}

#pikalinkit li a:hover {
	text-decoration:underline;
}

#pikalinkit li a:active {
  color:#4a3e7e;
}

#pikalinkit li.navititle{
	display: block;
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	color:#000000;
	padding:5px 0 5px 7px;
	width:143px;
}



div#etusivu_vasen{
	float:left;
	width:340px;
	padding:20px 0 10px 0;
}

div#etusivu_oikea{
	float:right;
	width:340px;
	padding:20px 0 10px 0;
}

div#etusivu_ala_vasen{
	width:340px;
	padding:20px 0 10px 0;
	float:left;
}

div#etusivu_ala_oikea{
	width:340px;
	padding:20px 0 10px 0;
	float:right;
}

div#etusivu_vasen h2, div#etusivu_oikea h2, div#etusivu_ala_vasen h2, div#etusivu_ala_oikea h2{
	margin:10px 0 20px 0;
	font-size:10pt;
	border-bottom:1px dashed #c0b9d4;
}

div#etusivu_vasen p, div#etusivu_oikea p, div#etusivu_ala_vasen p, div#etusivu_ala_oikea p{
	font-size:8pt;
	padding-left:15px;
}

div#etusivu_vasen td, div#etusivu_oikea td, div#etusivu_vasen p, div#etusivu_oikea p {
	font-size:10pt;
}

table.hallitus, table.tuutorit{
	width:100%;
}
table.hallitus td{
	padding:15px;
	vertical-align:top;
}

form#hamkoSearch{
	padding:8px;
}

form#hamkoSearch input#words{
	width:80px;
}

table.basic td, table.basic th {
	padding:3px;
}

table.basic th {
	border-bottom:1px solid #000000;
}

tr.event_gone{
	background-color:#EDCFCD;
}
tr.event_now{
	background-color:#CDEDD7;
}

/*
Admin-osion logi-sivu
*/
span.logdate{
	color:#2B5400;
	font-weight:bold;
}
span.logname{
	font-weight:bold;
	color:#900000;
}
span.logip{
	color:#79A7E2;
}


p.note, p.error{
	border:1px dashed #000000;
	padding:8px;
}

p.error{
	color:#900000;
}


/*
Tapahtumakalenterit
*/
iframe.eventFrame {
	float:right;
	width:420px;
	height:240px;
	border:0px;
	overflow-x: hidden;
	overflow-y: scroll; 
}

.Cheader{
	color:#ffffff;
}

body#eventBody{
	background-color:#ffffff;
}

div#eventList{
	margin:auto;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	padding:10px 0 20px 0;
}

	div#eventList h2{
		margin:30px 20px 20px 20px;
		padding-bottom:5px;
	}

	div#eventList p{
		margin:0 20px 10px 30px;
	}