/* :::::::::::::::::::: Koululiikunta kolmella palstalla :::::::::::::::::::: */
body {
	background-color: #f1f2f5;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #646464;
	line-height:1.3em;
	}

/*editorin taustaväri */
body.mceContentBody {
background-color: #ffffff !important;
}

#page {
/*	background:  url("../images/border.jpg") repeat-y top; */
	background-color: fff;
	text-align: left;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	width: 920px;
	clear: both;
	}

#header {
	width: 920px; 
	height: 260px;
	background: url("../images/klheader.jpg")  no-repeat top center; 
	background-color: #fff;
	padding: 0;
/*	padding-left: 5px;
	padding-right: 5px; */
	float: left;
	clear: both;
/*	border-top: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9; */
	}

#pathway {
    background:  url("../images/border.jpg") repeat-y top;
	background-color: #fff;
	width: 880px; 
	height: 15px;
	padding: 0 20px 0 20px;
	margin: 0;
	float: left;
	clear: both;
	font-size: 10px;
/*	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9; */
	}

#content {
	background:  url("../images/border.jpg") repeat-y top;
	background-color: #fff;
	padding: 0 10px 10px 10px;
	margin: 0;
	width: 900px;
	vertical-align: top;
	float: left;
	text-align: left;
	}

#left {

	background-color: #f1f2f5;
	padding: 10px 0 10px 0;
	margin-top: 5px;
	margin-left: 10px;
	width: 200px;
	vertical-align: top;
	float: left;
	text-align: left;
	border: 2px solid #e7e8e8;
	}

#column {
	float: left;
	padding: 0 5px 0 5px;
	width: 450px;
	text-align: left;
	vertical-align: top;
	}
	
#right {
	background-color: #f1f2f5;
	padding: 10px 0 10px 0;
	margin-top: 5px;
	margin-right: 10px;
	width: 200px;
	vertical-align: top;
	float: right;
	text-align: left;
	border: 2px solid #e7e8e8;
	clear: right;
	}
	
#leftcolumn {
	float: left;
	padding: 0;
	padding-left: 5px;
	width: 335px;
	text-align: left;
	vertical-align: top;
	}

#rightcolumn {
	float: right;
	padding: 0;
	padding-left: 5px;
	width: 335px;
	text-align: left;
	vertical-align: top;
	}

#footer {
	background:  url("../images/footer.jpg") no-repeat bottom left;
	width: 920px;
	height: 20px;
	margin: 0;
	clear: both;
	float:left;
	background-color: #fff;
	text-align: center;
	}

#copyright {
	width: 900px;
	height: 20px;
	padding: 0 10px 0 10px;
	background-color: #f1f2f5;
	text-align: right;
	clear: both; 
	font-size: 11px;
	}
	
form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
	}


/* :::::::::::::::::::: Joomla core stuff :::::::::::::::::::: */
a:link, a:visited {
	color: #1813d1;
	text-decoration: none;
	}

a:hover {
	color: #cccccc;
	text-decoration: none;
	}

.tekstilinkki, a.tekstilinkki:link, a.tekstilinkki:visited {
	color: #1813d1;
	text-decoration: underline;
	}

a.tekstilinkki:hover {
	color: #cccccc;
	text-decoration: underline;
	}

.copyright, a.copyright:link, a.copyright:visited {
	color: #666666;
	text-decoration: none;
	}

a.copyright:hover {
	color: #000;
	text-decoration: none;
	}

/* :::::::::::::::::::: contentpane :::::::::::::::::::: */
.contentpane {
	background: #FFF;
	}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	background-color: #F0F0F0;
	color: #000000;
	border: 1px solid #CCCCCC;
	}
	
.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	}


/* :::::::::::::::::::: heading :::::::::::::::::::: */
.contentheading, table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: normal;	
	font-size: 20px;
	color: #f9b200;
	text-transform: none;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: normal;	
	font-size: 20px;
	color: #f9b200;
	text-transform: none;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/* :::::::::::::::::::: moduletable :::::::::::::::::::: */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	}

/* otsikkopalkki */
table.moduletable th {
	background:  url("../images/subhead_bg.png") repeat-x;
	color: #55719b;
	text-align: left;
	padding: 0 0 5px 5px;
	height: 21px;
	line-height: 21px;
	font-weight: normal;
	font-size: 11pt;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	}

table.moduletable td {
	font-size: 10pt;
	padding: 0;
	margin: 0;
	font-weight: normal;
	}	

/* :::::::::::::::::::: login moduletable :::::::::::::::::::: */
table.moduletable_login {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	}

/* otsikkopalkki */
table.moduletable_login th  {
	background:  url("../images/subhead_bg.png") repeat-x;
	color: #fff;
	text-align: left;
	padding: 0 0 5px 5px;
	height: 21px;
	line-height: 21px;
	font-weight: normal;
	font-size: 11pt;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	}

table.moduletable_login td {
	font-size: 10pt;
	padding: 0;
	margin: 0;
	font-weight: normal;
	}	
	
able.moduletable_jpgflash {
	float: left;
	clear: both;
	}


/* :::::::::::::::::::: polli tahtoo äänestää :::::::::::::::::::: */
.pollstableborder {
	border: 1px solid;
	padding: 1px;
	}

.poll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px;
	}

table.pollstableborder {
	border: 1px solid #cccccc;
	}

/* :::::::::::::::::::: contentpane :::::::::::::::::::: */
.sectiontableheader {
	background-color: #CCCCCC;
	color: #333333;
	font-weight: bold;
	}

/* taustavärit eri riveille */
.sectiontableentry1 {
  	background-color : #F0F0F0;
	}

.sectiontableentry2 {
	background-color : #E0E0E0;
	}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: left;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 10px;
}

/* :::::::::::::::::::: table.contenttoc :::::::::::::::::::: */
table.contenttoc {
	color: #333300;
	background-color: #e0e0e0;
	border: 1px solid #333;
	}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	}

/* otsikko taulukolle -->
table.contenttoc th {
	background: url(../images/subhead_bg.png) repeat-x; 
  	color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	}
*/

.code {
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

.back_button {
	text-align: left;
	margin-top: 20px;
}

/* :::::::::::::::::::: pathway :::::::::::::::::::: */
.pathway {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	}

a.pathway:link, a.pathway:visited {
  	color: #005ba1;
  	font-weight: normal;
	text-decoration: none;
	}

a.pathway:hover {
  	color: #666666;
  	font-weight: normal;
  	text-decoration: none;
	}

tr, p, div {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
/*	line-height: 120%; */
	line-height: 14px;
  	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

li {
	line-height: 150%;
	padding-left: 10px;
	padding-top: 0px;
/*	background-image:  url("../images/arrow.png"); */
/*	background-repeat: no-repeat; */
/*	background-position: 0px 3px; */
/*	list-style: circle; */
	}
	
hr {
  	background: #333333;
  	height: 1px;
  	width: 100%;
	}
	
h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: normal;	
	font-size: 20px;
	color: #f9b200;
	text-transform: none;
	}
	
h2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  	font-size: 16px;
	color: #666666;
  	}
	
h3  {
	font-family: Minion Pro, Arial, Helvetica, sans-serif; 
  	font-size: 14px;
	font-weight: normal;
	color: #333333;
  	}
	
h4  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	color: #333333;
  	}

.clear_right {
	clear: right;
	}

.border {
	border: 1px dotted #b9b9b9;
	}
	
.border-left {
	border-left: 1px dotted #b9b9b9;
	}
	
		
	/* ################## Left Menu ################## */


#left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#left li {
	list-style: none;
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	}

/*mainmenu*/
#left a:link,#left a:visited,#left a:hover,#left a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-transform: none; 
	font-size: 11px; 
	font-weight: normal;
	font-style: normal;
	display: block; 
	line-height: 20px;
	text-decoration: none; 
	padding-left: 5px;
	margin-top: 1px;
	text-transform: none; 
}

#left a:link,#left a:visited {
    background:#f1f2f5;
    color:#666666;
    }

#left a:hover {
    background:#fff;
    color:#666666;
    }

#left a:active {
    background:#f6f6f6;
    color:#666666;
    }

#left ul li a:link,#left a:visited {
	color: #666666; 
	background-color: #f1f2f5;
}

#left ul li a:hover {
	color: #666666; 
	background-color: #fff; 
}

#left ul li.active a:link,#left ul li.active a:visited {
    background:#f6f6f6;
    color:#666666;
    }

/*submenu*/
#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
    background:#f6f6f6;
    color:#666666;
    text-transform: none; 
    }

#left ul li.active ul li a:hover {
    background:#fff;
    color:#666666;
    text-transform: none; 
    }

#left ul li.active ul li ul li a:active {
	color: #666666; 
	background-color: #fff; 
    }

#active_menu {
	color: #000;
	background-color: #fff;
	}