/* CSS Document */

html {
	display: block;
}

/* maarittaa rungossa katetyt varit, fontit ja reunukset */
body {
	background: #404840;
	color: #e2e2e2;
	font-family: verdana, trebuchet ms, lucida-sans, helvetica, arial, sans-serif;
	font-size: small;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

/* paavalikon menun linkin ulkoasu */
a.menu {
	color: #000000;
	text-decoration: none; 
}
a.menu:hover {
	color: #ffffff;
	text-decoration: none;
}

a.menuselected {
	color: #ffffff;
	text-decoration: none;
}

/* alivalikon menun linkin ulkoasu */
a.submenu {
	color: #95af36;
	text-decoration: none; 
}
a.submenu:hover {
	color: #f0f0f0;
	text-decoration: none;
}

a.submenuselected {
	color: #f0f0f0;
	text-decoration: none;
}


/* tapahtumanavigoinnin ulkoasu */
a.eventnavigation {
	color: #000000;
	text-decoration: none; 
}

a.eventnavigation:hover {
	color: #ffffff;
	text-decoration: none;
}

/* kuvanavigoinnin ulkoasu */
a.imagetext {
	color: #ffffff;
	text-decoration: none; 
}

a.imagetext:hover {
	color: #000000;
	text-decoration: none;
}


/* tapahtumannimen ulkoasu */
a.headera {
	color: #000000;
	text-decoration: none; 
}
a.headera:hover {
	color: #ffffff;
	text-decoration: none;
}

/*leipätekstin ulkoasu */
a.text {
	color: #ffffff;
}

/* perustagien oletuksia */
p {
	font-size: small;
	font-family: lucida-sans, helvetica, arial, sans-serif, verdana;
}

h2 {
	color: #e2e2e2;
	font-size: large;
}

h3 {
	color: #e2e2e2;
	font-size: small;
}

/* nuolista pois reunukset */
img.arrow {
	border: none;
}	

/* taulukot */

table.main {
	margin-left:auto; 
	margin-right:auto;
	align: center;
	width: 950px;
}

/* päämenun vasen laita, sis. suoran reunan */
td.menuleft {
	width: 19px;
	height: 30px;
	border-left: solid;
	border-left-width: 1px;
	border-color: #000000;
	background: #95af36;
}

/* päämenun oikea laita, sis. suoran reunan */
td.menuright {
	width: 19px;
	height: 30px;
	border-right: solid;
	border-right-width: 1px;
	border-color: #000000;
	background: #95af36;
}

/* päämenun keskiosa, ei reunoja (keskella) */
td.menucenter {
	width: 130px;
	height: 30px;
	background: #95af36;
	vertical-align: center;
	color: #000000;
	font-size: small;
	font-weight: bold;
	letter-spacing: 0.1em;	
}

/* päämenun keskiosa, ylareuna nakyvissa */
td.menucentertop {
	width: 132px;
	height: 29px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	vertical-align: center;
	color: #000000;
	font-size: small;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* päämenun keskiosa, alareuna nakyvissa */
td.menucenterbottom {
	width: 132px;
	height: 29px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-color: #000000;
	background: #95af36;
	vertical-align: center;
	color: #000000;
	font-size: small;
	font-weight: bold;
	letter-spacing: 0.1em;		
}

td.submenu {
	width: 128px;
	height: 18px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background: #5A5C5A;
	vertical-align: center;
	padding-left: 2px;	
	color: #ffffff;	
}

/* vasen sisällys */
td.contentleft {
	width: 170px;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 10px;
}

td.content {
	width: 100%;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 10px;
}

table.headera {
	width: 300px;
	height: 60px;
}

/* Header oikealla tekstisisältösivuille*/
td.headera {
	width: 300px;
	height: 58px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	/*background: #909090;*/
	vertical-align: center;
	text-align: center;
	color: #000000;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 0.1em;		
}

/* Header oikealla kuvasivuille*/
td.headeraimagepages {
	width: 300px;
	height: 39px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-color: #000000;
	background: #95af36;
	vertical-align: top;
	text-align: center;
	color: #000000;
	font-size: medium;
	font-weight: bold;
}


/* headern solu jossa nuoli ylöspäin */
td.headeratop {
	width: 300px;
	height: 19px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	/*background: #909090;*/
	vertical-align: center;
	text-align: center;
	color: #000000;
	font-size: medium;
	font-weight: bold;
}

td.eventnavigationleft {
	width: 200px;
	height: 58px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	vertical-align: center;
	text-align: left;
	color: #000000;
	font-size: small;
	/*font-weight: bold;*/
	padding-left: 5px;		
}

td.eventnavigationright {
	width: 200px;
	height: 58px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	/*background: #909090;*/
	vertical-align: center;
	text-align: right;
	color: #000000;
	font-size: small;
	/*font-weight: bold;*/
	padding-right: 5px;		
}

/* tapahtuman kuvaus */
td.description {
        vertical-align: center;
        text-align: center;
        font-size: small;
        padding: 10px 10px 10px 10px;
        color: #95af36;
        font-size: small;
        font-weight: bold;
        letter-spacing: 0.1em;
}


td.arrow {
	width: 20px;
	height: 58px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-top: solid;
	border-top-width: 1px;
	border-color: #000000;
	background: #95af36;
	/*background: #909090;*/
	vertical-align: center;
	text-align: center;
	color: #000000;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 0.1em;		
}

/* tyhjä ruutu tekstin vasemmalle ja oikealle puolelle */
td.textcolumn {
	width: 20px;
}

/* rivi kuvan alla ja päälle, jotta saadaa nuolet kohdalleen */
td.emptyrow {
	width: 660px;
	background: #5A5C5A;
	vertical-align: center;
	text-align: center;	
	color: #ffffff;
}

/* leipätekstille */
td.text {
	width: 740px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background: #5A5C5A;
	vertical-align: center;
	padding-left: 5px;	
	color: #ffffff;
}

/* thumbnailien pohja (suuri) */
table.thumbnailcell {
	width: 740px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	background: #5A5C5A;
	vertical-align: center;
	padding-left: 5px;	
	color: #ffffff;
}	

/* yksittäisen thumbnailin pohja */
td.thumbnail {
	width: 185px;
	background: #5A5C5A;
	vertical-align: center;
	text-align: center;
	color: #ffffff;
	font-size: small;
	padding: 10px 10px 10px 10px; 
}

td.image {
	background: #5A5C5A;
	vertical-align: center;
	text-align: center;
	color: #ffffff;
	font-size: small;
	padding: 5px 0px 5px 0px; 
}

/* kuville määritelty */
img.thumbnail {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

img.image {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

img.pageimage {
	/*	border-style: none; */
	padding 10px 10px 10px 10px;
}