@import url("editor.css");
@import url(lightbox.css);


/* Form */
.formEmailinput, .formTextinput, .formTextarea {
	width: 350px;
	padding: 3px 3px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
input[type=submit] {
	border: 1px solid #666;
	padding: 1px 5px;
}
form table td {
	padding: 3px 0px 0px 7px;
}
/*Header*/

#header {
	float: left;
	width: 680px;
	height: 230px;
	background: url('/media/layout/header.jpg') center top no-repeat;
	padding: 0px 10px 10px 10px;
}

#header1 {
	float: left;
	width: 680px;
	height: 230px;
text-align: center top;
	padding: 0px 10px 10px 10px;
}

#headerImage {
	float: left;
	width: 240px;
}

#headerImage1 {
	float: left;
	width: 240px;
}


/*Footer*/

#footer {
	float: left;
	background: url('/media/layout/footer1.jpg') left bottom no-repeat;
	padding-top: 10px;
	padding-bottom: 55px;
	background-color: #ffffff;
}

/*Main*/

#main {
	width: 700px;
	margin: 0 auto;
}

/*MENUT*/

#menu {
	float: left;
	width: 680px;
	height: 30px;
	list-style: none;
	background: url('/media/layout/menu_bg.gif') center top no-repeat;	
	padding-left: 10px;
	padding-right: 10px;
}

#menu ul li {
	float: left;
	color: white;
	list-style: none;
}

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

#menu ul li.first {
	border: 0;
}


#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	float: left;
	list-style: none;
	font-size: 105%;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 7px 6px;	
}

#menu ul li a:hover, #menu li.current a {
	float: left;
	list-style: none;
	text-decoration: none;
	background-color: #efd394;
	background: url('/media/layout/menu_linkki.jpg') center top repeat-x;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited, #menu ul li a:hover {
	text-decoration: none;
	color: white;
	cursor: default;
	list-style-type: none;
}


#subMenu {
	float: left;
	width: 150px;
	height: 300px;
	padding: 10px 10px 40px 20px;
	border-right: 2px solid #e3a736;
	color: #3860a5;
	font-weight: bold;
	list-style-type: none;
}

#subMenu ul {
	float: left;
	list-style: none;
	padding-top: 5px;
}

#subMenu ul li{
	list-style-type: none;
	clear: both;
	color: #3860a5;
	padding-top: 8px;
}

#subMenu ul li a:link, #subMenu ul li a:active, #subMenu ul li a:visited {
	float: left;
	text-decoration: none;
	color: #3860a5;		
	font-size: 100%;
}

#subMenu ul li a:hover {
	text-decoration: underline;
	font-size: 100%;
}

#subMenu ul li.current a:link, #subMenu ul li.current a:active, #subMenu ul li.current a:visited {
	float: left;
	color: #e3a736;
	text-decoration: none;
	font-size: 100%;
}

#subMenu .subMenuTitle{
	font-size: 105%;
	color: #e3a736;
	font-weight: bold;	
}

#opettajaMenu {
	float: left;
	width: 170px;
	list-style: none;
	color: #3860a5;
	font-weight: bold;
	padding: 15px 5px 10px 15px;
}

#opettajaMenu ul {
	float: left;
	list-style: none;
	padding-top: 2px;
}

#opettajaMenu ul li{

	list-style: none;
	clear: both;
	color: #3860a5;
	padding-top: 2px;
	
}

#opettajaMenu ul li a:link, #opettajaMenu ul li a:visited, #opettajaMenu a:active {
	float: left;
	text-decoration: none;
	color: #3860a5;	
	font-size: 100%;			
}

#opettajaMenu ul li a:hover {
	text-decoration: underline;
	font-size: 100%;
}

#opettajaMenu ul li.current a:link, #opettajaMenu ul li.current a:active, #opettajaMenu ul li.current a:visited {
	float: left;
	color: #e3a736;
	text-decoration: none;
	font-size: 100%;
}

#opeWrapper {
	float: left;
	width: 170px;
}

/*CONTENT*/


.content {
	float: left;
}

#left, #center, #right {
	float: left;
	padding-bottom: 35px;
	padding-top: 10px;	
}

/*etusivu*/
#left {
	width: 200px;
	padding-left: 10px;		
}

#center {
	width: 240px;
	padding-left: 15px;
	padding-right: 5px;
}

#right {
	float: right;
	width: 210px;	
	padding-right: 15px;
}

.newsTitle a:link, .newsTitle a:visited, .newsTitle a:active, .newsTitle a:hover {
	float: left;
	font-weight: bold; 
	color: #3860a5;
	width: 100%;
}

 .newsTitle a:link, .newsTitle a:visited, .newsTitle a:active {
	text-decoration: none;
}

.newsTitle a:hover {
	text-decoration: underline;
}

.newsTitle2 {
	font-weight: bold; 
	color: #3860a5;
}
.uutislinkki {
float: left;
width: 100%;
font-size: 100%;
}

/*sisasivu*/
#sisalto {
	float: left;
	width: 480px;
	padding: 10px 10px 35px 10px;
}

#otsikko {
	width: 140px;
	height: 30px;
	padding: 10px 0px 20px 15px;

}

/*opettajat*/
#pictureBorder {
	float: left;
	width: 300px;
	background: url('/media/layout/opeborder_bottom.gif') center bottom no-repeat;
	padding-right: 10px;
	padding-top: 20px;
	padding-left: 10px;
}

#picture {
	float: left;
	width: 300px;
	height: 150px;
	background: url('/media/layout/opesininen.gif') center top no-repeat;
	background-color: #3660a5;
	
}

#picturetxt {
	float: left;
	width: 300px;
	height: 150px;
	margin-left: 7px;
}

* html #picturetxt {
	width: 200px;
}

#opeBorder {
	float: left;
	width: 300px;
	background: url('/media/layout/opeborder_bottom2.gif') center top no-repeat;
	padding-bottom: 10px;
}

#opetiedot {
	float: left;
	width: 283px;
	margin-top: 15px;
	padding: 10px 5px 10px 10px;
	border-left: 1px solid #3660a5;
	border-right: 1px solid #3660a5;
}

/*sisasivu2palstaa*/
#vasen, #oikea {
	float: left;
	padding: 10px 10px 35px 10px;	
}

#vasen {
	width: 215px;
}

#oikea {
	width: 210px;
}

/*sisasivu3palstaa*/
#ilmoitusBorder {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 5px;
	padding: 10px 10px 0px 10px;
	background: url('/media/layout/yhteystausta_top.gif') center top no-repeat;
}
#ilmoitusBorder2 {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	background: url('/media/layout/yhteystausta_bottom.gif') center bottom no-repeat;
}

#ilmoitus {
	float: left;
	width: 183px;
	padding-left: 10px;
	padding-right: 5px;
	border-left: 1px solid #e3a736;
	border-right: 1px solid #e3a736;
	background-color: #efd394;
}
/*kuvagalleria*/

.kuvat {
float: left;
width: 460px;
padding-left: 5px;
color: #3860a5;

}

.kuvat ul{
width: 390px;
	list-style: none;
	font-size: 100%;
padding: 5px;
line-height: 100%;
}

.kuvat li {
	float: left;
	width: 130px;
	height: 110px;
	list-style: none;
	padding: 5px 5px 20px 5px;
	text-align: left;
line-height: 100%;
}

.sivulinkit {
	float: left;
width: 390px;
list-style: none;
	font-weight: bold;
	font-size: 100%;
padding-left: 10px;
padding-top: 5px;
text-align: left;
}
.sivulinkit li {
width: 390px;
padding-top: 5px;
list-style: none;
}

.painting {
float: left;
widht: 90px;
height: 90px;
list-style: none;
display: block;

}

#galleriaTeksti {
	float: right;
widht: 300px;
text-align: center center;
	padding: 10px;
}