* {
	margin:0;
	padding:0;
}

body {
	background-color:#eee;
	text-align:center;
}

table#container {
	width:766px;
	text-align:left;
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc
}


.header * {border:none}
.navi {
	background:#000;
	border-top:1px solid #006;
	border-bottom:1px solid #006;
	height:22px;
	line-height:22px;
	text-align:center;
}
.navi a {
	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0 10px;
	font-family: Tahoma, Arial;
	font-size: 11px;
}
.navi a:hover {
	color:#CCC
}


.text {
	padding: 10px 0;
	background: #D6E1D8; 
	width:100%;
}

.left .infobox {background:url(images/member_bg.gif) repeat-y; width:220px; margin:10px 0;}
.left .infobox p { padding-left:20px; line-height:18px}
.left .infobox * {color:#276CC0 !important; font-weight:bold}


.right {
	background: url(images/boxbg.gif) repeat-y; 
	/*text-align:center;*/
}

.pagecontent_container {
	width:518px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	background:url(images/box01.gif) no-repeat;
}

.pagecontent {
	background: url(images/box02.gif) no-repeat bottom left;
	padding: 30px;
}

.henkilokunta { text-align:left; margin:0 auto; width:390px}
.henkilokunta td {width:130px; height:170px;}
.kalusto { text-align:left; margin:0 auto;}
.kalusto td {width:140px; height:140px;}
.kurssit { text-align:left; margin:0 auto;}
.kurssit td {border-bottom:1px solid #ddd; padding:3px; font-size:13px}
.ilmoittautumiset { text-align:left; margin:0 auto; width:400px}
.ilmoittautumiset td {border-top:1px solid #ddd; padding:3px; font-size:13px}
.ilmoittautumiset label {display:block; text-align:right}
.ilmoittautumiset label.radio {display:inline; text-align:left}
.ilmoittautumiset .textfield {width:200px}
.ilmoittautumiset textarea, .ilmoittautumiset select {width:200px}


p, td {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color:#333333;
}
p {	padding:10px 0}

h2 {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color:#333333;
	text-align:center;
	padding:20px
}
h3 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	text-align: left;
	padding:20px 20px 0px;
	color:#333333
}
input {
	font-family: Tahoma, Arial;
	font-size: 11px;
}
select {
	font-family: Tahoma, Arial;
	font-size: 11px;
}
table {
	border: 1px none;


}
textarea {
	font-family: Tahoma, Arial;
	font-size: 11px;
}

a:link { color: #FFFFFF }
a:visited { color: #FFFFFF }
a:hover { color: #ee0000 }
a:active { color: #ee0000 }

.footer {
	font-weight: bold;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center
}
.footer a {
	text-decoration:none;
	color: #666;
}

a.yhteistyo {
	text-decoration: underline;
	font-weight: bold;
	color: #333333
}