/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul { list-style: none; }

img, div { behavior: url(iepngfix.htc) }

body {
	background:#e5e5e5 url(kuvat/lt-bg.jpg) repeat-x left top;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
	text-align:center;
	min-width:750px;
}

#wrapper {
	width:750px;
	text-align:left;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}

.clear { clear:both; }

#logo { float:left; margin:-30px 20px 0 0; }

a { text-decoration:none; text-transform:uppercase; color:red; font-size:10px; font-weight:bold; }
a:hover { text-decoration:underline; }
a.low { text-transform:none; font-size:11px; }

h1 { font-size:14px; text-transform:uppercase; margin: 10px 0; }
h2 { font-size:12px; text-transform:uppercase; margin-bottom:10px; }


/* MENU */

#menu {
	width:750px;
	height:23px;
	background: transparent url(kuvat/lt-menubg.jpg) repeat-x center 0px;
	float:left;
	z-index:999;
}

#menu ul { float:left; }
#menu span { visibility:hidden; }
#menu li { display:inline; float:left; margin: 0 20px; }
#menu a { text-decoration:none; display:block; height:23px; }

a.etusivu { 	background: transparent url(kuvat/lt-menuetusivu.png) no-repeat top left; width:65px; }
a.etusivu:hover { background: transparent url(kuvat/lt-menuetusivu.png) no-repeat bottom left; }

a.kurssit { background: transparent url(kuvat/lt-menukurssit.png) no-repeat top left; width:63px; }
a.kurssit:hover { background: transparent url(kuvat/lt-menukurssit.png) no-repeat bottom left; }

a.yritys { background: transparent url(kuvat/lt-menuyritys.png) no-repeat top left; width:57px; }
a.yritys:hover { background: transparent url(kuvat/lt-menuyritys.png) no-repeat bottom left; }

a.yhteystiedot { background: transparent url(kuvat/lt-menuyhteystiedot.png) no-repeat top left; width:106px; }
a.yhteystiedot:hover { background: transparent url(kuvat/lt-menuyhteystiedot.png) no-repeat bottom left; }



/* CONTENT */

#contentEtusivu {
	width:620px;
	background: transparent url(kuvat/lt-fade.png) no-repeat center 220px;
	padding-left:130px;
}

#content {
	width:750px;
	background:none;
}

#content p { margin:15px 0; }

.left { float:left; width:130px; padding-top:57px; }
.middle { float:left; width:400px; }
.right { float:right; width:200px; }

#peruskoulu { width:140px; float:left; margin:10px 10px 20px 0px; }
#lukio { width:140px; float:left; margin:10px 10px 10px 0px; }
#yliopisto { width:140px; float:left; margin:10px 10px 20px 0px; }
#aikuiskoulutus { width:140px; float:left; margin:10px 10px 20px 0px; }

#box1 { width:260px; float:left; margin:10px 0 0 0; }

#box2 { width:280px; float:left; margin:10px 0 0 40px; }

#content ul { margin-left:15px; }
#content li { list-style:disc; margin-left:10px; }
#content ul.sub li { list-style:circle; margin-left:10px; }



/* KURSSISIVUT */

body#peruskouluSivu a.peruskoulu, body#lukioSivu a.lukio, body#yliopistoSivu a.yliopisto, 
body#aikuiskoulutusSivu a.aikuiskoulutus, body#alkavatSivu a.alkavat { background-color:red; color:white; }

div.left a { padding:2px; line-height:1.5; }



/* RAKENNETESTI */

body.popup { width:500px; }
table.testi { margin-left:30px; }
table.testi p { margin:10px 0; }
table.testi h1 { margin:50px 0 0 0; }
table.testi input { margin:10px 0 0 20px; }
table.testi select, option { font-size: 11px; font-family: "courier new"; }
div.testi { width:400px; background:transparent url(kuvat/lt-testibg.png) no-repeat top left; }

/* ACCORDION */

#content ul.accordion { list-style-type: none; padding: 0; margin: 0; float: left; display: block; width:400px;  }
#content ul.accordion li { list-style-type: none; padding: 0 0 20px 0; margin: 0; float: left; display: block; width:400px;}
#content ul.accordion li.active>a { margin:0; padding: 0; width:400px; }
#content ul.accordion li div { padding: 10px 0 0 0; display: block; clear: both; float: left; width:400px; }
#content ul.accordion a { text-decoration: none; font-weight: bold; display: block; }


/* FOOTER */

#footer, #footer a { 
	text-align:center;
	color:#b7b7b7;
	text-transform:none;
	font-size:10px;
	font-weight:normal;
}

#footer 	{ border-top:1px #cccccc solid; margin-top:20px; }
#footer p { margin-top:5px; }