h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #900;
}

h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 15px;
	color: #900;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 12px 0;
}

a {
	color: #d9560f;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

hr.cleaner {
	clear:both;
   	height:1px;
   	margin: -1px 0 0 0; padding:0;
   	border:none;
   	visibility: hidden;
	display: block;
}

#main ul li{
	margin-top: 4px;
	margin-bottom: 4px;
}

/**************    SIVUN RUNKO    **********************/

html, body {height:100%}

body {
	background: #c63 url(x/bodybg.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

#shadowleft {
	background: url(x/shadowleft.jpg) no-repeat;
	width: 16px;
	height: 444px;
	position: absolute;
	left: 50%;
	margin-left: -398px;;
}
#shadowright {
	background: url(x/shadowright.jpg) no-repeat;
	width: 16px;
	height: 444px;
	position: absolute;
	right: 50%;
	margin-right: -398px;;
}

#container {
	position: relative;
	background: #f0ece1;
	height: 100%;
	width: 764px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

h1 {
	background: url(x/header.jpg) no-repeat;
	width: 760px;
	height: 85px;
	margin: 0 2px 2px;
	padding: 0;
}

h1 span {display: none;}

#topimage {
	background: url(arvonta/arpoja.php) no-repeat;
	width: 760px;
	height: 120px;
	margin: 0 2px 2px;
}

#content {
	background: #f0ece1;
	width: 764px;
	margin: 15px 0 0;
	padding: 0;
}

#ukot {
	background: transparent url(x/ukkelit.gif) no-repeat 98% 0;
	width: 764px;
	height: 92px;
}


#sidebar {
	float: left;
	height: 100%;
	width: 230px;
	margin: 0 10px;
	* margin: 0 5px;
	padding: 0 0 5px;
}

#box {
	background: #faf9f5;
	margin-bottom: 10px;
}

.box_alaosa {
	background: url(x/box_bottom.png) no-repeat bottom left;
	padding: 0 0 10px;
}

#box h3 {
	background: url(x/h3_sidebar.png) repeat-x 0 0;
	margin: 0; padding-top: 19px;
	text-align: center;
	color: #900;
	height: 30px;
}

#box p{
	padding-right: 5px;
	padding-left: 7px;
}

#sidebar h3 img {
	padding-top: 3px;
}

#sidebar.yhteystiedot { background:transparent; width: 250px;}
#main.yhteystiedot {margin-left: 290px;}

#main.hvinkit {margin-left: 200px;}

#main {
	margin: 0 10px 0 260px;
	padding: 0;
}

#footer {
	background: #f0ece1 url(x/footerborder.gif) repeat-x 0 0;
	width: 760px;
	margin: 2px;
	height: 30px;
}

/**************    TOPNAVI    **********************/

#topnavi {
	position: absolute;
	top: 64px;
	right: 10px;
	list-style-type: none;
	margin: 0;
}

#topnavi li {
	display: inline;
	margin: 0 1px;
}

#topnavi li a {
	background: #a45551 url(x/topnavibg.gif) no-repeat 0 0;
	color: #fefefe;
	text-decoration: none;
	padding: 3px 0;
	* padding: 0;
	margin: 0;
	line-height: 21px;
}

#topnavi li a span {
	background: transparent url(x/topnavispan.gif) no-repeat 100% 0;
	padding: 3px 11px;
}

#topnavi li a:hover {
	background-color: #c66;
}

/* aktiivinen linkki */
#topnavi li.active {
	background: #c63 url(x/topnavibg.gif) no-repeat 0 0;
	color: #fff;
	padding: 3px 0;
	* padding: 0;
	* margin: 0 4px 0 1px;
	line-height: 21px;
}

#topnavi li.active span {
	background: transparent url(x/topnavispan.gif) no-repeat 100% 0;
	padding: 3px 11px;
	* margin: 0 -3px 0 0;
}

/**************    PÄÄNAVI    **********************/

#naviarea {
	background: transparent url(x/navibg.png) repeat-x 0 0;
	width: 760px;
	height: 41px;
	margin: 0 2px;
	font-weight: bold;
}

#mainnavi {
	margin: 0;
	padding: 13px 0 0;
	list-style-type: none; 
	text-align: center;
}

#mainnavi li {
	display: inline;
	margin: 0 5px;
}

#mainnavi li a {
	color: #f0ece1;
	text-decoration: none;
	padding: 1px 0 2px;
	* padding: 0;
}

#mainnavi li a span {
	padding: 1px 8px 2px;
}

#mainnavi li a:hover {
	background: url(x/navihover.png);
	color: #fefefe;
}

#mainnavi li a:hover span{
	background: url(x/navihoverspan.png) no-repeat 100% 0;
}

/* aktiivinen linkki */
#mainnavi li.active {
	background: url(x/navibg_active.png) no-repeat;
	color: #fff;
	padding: 1px 0 2px;
	* padding: 0;
	margin: 0 5px;
	* margin: 0 9px 0 5px;
}

#mainnavi li.active span {
	background: url(x/navibg_activespan.png) no-repeat 100% 0;
	padding: 1px 8px 2px;
	* margin: 0 -4px 0 0;
}

/**************    MUU JÄSENTELY    **********************/

#harjoitusaikataulu {
	font-size: 11px;
	border: 1px solid #900;
}

.kurssiaikataulukko td {
	font-size: 12px;
	background: #fff;
}

img.valkoreuna {
	background: #fff;
	padding: 5px;
}

.kauppataulukko img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.kauppataulukko h3 {
	background: url(x/h3_kauppataulukko.gif) no-repeat 0 0;
	padding: 3px 15px;
	margin: 0;
}

.kauppataulukko p {
	padding: 0;
	margin: 0 7px 7px;
}