* {
padding:0;
margin:0;
}

div {
margin:0px;
padding:0px;
text-align: left;
}

p {
padding:10px 0 10px 0;
}

html {
height:100%;
}

body {
margin:auto;
padding: 0;
background-color: #fff; 
font: 75% arial, sans-serif;
text-align: left;
height:100%;
}

a {
color:#fff;
text-decoration:none;
}
/*-------------------------------- RAKENNE
*/

#wrapper  {
width:999px;
margin:auto;
text-align:center;
border-bottom:1px solid #036c03;
border-left:1px solid #036c03;
border-right:1px solid #036c03;
}

#header {
width:999px;
height:139px;

}
	#header img {
	border-style:none;
	}
	

#contentwrapper  {
width:999px;
display:block;
background-image:url(../images/wrapperbg.jpg);
background-repeat:repeat-y;
/*
background-color:#fff;
*/
float:left;
text-align:center;
} 

#paanavi {
width:987px;
height:36px;
background-image:url(../images/ylanavitausta.jpg);
background-repeat:repeat-x;
float:left;
text-align:center;
background-color:#734717;
padding: 8px 12px 6px 0;
color:#fff;
}

#paanavi a img {
border-width:0px;
vertical-align:middle;
}

#paanavi .facebookButton {
float:right;
}

.facebookButton p {

}
.suckertreemenu {
text-align:center;
margin-left:10px;
background-color:#734717;
}
	
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}
.nolink {
display:block;
width:109px; /*Width of top level menu link items*/
height:26px;
text-decoration: none;
background-image:url(../images/ylanavibutton.jpg);
background-repeat:no-repeat;
color:#fff;
font-weight:bold;
margin-top:8px;
padding-top:8px;
}
/*Top level menu link items style*/
.suckertreemenu ul li a{
display:block;
width:109px; /*Width of top level menu link items*/
height:26px;
text-decoration: none;
background-image:url(../images/ylanavibutton.jpg);
background-repeat:no-repeat;
color:#fff;
font-weight:bold;
margin-top:8px;
padding-top:8px;
}

.suckertreemenu ul li a:hover {
background-image:none;
background-color:#58fd46;
border:2px solid #036c03;
display:block;
width:109px;
height:26px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 109px; /*width of sub menu levels*/
color: white;
text-decoration: none;
background-image:none;
height:25px;
border:2px solid #009900;
border-top:0px;
background-color: #006600; 
font-size:10px;
margin-top:0px;

}

.suckertreemenu ul li ul li a:hover{
background-color:#58fd46;
border:2px solid #036c03;
border-top:0px;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#vasen {
width:159px;
height:700px;
background-image:url(../images/sivupalkkigrad.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#03a603;
float:left;
}

.alanavi {
margin-top:14px;
margin-left:7px;
border:2px solid #23b323;
width:139px;
}

	.alanavi ul {
	list-style-type: none;
	}
	
	/* Eka taso*/
	.alanavi ul li a{
	background-image:url(../images/vasennavibutton.jpg);
	background-repeat:none;
	color:#fff;
	font-weight:bold;
	display:block;
	width:132px;
	height:21px;
	padding:4px 0 0 7px;
	}
	
	.alanavi ul li a.act{
	background-image:url(../images/vasennavibutton.jpg);
	background-repeat:none;
	color:#ffcc00;
	font-weight:bold;
	display:block;
	width:132px;
	height:21px;
	padding:4px 0 0 7px;
	}
	
	.alanavi ul li a:hover {
	color:#ffcc00;
	}
	
	/* Toka taso*/
	.alanavi li ul li a{
	background-color:#725434;
	background-image:none;
	width:132px;
	height:18px;	
	border-bottom:2px dotted #036c03;
	font-size:0.8em;

	}
	
	.alanavi li ul li a.act{
	background-color:#725434;
	background-image:none;
	width:132px;
	height:18px;	
	border-bottom:2px dotted #036c03;
	font-size:0.8em;
	color:#ffcc00;
	}
		.alanavi li ul li a:before {
		content: "\00BB \0020";
		}
	
		.alanavi li ul li a:hover {
		background-color:#bf894f;
		color:#fff;
		}

#content {
width:607px;
background-color: #fff;
float:left;
padding:7px;
}
	#content p {
	padding: 12px 4px 12px 14px;
	color:#000;
	}
	
	#content table {
	margin-left:14px;
	}
	/*
	#content ul {
	list-style-image:url(../images/listpallo.jpg);
	margin-left:20px;
	}
	*/
	
	#content a {
	color:#35e435;
	text-decoration:underline;
	}

	#content a:hover {
	color:#58fd46;	
	}
	
	#content a:visited {
	color:#35e435;	
	}
	
	#content img {
	padding:14px;
	float:right;
	}
	
	#content ul {
	padding: 12px 4px 12px 24px;
	}
	
	
#oikea {
width:189px;
height:700px;
background-image:url(../images/sivupalkkigrad.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#03a603;
float:right;
}

.oikeaboxi {
background-color:#97f897;
border:2px solid #23b323;
width:175px;
margin-top:12px;
margin-left:5px;
}

.oikeaboxi h3 {
display:block;
background-image:url(../images/vasennavibutton.jpg);
background-repeat:repeat-x;
height:20px;
color:#58fd46;
padding:4px 0 0 10px;
}

.oikeaboxi ul {
list-style-image:url(../images/oikeanavikoira.jpg);
padding:2px 0 0 4px;
list-style-position:inside;
}

.kurssitaulu {
width:175px;
font-size:0.8em;
}

	.kurssitaulu th{
	font-weight:bold;
	font-size:0.9em;
	text-decoration:underline;
	}


#frontpage_news {
background-color:#97f897;
border:2px solid #23b323;
width:175px;
margin-top:12px;
margin-left:5px;
}

	#frontpage_news h3 {
display:block;
background-image:url(../images/vasennavibutton.jpg);
background-repeat:repeat-x;
height:20px;
color:#58fd46;
padding:4px 0 0 10px;
}

	#frontpage_news a {
	font-weight:bold;
	margin-left:2px;
	}
	
	
	#frontpage_news a:hover {
	color:#036c03;
	}
	
	#frontpage_news h4 {
	padding:0 0px 10px 2px;
	}
	
.newsbox {
padding:2px 0 0 6px;
border-top:2px dotted #036c03;
font-size:0.8em;
}
	
	.newsbox a {
	color:#000;
	text-decoration:underline;
	}

	.newsbox a:hover {
	color:#036c03;
	}
	
#footer {
width:999px;
height:37px;
background-image:url(../images/footer.jpg);
background-repeat:repeat-x;
clear:both;
}

	#footer p {
	font-size:0.9em;
	padding: 10px 0 0 12px;
	color:#883402;
	}

/* ------------------------------------- PERUSMUOTOILUT
*/



p {
color: #000;
}

h1 {
font-size: 1.4em;
padding: 14px 0 4px 10px;
color:#339900;
border-bottom:2px dotted #bf894f;
}


h2 {
font-size: 1.1em;
padding: 14px 0 14px 10px;
color:#339900;
}


h3 {
font-size: 1em;
padding: 14px 0 8px 10px;
color:#339900;
}

h4 {
font-size: 1em;
padding: 4px 0 8px 10px;
color:#339900;
}

.vihrea {
color:#339900;
font-weight:bold;
}

.punainen {
color:red;
}

input.btn
{
color: #FFFFFF;
background: #1fa206;
border: 2px outset #70f955
}

.odd {
background-color:#339933;
}

.even {
background-color:#336633;
}

td.totsikko {
background-color:#66BB66;
color:#000;
font-weight:bold;
font-size:1.1em;
}

.virhe {
font-size:1.4em;
color:red;
}

.ei_kurs {
font-weight:bold;
}

.float_right {
float:right;
}