BODY { margin: 20px 0; }
BODY, A {
	padding: 0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #2A1605;
}

#content A { color: #004D91; }
#content A:hover { color: #0064BD; background-color: #F0F7FE; }

#header {
	display: block;
	width: 720px;
	margin: 0 auto 0 auto;
	height: 226px;
	background: url("images/marjat.jpg") no-repeat 50% 100%;
}
#content {
	width: 720px;
	position: relative;
	margin: 60px auto 0 auto;
}
#footer {
	clear: both;
	position: relative;
	left: 110px;
	width: 501px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
	color: #407BAD;
	font-size: 10px;
}
#footer P {
	padding: 2px 5px;
	border-top: 1px solid #AEC8DF;
	background-color: #EEF5F9;
}
/*#logo { float: left; margin: 0; } */

#navigation {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	position: relative;
}
#navigation LI {
	display: block;
	float: left;
	padding: 0 3px;
	margin: 0;
	height: 21px;
	border-bottom: 4px solid #E20A16;
}

#navigation LI A IMG { border: 1px solid #7FAAC8; border-bottom: 0; }
#navigation LI.selected, #navigation LI.selected A IMG { border-color: #E20A16; }
#navigation LI#esittely { padding-left: 226px; }
#navigation LI#linkit  { padding-right: 155px; }

#navigation LI#esittely { width: 54px; }
#navigation LI#mediakortti { width: 76px; }
#navigation LI#palaute { width: 55px; }
#navigation LI#yhteydenotto { width: 85px; }
#navigation LI#linkit { width: 44px; }

#subnavigation {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
	text-align: center;
	background-color: #F3F3F3;
	border: 1px solid #C7C7C7;
	border-top: 0;
	padding: 3px 0;
}

#subnavigation A {
	border-left: 1px solid #597FA1;
	padding: 0 20px;
	color: #265986;
	text-decoration: none;
	text-align: center;
	line-height: 11px;
}
#subnavigation A:hover { text-decoration: underline; }
#subnavigation A#lehdentilaus, #subnavigation A#uutisvinkki { border: 0; }

#header .yhteydenotto	{ margin-left: 342px !important; margin-right: 118px; }
#header .palaute 		{ margin-left: 271px !important; margin-right: 184px; }

#maincolum { margin-left: 220px; }
#leftcolum {
	float: left;
	width: 189px;
	margin-right: 30px;
}
#rightcolum {
	width: 235px;
	float: right;
}
#centercolum {
	width: 235px;
	float: left;
	margin-right: 30px;
}
H1 {
	color: #004D91;
	font: bold 18px Georgia, Times New Roman, serif;
	margin: 0 0 20px 0;
}
H2, H3 {
	color: #000;
	font: bold 12px Georgia, Times New Roman, serif;
	margin: 0 0 5px 0;
}
H3	{ margin: 20px 0 10px 0; }

#maincolum H2 { margin-top: 25px; }

IMG	{ border: 0 }
DT	{ display: inline; float: left; }
DD	{ margin-left: 150px; margin-bottom: 7px; display: block;}

TD	{ vertical-align: top; padding-top: 2px; padding-bottom: 3px; }

HR {
	border: 0;
	border-bottom: 1px solid #5492C7;
	height: 1px;
}
TEXTAREA	{ width: 280px; height: 300px; margin-bottom: 20px; }
INPUT		{ width: 280px; }
INPUT#submit{ width: auto;  margin-top: 20px; }
INPUT.brake	{margin-bottom: 20px; }
INPUT.submit	{ width: auto; }

#notice {
	display: block;
	position: relative;
	border: 2px solid #F1D977;
	background-color: #FFFDD8;
	padding: 2px;
	margin-bottom: 10px;
}
#success {
	display: block;
	position: relative;
	border: 2px solid #58BF25;
	background-color: #F3FFE0;
	padding: 2px;
	margin-bottom: 10px;
}
.ohje { color: #666666; font-style: italic; }
.pdf { background: url( "img/pdf_icon.gif" ) no-repeat 0 50%; margin-left: 10px; padding: 2px 0 2px 23px; }