/*Tekstimäärittelyt*/
body {
	font-size: 12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #424e54;
	/*background-image: url("bg-plain.jpg");*/
	background-repeat: repeat-both;
	background-color: #1f2226;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: Times New Roman, Times, serif;
	font-variant: small-caps;
	color: #3d5e6e;
}

h1{
  color: #25363e;
	border-bottom: 1px solid #7d8c93;
	margin-bottom: 7px;
	margin-top: 15px;
}

h2, h3 {
 	letter-spacing: 0.15em;
}


a{
	color:#c63f29;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #8e9ea5;
}

.menubar a{
	color:#bdb39a;
	font-weight: bold;
	font-family: Trebuchet, Helvetica, sans-serif;
  text-decoration: none;
}

.menubar a:hover{
	color: #c63f29;
}

/**
 * Sidebox on sivupalkin laatikko
 * ProgramListIndex on tiputettu siihen sivuun.
 */
.sidebox a,
.programlistindex a{
	color:#26b2cd;
	font-weight: bold;
}
a img{
	border: none;
	color: white;
}


/*Rakenteet*/

div#banneri{
	background-color: none;
	background-image: url(banner02.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 275px;
	margin: 0 auto;
  padding:0.5em;
}

div#banneri img {
  margin: 0 0;
}

#alatunniste{
  margin: 10px 0;
	background-color: none;
	background-image: url(footer_palkki_940.png);
	background-repeat: no-repeat;
  margin: 0 auto;
	margin-top:10px;
  padding: 0;
	text-align: center;
}
/**
 * Layout-laatikko, valkoinen pohja, vasemmalla laidalla ~70%
 * pinta-alasta
 */
#pagebox,
div.programlistcontent{
  margin: 0 10px;
	background-color: none;
	min-height: 400px;
}
div.programlistindex,
div.sidebox{
/*	background-color: #fbfbfc;
	background-image: url(right_tausta.png); /*taustakuvan leveys 285px*/
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px;
}
/*.programlistindex ul{
	display: block;
	margin: 2px;
	padding: 5px;
	border-top: 1px solid #942557;
	text-align: center;
}
.programlistindex li{
	display: inline;
        margin: 0 0.3em;
}*/

.menubar ul{
	display: block;
	margin: 2px;
	padding: 5px;
	border-top: 1px solid #942557;
	text-align: center;
}
.menubar li{
	display: inline;
  margin: 0 0.3em;
}

.menubar li img{
	margin: 0 -0.2em;
}

/*.menubar li:before{
	content: url(bullet.png);
	padding: 0.3em;
}*/

.clean {
	display: none;
	margin: 0px;
}

/******************************************
 * Tässä tulee siten Layout-asetukset     *
 ******************************************/
div#page_layout {
  width: 940px;
  margin: 0 auto;
	background-color: #fbfbfc;
	background-image: url(main_tausta.png);
	background-repeat: no-repeat;
	background-position: top left;

  border: 1px pink;
}

div#site_header{
  width: 960px;
  margin: 0 auto;
	padding: 5px 0;
	background-image: url(ropecon-logo-small.png);
	background-repeat: no-repeat;
	background-position: 100% 3%;
}

div#site_logo{
	margin: 5px auto;
	margin-bottom: 10px;
	width: 211px;
}

div#site_splash{
	margin: 0;
	width: 960px;
	height: 237px;
}
div#site_menu{
  margin: 0 10px;
  width: 940px;
}
div.programlistcontent,
div#pagebox{
	width: 560px;
 	display: inline;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
}
div.programlistcontent{
	padding-top: 20px;
}
div.programlistindex,
div#sideboxes{
	width:310px;
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}
div.programlistindex{
	float:right;
	display:block;
	width:290px;
}

div#site_tailer{
        margin: 0 auto;
        width: 940px;
        padding: 5px 0;
}



/****************************************
 * KONTROLLIRAKENTEITA, ÄLÄ KOSKE       *
 ****************************************/
div.clear{
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden hidden;
	visibility: hidden;
	width: 0px;
}