* { margin:0; padding:0;font-family:Verdana, Tahoma, Sans-Serif;}
#ex { position:absolute;top:0;left:0;visibility:hidden;}

.show_join_submit_button { margin:15px 0 0 0;padding: 0;}
.show_join_reset_button { margin:15px 0 0 0;padding: 0;}

body { background:url(/img/bg.gif) repeat-x rgb(226,226,226);padding-bottom:1em;}
	
a img { border:0;text-decoration:none; }

hr { border: 1px solid #F7E3F5; height: 1px;clear: left;padding: 0 0 1px 0;margin: 0 0 10px 0;}
div#teksti3 table.cast { margin-top: 5px;}
div#teksti3 table.cast td { border-bottom: 1px dashed #F2D2EF;}
div#teksti3 p.aff a, div#teksti3 p.aff a:link, div#teksti3 p.aff a:visited { border-bottom: 0px dotted;padding: 1px;text-decoration: none;}
div#teksti3 p.aff a:hover { text-decoration: none; border-bottom: 0px;background: #FFFFFF;}

div#teksti3 p.aff {padding: 10px 0 0 0;text-align: left;line-height:3.5em;}
div#teksti3 p.aff1 {padding: 0 0 25px 0;}
input, textarea {
	background: #F3EBF9;
	border: 1px solid #E2D0F0;
	font-family:Verdana, Tahoma, Sans-Serif;
	font-size: 1.0em;}
select {
	background: #F3EBF9;
	border: 1px solid #E2D0F0;
	font-family:Verdana, Tahoma, Sans-Serif;
	font-size: 1.0em;}

.show_sort_form { margin: 3px 0 10px 0px; font-size: 1.0em;}
.pic { float: right;padding: 10px 15px 5px 15px;margin: 0;}
	

/* navigation
---------------------------------------------------------------------------------------------------------------- */
.menu table { margin: 0 0 -4px 0; padding: 0;}
/* style the outer div to give it width */
.menu { font-size:0.85em; padding-bottom:35px; padding-top:2px;}

/* IE5.5 */
* html .menu { padding-bottom:5px; padding-top:2px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { border-bottom: 0; padding:0; margin:0; list-style-type:none;}
.menu ul ul { border-bottom: 0;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left;text-decoration:none; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#FFFFFF;
width:134px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:url(/img/navi.gif) no-repeat;
padding-left:10px; 
line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:134px;
w\idth:133px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#E1C5F1;
border-bottom: 0;
text-decoration:none;}

/* IE5.5 */
* html .menu ul ul a.drop, * html .menu ul ul a.drop:visited {
width:134px;
w\idth:123px;}

/* style the second level hover */
.menu ul ul a.drop:hover{ background:#D07DEB;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#EDCCF8;}
/* style the third level hover */
.menu ul ul ul a:hover { background:#C6A6D0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:134px;}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
font-weight: normal;}

/* position the third level flyout menu */
.menu ul ul ul{
left:145px; 
top:0;
width:150px;}
/* position the third level flyout menu IE */
* html .menu ul ul ul{
left:144px; 
top:0;
width:150px;}
/* position the third level flyout menu for a left flyout IE */
* html .menu ul ul ul.left { left:-144px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-145px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#EDE3F7; 
color:#78367A; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:124px;
border-bottom: 0;}

/* yet another hack for IE5.5 */
* html .menu ul ul a{
width:134px;
w\idth:123px;
font-weight: normal;
text-transform: none;}

/* style the top level hover */
.menu a:hover{ color:#fff; background:url(/img/navi.gif) no-repeat 0px -30px;}
.menu a.drop1 { text-transform: uppercase;font-weight: bold;}
.menu ul ul a:hover{ color:#fff; background:#E177D8;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{ visibility:visible; border-bottom: 0;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;border-bottom: 0;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{ visibility:hidden;border-bottom: 0;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;border-bottom: 0;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible;border-bottom: 0;}

/* links
---------------------------------------------------------------------------------------------------------------- */

div#teksti3 p a, div#teksti3 p a:link, div#teksti3 p a:visited, div.loota2 a, div.loota2 a:link, div.loota2 a:visited, div.loota2a a, div.loota2a a:link, div.loota2a a:visited, div.post ul a, div.post ul a:link, div.post ul a:visited, div.post ol a, div.post ol a:link, div.post ol a:visited { border-bottom: 1px solid #C52BA3; color: #C52BA3;text-decoration: none;}
div#teksti3 p a:hover, div.loota2 a:hover, div.loota2a a:hover, div.post ul a:hover, div.post ol a:hover { background: #E177D8;color: #FFFFFF;border-bottom: 1px solid #E177D8;}

div#menuu div#loota1 a,div#menuu div#loota1 a:link, div#menuu div#loota1 a:visited { color: #B13395;text-decoration: none;border-bottom: 1px solid #B13395;}
div#menuu div#loota1 a:hover { background: #D46ECC;color: #FFFFFF;border-bottom: 1px solid #D46ECC;}


/* lists
---------------------------------------------------------------------------------------------------------------- */

ol { padding: 0 0 0 30px;margin: 0;}
ol li { padding: 0;margin: 0 0 18px 0;}

.ul { padding: 0 0 10px 0;margin: 0;}
.ul li {
	padding: 0 0 0 15px;
	background: url(/img/star3.gif) no-repeat;
	background-position: 0 2px;
	margin: 0 11px 3px 15px;
	list-style: none;}
	
.ul2 {  padding: 10px 0 10px 0;margin: 0;}
.ul2 li {
	padding: 0 0 0 15px;
	background: url(/img/star3.gif) no-repeat;
	background-position: 0 2px;
	margin: 0 11px 3px 15px;
	list-style: none;}

.ul3 { padding: 13px 0 10px 0; margin: 0;}
.ul3 li {
	padding: 0 0 0 15px;
	background: url(/img/star3.gif) no-repeat;
	background-position: 0 2px;
	margin: 0 11px 3px 15px;
	list-style: none;}
	
.stat { padding: 0 0 15px 0;margin: 0;}
.stat li {
	color: #5E327A;
	padding: 0 0 0 15px;
	background: url(/img/star.gif) no-repeat;
	background-position: 0 0;
	margin: 0 11px 3px 9px;
	list-style: none;}

.star { padding: 9px 0 12px 0;margin: 0;}
.star li {
	padding: 0 0 3px 15px;
	background: url(/img/star2.gif) no-repeat;
	background-position: 0 1px;
	margin: 0 11px 3px 17px;
	list-style: none;}

.stara { padding: 9px 0 6px 0;margin: 0;}
.stara li {
	padding: 0 0 0 15px;
	background: url(/img/star2.gif) no-repeat;
	background-position: 0 1px;
	margin: 0 11px 3px 17px;
	list-style: none;}
	
.starb { padding: 7px 0 12px 0;margin: 0;}
.starb li {
	padding: 0 0 0 15px;
	background: url(/img/star2.gif) no-repeat;
	background-position: 0 1px;
	margin: 0 11px 3px 17px;
	list-style: none;}
	
/* otsikot
---------------------------------------------------------------------------------------------------------------- */
div#teksti3 h2 {
	border-bottom: 1px dotted #AA73C1;
	margin: 0 2px 10px 0;
	padding: 15px 0 7px 0;
	font-size:1.2em;
	color: #AA73C1;}

div#teksti3 h3 {
	border-bottom: 1px dotted #CE60A6;
	margin: 0 2px 10px 0;
	padding: 15px 0 7px 0;
	font-size:1.0em;
	color: #CE60A6;}
div#menuu div#loota1 h3 {
	border-bottom: 1px dotted #985CBE;
	margin: 0 9px 13px 6px;
	padding: 8px 0 5px 0;
	font-size:1.1em;
	color: #924BBF;}
div#menuu div.loota2 h3, div#menuu div.loota2a h3 {
	border-bottom: 1px dotted #985CBE;
	margin: 0 8px 0 8px;
	padding: 10px 0 5px 0;
	font-size:1.1em;
	color: #924BBF;}

/* lay
---------------------------------------------------------------------------------------------------------------- */
div#kokosivu {width:956px;}

div#yla {
	height:114px;
	background:url(/img/logo.jpg) no-repeat;
	text-align:right;}


/* yla
---------------------------------------------------------------------------------------------------------------- */
div#haku {
	padding-top: 20px;
	float:right;
	width:270px;
	text-align:center;
	font-size:.8em;}
div#haku p {
	padding-top: 6px;
	color: #FFFFFF;
	text-align:center;
	font-size:.85em;}

div#yla a {
	display:block;
	margin-right:280px;
	margin-left:369px;
	height:37px;
	width:206px;
	position:relative;
	top:33px;
	border:0;}

div#yla a:link, div#yla a:visited { border:0;background:url(/img/logo2.jpg) no-repeat;}
div#yla a:hover, div#yla a:active { border:0;background:url(/img/logo2.jpg) no-repeat 0px -37px;}
div#yla h1 { font-size:1em;margin:0;padding:0;}
div#yla h1 a span {display:none;}

/* oikea
---------------------------------------------------------------------------------------------------------------- */
div#teksti1 {
	background:url(/img/bg1.gif) repeat-y top right;
	font-size:.8em;}

div#menuu {
	line-height: 1.3em;
	font-size:.85em;
	float:right;
	width:271px;}

div#menuu div#loota1 {
	border-left:4px solid rgb(203,176,220);
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	background:url(/img/loota1.gif) no-repeat right bottom rgb(210,189,223);
	min-height:120px;}

div#menuu div#loota1 p { margin: 0;padding: 7px 0 10px 9px;}

div#teksti2 {
	margin-right:271px;
	background:url(/img/logo3.jpg) no-repeat;
	padding-top:105px;}

div.loota2 {
	color: #5F526A;
	margin-top:1em;
	margin-left:15px;
	margin-bottom:12px;
	background:url(/img/loota2-yla.png) no-repeat rgb(243,235,250);
	border-right:1px solid #fff;}
div.loota2a {
	min-height:120px;
	color: #5F526A;
	margin-top:0;
	margin-left:15px;
	margin-bottom:12px;
	background:url(/img/loota2-yla.png) no-repeat rgb(243,235,250);
	border-right:1px solid #fff;}
	
div.loota2b { background:url(/img/loota1.gif) no-repeat right bottom;}
div.loota2 p.alin, div.loota2b p.alin { background:url(/img/loota2-ala.png) no-repeat left bottom;}
div.loota2 p, div.loota2b p { padding: 10px 0 10px 8px;}
div.loota2 div.alin, div.loota2b div.alin { background:url(/img/loota2-ala.png) no-repeat left bottom;}


/* sisältö
---------------------------------------------------------------------------------------------------------------- */
div#teksti3 {
	background:url(/img/logo4.jpg) no-repeat;
	padding:0 10px 0 240px;
	min-height:300px;
	position:relative;
	top:-1em;}
div#teksti3 p { padding:.7em 0;line-height: 1.3em;}

/* ala
---------------------------------------------------------------------------------------------------------------- */
div#ala {
	height:82px;
	max-height:82px;
	background:url(/img/ala1.gif) no-repeat;
	clear:both;}

div#ala p {
	text-align: center;
	font-size: .8em;
	color: #D4D2D4;
	padding:103px 0 0 0;}

div#alaoikea {
	background:url(/img/ala2.jpg) no-repeat;
	width:267px;
	float:right;
	height:82px;}

p.katoa {
	position:relative;
	top:-200px;
	margin:0;
	padding:0;
	visibility:hidden;}

/* Start of CSS for Dagon Design Form Mailer */

fieldset { border:0;}
.fmerrorbox ul { padding: 0 15px 0 40px;}
.mailwrapper { padding: 12px 0 0 0;margin: 0;}
.maildiv {text-align: left;}
.maildiv form { text-align: left;}
.maildiv label { vertical-align: top; padding: 0 0 0 3px;}
.maildiv .sidelbl {
	/* used for left side labels */
	text-align: left;
    margin: 0;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block; }
.maildiv a { color: #005ABE;}
.maildiv h2 { color: #BD0808;font-size: 150%;}
.maildiv input { margin-bottom: 10px;}
.maildiv select { margin-bottom: 10px;}
.maildiv textarea { margin-bottom: 10px;}
.maildiv .ver_img { padding: 0; margin: 0 0 10px 4px; vertical-align:bottom;border: 0; }
.maildiv fieldset { padding: 0;margin-bottom: 10px;}
.maildiv .legendspacing { height: 10px;}
.maildiv .fmcredits { font-size: 90%;}
.maildiv .fmsubmit { margin: 0;}
.maildiv .fmrequired { color: #2A2A2A;}
.maildiv .fmspacer { height: 5px; }
.maildiv .fminfofull { padding: 0; color: #2A2A2A;margin-bottom: 15px;}
.maildiv .fminfohalf { padding: 0; color: #2A2A2A; margin-left: 110px; margin-bottom: 15px;}
.maildiv li {margin: 0 0 4px 0;}
.maildiv .fmerrortitle { margin: 0 0 5px 0; padding: 0;color: #FF0000;font-size: 150%;}

/* End of CSS for Dagon Design Form Mailer */