html,body {
	height: 100%;
}
body{
	padding:0;
	color:#003366;
	background-color:#E66D04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	background-image: url(images/ruskaswing-pohja.jpg);
	margin: 0;
}
td{
	color:#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
.print{
	text-align:left;
	margin:30px;
	background:#fff;
	color:Black;
	width: 45em;
}
.print h1,.print h2,.print h3,.print h4,.print h5,.print h6{color:Black;}
h1,h2,h3{
	font-size:large;
	color:#FFFDE7;
	background-color: #FF8901;
	text-align: center;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}
h4 {
	font-size: large;
	color: #FF8901;
	padding: 0em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

h5{
	font-size:large;
	font-weight:normal;
	color:#FF8901;
	padding: 0em;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
h6 {
	font-size: medium;
	color: #DE7501;
	font-weight: normal;
	padding: 0em;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

#maincontent p {
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	color: #333333;
}

a:link,a:active,a:visited{
	color:#B02900;
	text-decoration: underline;
}
a:hover{text-decoration:none;color:#009933;}
#container{
	width:45em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	background-color: #FFFDE7;
	border-right-width: 0.2em;
	border-right-style: solid;
	border-right-color: #FF0000;
	border-left-width: 0.2em;
	border-left-style: solid;
	border-left-color: #FFFF00;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}
#box1{
	position:relative;
	height:245px;
	background-image: url(images/ylaosa.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#box2{margin:0;padding:0;}
#leftarea{
	float:left;
	width:160px;
	margin:0;
	padding:0;
}
#rightarea{margin:0;padding:0;}
#box3{clear:both;margin:0;padding:0;height:25px;}
#locator {
	height:1.5em;
	margin-top: 0.4em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.3em;
	padding-left: 15.5em;
	color: #FF8901;
	font-size: small;
}
#locator a{
	color:#B82900;
	text-decoration: none;
}
#maincontent{
	margin-left:190px;
	padding:0;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
}
#sitename{
	position:relative;
	font-size:large;
	font-weight:bold;
	color: #B82B00;
	width: 14em;
	padding: 0em;
	margin-left: 17em;
	top: 7em;
}
#searchbox {
	position:relative;
	margin:0;
	padding:0;
	width: 10.9em;
}
#searchbox .submit{
	padding:0em;
	color:#FFFF00;
	font-weight:bold;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.4em;
	background-color: #FF8901;
	border: 1px outset #000000;
}
#searchbox .text{float:left;margin:2px 0 0;padding:0;font-size:small;color:#B42900;border:1px solid #515847;}
img{border:none}
li {list-style-type:none;}
.sitemaplevel1{width:250px;}
/* Submenu muutettu omakseen Alla originaali */
.sitemaplevel1 a,.sitemaplevel1 a:link,.sitemaplevel1 a:visited,.sitemaplevel1 a:active,.sitemaplevel2,.sitemaplevel3{
	color:#B82900;
	margin-top: 0.3em;
	line-height: 1.3em;
	display: block;
} 
#container #box2 #rightarea #maincontent .sitemaplevel1 .doc a:hover {
	color: #FFFF00;
	background-color: #FF8901;
}
#container #box2 #rightarea #maincontent .sitemaplevel1 .docs a:hover {
	color: #FFFF00;
	background-color: #FF8901;
}


/*.sitemaplevel1 a,.sitemaplevel1 a:link,.sitemaplevel1 a:visited,.sitemaplevel1 a:active,.sitemaplevel2,.sitemaplevel3{line-height:1.5em; color:#B82900} */
div #maincontent ul.sitemaplevel1 {margin-left:40px;padding-left:40px;}
div #maincontent ul.sitemaplevel1 li.doc,div #maincontent ul.sitemaplevel1 li.docs{margin:0 0 0 -40px;padding:0 0 0 25px;list-style-type:none;}
div #maincontent ul.sitemaplevel1 li.doc {
}
div #maincontent ul.sitemaplevel1 li.docs {
}
div #maincontent ul.search li.doc,div #maincontent ul.search li.docs{list-style-type:none;}
div #maincontent ul.search li.doc a,div #maincontent ul.search li.docs a{
	text-decoration:none;
}
.submenu a{
	text-decoration:none;
	color:#B82900;
	padding: 0em;
	position: relative;
	width: 150px;
	left: -2.5em;
	top: -1em;
	line-height: normal;
	margin: 0em;
	display: block;
}
.submenu a:hover{
	color: #FFFF00;
	background-color: #FF8901;
}
#container #box2 #leftarea #navigation .submenu .doc {
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}


td input.text{width:200px}
form table td{color:#555}
#rightarea input.submit,#rightarea input.text{background-color:transparent;border:1px solid #888F59;margin-top:5px}
#box2 #rightarea #editors .edit td a{background-color:#F0F2E5;color:#555555;text-align:center}
#box2 #rightarea #editors .edit td{background-color:#F0F2E5;text-align:center}
#editors .edit td a,#editors .edit td a:link,#editors .edit td a:visited,#editors .edit td a:active,#editors .edit td a:hover{color:White;text-align:center;font-weight:normal;font-size:9px;text-decoration:none}
#rightarea table.edit a{font-size:11px;text-decoration:none;color:Black}
#rightarea table.edit a:hover{color:#d33}
.fett {font-weight:bold;}
div.copyright {
	font-size:small;
	color: #333333;
	text-align: center;
	margin-top: 1.5em;
}
div.copyright a {
	color:#B82900;
	text-decoration: none;
}
div.copyright a:hover {
	color:#009933;
	text-decoration: none;
}
#navigation {
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.6em;
}
#box2 #leftarea #navigation div.menu a, #box2 #leftarea #navigation div.login a{
	color:#FFFF00;
	text-decoration: none;
	background-color: #FF8901;
	display: block;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
}
#container #box2 #leftarea #navigation .menu a:hover {
	background-color: #FEA038;
}
.menu, .login {
	margin: 0em;
	background-color: #FEA038;
	color: #FFFFFF;
	padding: 0em;
}
.lastupdate {
	font-size:small;
	color: #ED3D00;
	margin-top: 1em;
}
.languagemenu{11.03.2007
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.9em;
	margin-left: 0;
}


/* NAVIGATION */

div#mainnav ul {
	margin:0;
	padding:0;
	width:150px;
	background-color: #FFFFFF;
}
div#mainnav li.doc, div#mainnav li.docs {/*background:url(./menu/button2a.gif) no-repeat;*/background-color:#FF8901;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #000;border-right:1px solid #000;}
div#mainnav li:hover {z-index:10;/*background:url(./menu/button2b.gif) no-repeat;*/background-color:#FEA038;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #000;border-right:1px solid #000;}
div#mainnav li.doc:hover,div#mainnav li.docs:hover {/*background:url(./menu/button2b.gif) no-repeat;*/background-color:#FEA038;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #000;border-right:1px solid #000;}
div#mainnav li.sdoc,div#mainnav li.sdocs {/*background:url(./menu/button2c.gif) no-repeat;*/background-color:#FE9F36;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #000;border-right:1px solid #000;}
div#mainnav li {position:relative;list-style:none;margin:0;}
div#mainnav li.sdoc {display:block;padding:3px 0 2px 4px;width:146px;color:#fff;}
div#mainnav li.sdocs {display:block;padding:3px 0 2px 4px;color:#fff;}
div#mainnav li.sdocs,div#mainnav li.sdoc {w\idth:144px;}/*hack*/
div#mainnav li a {display:block;padding:3px 0 2px 4px;text-decoration:none;width:144px;color:#FFFF00;w\idth:144px;}/* hack for IE5.5 */
div#mainnav ul ul {position:absolute;top:1px;display:none;}
* html div#mainnav ul ul {left:138px;}/* hack for IE5.x */
* html div#mainnav ul ul {voice-family: "\"}\"";voice-family: inherit;left:148px;}/* hack for IE6 */
div#mainnav ul ul /* */{left:148px;} /* hack for the rest */
div#mainnav ul.menulevel1 li.docs:hover ul.menulevel2,div#mainnav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#mainnav ul.menulevel2 li.docs:hover ul.menulevel3,div#mainnav ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block;}
div#mainnav ul.menulevel1 li.sdocs:hover ul.menulevel2,* html div#mainnav ul.menulevel2 li.sdocs:hover ul.menulevel3 {margin-left:-4px;voice-family: "\"}\"";voice-family: inherit;margin-left:0px;} /*hack for IE6*/
ul.menulevel1 {
	z-index:1;
}
ul.menulevel2 {z-index:2;font-size:small;}
ul.menulevel3 {z-index:3;font-size:small;}

/* Omia sääntöjä */
.mceContentBody{/*background-image: none;*/ background-color: White; color: Black;} /*TinyMCE*/
#locator a:hover {
	color:#FFFF00;
	text-decoration: none;
	background-color: #FF8901;
}
#ylos {
	position: relative;
	width: 10em;
	float: right;
	top: -1.4em;
	text-align: right;
	margin: 0em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 0em;
}
#ylos a {
	text-decoration: none;
	color: #B82900;
	display: inline;
	margin-left: 0.3em;
	font-weight: bold;
	background-color: #FF8901;
	border: 1px outset #B42D00;
	padding-top: 0.1em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	padding-left: 0.4em;
	line-height: 1em;
}
#ylos a:hover {
	text-decoration: none;
	color: #FFFF00;
	background-color: #B82900;
	border: 1px inset #B32800;
}
.vaakakuva {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B02800;
	border-right-color: #FF8901;
	border-bottom-color: #FF8901;
	border-left-color: #B02800;
}
.vasenkuva {
	margin-top: 0.2em;
	margin-bottom: 1em;
	float: left;
	margin-right: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B02800;
	border-right-color: #FF8901;
	border-bottom-color: #FF8901;
	border-left-color: #B02800;
}
.oikeakuva {
	margin-top: 0.2em;
	margin-bottom: 1em;
	float: right;
	margin-left: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B02800;
	border-right-color: #FF8901;
	border-bottom-color: #FF8901;
	border-left-color: #B02800;
}
#navigation h4 {
	font-size: small;
	margin-top: 0.7em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.4em;
	padding-left: 0em;
}
/* omia css tyylejä palautelomakkeelle */
#palautelomake label
{
	width: 10em;
	float: left;
	text-align: left;
	display: block;
	margin-right: 0.5em;
	margin-left: 1em;
}
#palautelomake fieldset
{
	border: 0.1em solid #B82B00;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	width: 30em;
}

#palautelomake legend
{
	color: #B82B00;
	font-weight: bold;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
#palautelomake textarea {
	width: 28em;
	height: 8em;
	margin-left: 1em;
}
#palautelomake .submit {
	margin-left: 15em;
}
.print p {
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	width: 35em;
}
.mailkuva {
	margin: 0em;
	padding: 0em;
	position: relative;
	top: 0.2em;
}
.sponssikuva {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}