body {
	margin: 0;
	padding: 0 0 0px 0;
	font-family: verdana;
	font-size: 100%;
	color: #fff;
	background: #339999 url(/pics/tiedekilpailut/body-bg.gif) top center repeat-y;
	}
	
div, a, span { margin: 0; padding: 0; }

a { outline:none;}

/* --- general elements --- */

#wrapper {
	margin: 0 auto 0 auto;
	}
	
#content{
 	width: 962px;
 	background: #730653 url(/pics/tiedekilpailut/header.gif) top left no-repeat;
 	height: auto !important;
	height: 405px;
	min-height: 405px;
	margin: 0 auto 0 auto;
}

#footer { 
 	width: 962px;
	height: 290px;
	background: #006666 url(/pics/tiedekilpailut/footer-bg.gif) top left no-repeat;
	margin: 0 auto 0 auto;
}

#footer-text { 
	float: right;
	clear: right;
	margin: 180px 18px 0 0px;
	width: 340px;
	height: 63px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#index { 
	margin: 50px 0 50px 16px;
	float: left;
	clear: left;
	height: 90px;
	width: 405px;
	display: block;
}

#tiedekilpailut-error { 
	float: left;
	margin: 150px auto 10px 50px;
	_margin-left: 30px; 
	width: 502px;
}

#tiedekilpailut-error a:hover { color: #FFF; text-decoration: underline;}
#tiedekilpailut-error a { text-decoration: none; color: #BB7DB5;}


/* --- navigation --- */

#navi { 
	height: 240px;
	width: 290px;
	float: right;
	margin: 305px 30px 0 0;
}

.navibutton { display: block; margin-bottom: 16px; }

#navi1 { height: 23px; width: 201px; background: transparent url(/pics/tiedekilpailut/navi1.gif) top center no-repeat; }
#navi1:hover { background: transparent url(/pics/tiedekilpailut/navi1.gif) 0px -23px no-repeat; }
#navi2 { height: 23px; width: 208px; background: transparent url(/pics/tiedekilpailut/navi2.gif) top center no-repeat; }
#navi2:hover { background: transparent url(/pics/tiedekilpailut/navi2.gif) 0px -23px no-repeat; }
#navi3 { margin-bottom: 17px; height: 23px; width: 204px; background: transparent url(/pics/tiedekilpailut/navi3.gif) top center no-repeat; }
#navi3:hover { background: transparent url(/pics/tiedekilpailut/navi3.gif) 0px -23px no-repeat; }
#navi4 { margin-bottom: 20px; height: 23px; width: 116px; background: transparent url(/pics/tiedekilpailut/navi4.gif) top center no-repeat; }
#navi4:hover { background: transparent url(/pics/tiedekilpailut/navi4.gif) 0px -23px no-repeat; }
#navi5 { height: 29px; width: 277px; background: transparent url(/pics/tiedekilpailut/navi5.gif) top center no-repeat; }
#navi5:hover { background: transparent url(/pics/tiedekilpailut/navi5.gif) 0px -29px no-repeat; }
#navi6 { height: 29px; width: 279px; background: transparent url(/pics/tiedekilpailut/navi6.gif) top center no-repeat; }
#navi6:hover { background: transparent url(/pics/tiedekilpailut/navi6.gif) 0px -29px no-repeat; }

#navi1.active, #navi2.active, #navi3.active, #navi4.active { background-position: 0px -23px; }
#navi5.active, #navi6.active { background-position: 0px -29px; }

/* --- content --- */

#textbox { 
	float: left;
	margin: 197px 0 0 20px;
	width: 583px; 
	height: 107px; 
	font-size: 19px; 
	background: transparent url(/pics/tiedekilpailut/textbox.gif) top left no-repeat;
}

#textbox p { text-align: center; margin: 17px 0 0 0;}

.contest {
	float: left;
	border: #006666 solid 12px;
	background-color: #FFF;
	width: 250px;
	height: 314px;
	margin: 20px 0px 7px 22px;
	color: #000;
	overflow: hidden;
}

.contest h4 { 
	font-size: 16px; 
	font-weight: bold; 
	margin: 5px 9px 0 9px;
}

.contest p { margin: 0 9px 0 9px; font-size: 11px; }

/* --- form --- */

#fd { 
	width: 560px;
	float: left;
	border: 12px solid #CC99CC;
	background: #FFF;
	color: #000;
	font-size: 14px;
	margin: 20px 0 10px 20px;
}
#fd form { margin: 0; overflow: hidden; }

#fd fieldset { 
	border: 0;
	border-bottom: 12px solid #CC99CC;	
	margin: 0;	
	padding-bottom: 10px;
	background: #FFF;
}

#fd .contactperson { border-bottom: 0px solid #FFF; }
#fd .contactpersonlabel { margin: 0 0 0 10px; }

#fd legend { margin-top: 10px; padding-bottom: 5px; color: #000; }
#fd p, input, textarea, table { margin: 0 9px 0 9px; }
#fd #info { border-bottom: 12px solid #CC99CC; padding-bottom: 10px;} 
#fd #info p { margin: 9px 9px 0 9px; }
#fd #submit { background: FFF; height: 40px; padding-top: 15px; }

#fd-sent h3 { margin-left: 10px; }

#fd input { width: 300px; }
#fd table input { width: auto; }
#fd #submit input { width: auto; }