/* 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;}
:focus { outline: 0; }
ul { list-style: none; }

body {
	background: #fff;
	font-size: 12px;
	font-family: "arial", "verdana";
	color: #333;
	height: 100%;
}

h1 { font-size: 24px; color: #62360a; font-weight: normal; letter-spacing: -0.02em; margin-bottom: 10px; }
h2 { font-size: 20px; color: #62360A; font-weight: normal; letter-spacing: -0.02em; margin: 5px 0 15px; }
h3 { font-size: 16px; color: #62360A; font-weight: normal; letter-spacing: -0.02em; margin: 10px 0;}
	
a { color: #62360a; text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear: both; margin: 0; padding: 0; }

p { margin-bottom: 10px; }

div.lk { width: 715px; }

.lkForm { margin-bottom: 15px; }
.lkForm td.left { width: 150px; }
.lkForm input.t1 { width: 60px; }
.lkForm input.t2 { width: 300px; }

.content { padding: 25px; background-color: #EDF8F8;}
.content ul {margin-bottom: 10px; }

/**
 * Headeri + kielet + haku + logot
 **/

#header { height: 124px; background: #fff url('../images/ylaGrad.jpg') repeat-x top left; }

#ylaPalkki { height: 34px; }


#logoPalkki { height: 90px; clear: both; }
#logo { padding: 10px 0 0 10px; float: left; display: inline;}
#slogan { padding: 36px 25px 0 0; float: right; display: inline; }