@import url(setdefaults.css);


body {
	font-family:	Bookman, Helvetica, Arial, sans-serif;
	color:		black;
	margin-left:	1%;
	margin-right:	1%;
	background:	silver;
}
h1 {
	clear:	  		both;
	text-align:	  	center;
	font-size:	   	xx-large;
	font-weight:		bolder;
	font-style:	  	normal;
	text-decoration:	none;
	color:		   	black;
	margin-top:		0px;
	margin-bottom:		0px;
}
h2 {
	clear:             	both;
	text-align:	   	left;
	font-size:	  	xx-large;
	font-weight:	   	bolder;
	font-style:	   	normal;
	text-decoration:   	none;
	color:		   	black;
	margin-top:		1em;
}
h3 {
	clear:             	both;
	text-align:		left;
	font-size:		large;
	font-weight:		bold;
	font-style:	  	normal;
	text-decoration:	none;
	color:			black;
	margin-top:		1.5em;
}
h4 {
	clear:             	both;
	text-align:		left;
	font-size:		medium;
	font-weight:		bold;
	font-style:		normal;
	text-decoration:	none;
	color:			black;
	margin-top:		1em;
}
h5 {
	clear:             	both;
	text-align:		left;
	font-size:		medium;
	font-weight:		bold;
	font-style:		oblique;
	text-decoration:	none;
	color:			black;
	margin-top:		1em;
}
p {
	margin-left:	0px;
	margin-right:	0px;
	margin-top:	0.7em;
}

/*This section deals with the formatting of hyperlinks*/
a:link{
	color:			green;
	text-decoration:	underline;
	font-weight:		bold;
}
a:visited{
	color:			#C07A00;
	text-decoration:   	underline;
	font-weight:	   	bold;
}
a:hover{
	color:             	blue;
}

.splashscreen {
    border: none;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    height: 90%;
}

   /* Page Footer */
   #footer {
	margin-top:		10em;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;
	padding-top:	2em;
	border:			none;
	font-size:		small;
	clear:			both;
	border:			none silver;
	vertical-align:		bottom;
    }
    #footer #validHTML {
	float:			left;
	vertical-align:	        bottom;
    }
    #footer #validHTML a img:hover {
	background:		silver;
    }
    #footer #validCSS {
	float:			right;
	vertical-align:	        bottom;
    }
    #footer #validCSS a img:hover {
	background:		silver;
    }
    #footer #footertext{
        text-align:             center;
	vertical-align:         bottom;
    }

.lang_menu {
    font-size: small;
    text-align: right;
}
div.lang_menu {
    margin-top: 0.5em;
}

div.lang_menu p{
    margin-top: 0em;
    margin-bottom: 0.5em;
}

/* Tables stuff */

table, tr, td, thead, tfoot, tbody {
    vertical-align: top;
}

table {
    text-align: center;
}

tr, td {
    text-align: left;
}

/* timetable table */

/* To center the table.  Remove the line below if you don't want this table centered*/
table.timetable { margin-left: auto; margin-right: auto; } 

table.timetable { 
    border-collapse: collapse;
}

table.timetable tr, table.timetable td {
    border: 1pt black solid;
    border-collapse: collapse;
}

table.timetable td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}


table.invisible,  table.invisible tr, table.invisible td {
    padding: 0pt;
    border: none;
}

table.timetable tr.heading, table.timetable tr.heading td.heading {
    border: none;
}

/* Specific id'd stuff */

#juliste {
    float: left;
    width: 30%;
    margin-right: 0.8em;
}
#juliste img {
    width: 100%;
}

td#keikkamainos {
    text-align: right;
}