body { font-size: 11px; font-family: "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #127785; text-align: center; margin: 0; padding: 0 } P { color: #fff; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 0; padding: 0; border-width: 0; border-color: #000 } A { color: #fecf00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none } A:HOVER { color: #fecc00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: underline } A:VISITED { color: #fecf00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none } H1 { color: #0e1111; font: 16px/18px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 0 -4px; padding: 10px 0 0; border-width: 0 } H2 { font: bold 12px/14px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 0 -6px; padding: 8px 0 0; border-width: 0 } #container_main { text-align: center; margin: 0; padding: 0; position: relative; width: 770px; height: auto; float: none; border: solid 0 #fff } #container_mainohjelma { text-align: center; margin: 0; padding: 0; position: relative; width: 856px; height: auto; float: none; border: solid 0 #fff } /****etusivu***/ #container_upetusivu { background-color: #399; text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 770px; height: 136px; float: none; border: solid 0 #fff } #container_centeretusivu { background-color: #007483; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 770px; height: 233px; float: none; border: solid 0 #fff } #container_downetusivu { background-color: #399; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 0; width: 770px; height: 136px; float: none; border: solid 0 #fff } /****ylaosa***/ #container_up { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 770px; height: 136px; float: none; border: solid 0 #fff } #container_upkuva { margin: 0; padding: 0; position: relative; top: 16px; left: 18px; width: 435px; height: 120px; float: left; border-width: 0 } #container_upohjelma { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 856px; height: 136px; float: none; border: solid 0 #fff } #container_upkuva { margin: 0; padding: 0; position: relative; top: 16px; left: 18px; width: 435px; height: 120px; float: left; border-width: 0 } /****keskiosa***/ #container_center { background-color: #399; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 770px; height: 233px; float: none; border: solid 0 #fff } #container_centerohjelma { background-color: #399; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 856px; height: 233px; float: none; border: solid 0 #fff } #container_left { background-color: #2f4243; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 0; width: 158px; height: 233px; float: left; border: solid 0 #fff } #container_kuva { background-color: #2f4243; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 372px; height: 233px; float: left; border: solid 0 #fff } #container_kuvaohjelma { background-color: #2f4243; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 458px; height: 233px; float: left; border: solid 0 #fff } #container_kuvaartist { background-color: #2f4243; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 158px; width: 372px; height: 233px; float: left; border: solid 0 #fff } #container_mapetxt { color: #fff; background-color: #2f4243; text-align: left; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 372px; height: auto; float: left; overflow: auto; border: solid 0 } #container_mapetxt P { color: #fff; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-align: left; margin: 10px 5px 0; padding: 0; border-width: 0; border-color: #000 } #container_right { background-color: #006071; text-align: center; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 0; width: 240px; height: 233px; float: left; border: solid 0 #fff } #container_rightartist { background-color: #006071; text-align: center; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 158px; width: 240px; height: 233px; float: left; border: solid 0 #fff } #container_rtxt { color: #fff; background-color: #006071; text-align: center; margin: 0; padding: 0; position: relative; z-index: 1; top: 25px; left: 10px; width: 220px; height: 180px; float: left; vertical-align: middle; border: solid 0 } #container_rtxt P { font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 0; padding: 0; border-width: 0; border-color: #000 } /****alaosa***/ #container_down { background-color: #399; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 0; width: 770px; height: 100%; float: none; border: solid 0 #fff } #container_downohjelma { background-color: #399; margin: 0; padding: 0; position: relative; z-index: 0; top: 0; left: 0; width: 856px; height: 800px; float: none; border: solid 0 #fff } #container_dleft { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 158px; height: 100%; float: left; border: solid 0 #fff } #espoologo { background-image: url("../img_2010/gen_img/img_artists/_espoologo2010.gif"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; top: 45px; left: 45px; width: 71px; height: 37px; float: left; border-width: 0 } #container_dtxt { background-color: #399; text-align: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 372px; height: 100%; float: left; border: solid 0 #fff } #container_dtxtohjelma { background-color: #399; text-align: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 458px; height: 100%; float: left; border: solid 0 #fff } #container_dtxt P { font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 0; padding: 0; border-width: 0; border-color: #000 } #container_dtxt A { color: #fecf00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none } #container_dtxt A:HOVER { color: #fecf00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: underline } #container_dtxt H1 { color: #0e1111; font: 16px/18px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 0 -4px; padding: 10px 0 0; border-width: 0 } #container_dtxt H2 { font: bold 12px/14px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 0 -6px; padding: 8px 0 0; border-width: 0 } #container_dright { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 240px; height: 100%; float: left; border: solid 0 #fff } /***linkkivalikko***/ #linkkivalikko { color: #fecf00; font-size: 10px; font-family: Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: bold; text-align: left; margin: 0; padding: 0; position: relative; top: 5px; left: 15px; width: 138px; height: auto; float: left } #linkkivalikko p, td, table, tr { color: #fecf00; font-size: 10px; font-family: Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-align: left; margin: 0 0 5px } #linkkivalikko A { color: #fff; font-size: 10px; font-family: Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none } #linkkivalikko A:HOVER { color: #fff; font-size: 10px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: underline; ffont-family: "Arial Black", Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif } /***linkkivalikkoetusivu***/ #linkkivalikkoetusivu { text-align: center; margin: 0; padding: 0; position: relative; top: 15px; width: 770px; height: auto; float: none } #linkkivalikkoetusivu p { color: #fecf00; font-size: 10px; font-family: Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-align: center; margin: 0 0 5px } #linkkivalikkoetusivu A { color: #fff; font-size: 10px; font-family: Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none } #linkkivalikkoetusivu A:HOVER { color: #fff; font-size: 10px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: underline; ffont-family: "Arial Black", Arial, "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif } /***ohjelma***/ #ohjelmacontainer { color: #fff; background-color: #2f4243; margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; left: 0; width: auto; height: auto; float: left } #ohjelmatxt { text-align: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 140px; height: auto; float: right } /***bannerit***/ #mainbanner { margin: 0; padding: 0; position: relative; top: 4px; width: 238px; height: 128px; float: right } #alabanner_container { text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 240px; height: 182px; float: none; border-width: 0 } #alabanner_1 { text-align: center; position: relative; top: 0; left: 0; width: 238px; height: 86px; float: left } #alabanner_2 { text-align: center; position: relative; top: 10px; left: 0; width: 238px; height: 85px; float: left } #oikeabanner_container { text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 158px; height: auto; float: none; border-width: 0 } #oikeabanner_1 { text-align: center; position: relative; top: 0; left: 0; width: 158px; height: 100px; float: left } #oikeabanner_2 { text-align: center; position: relative; top: 10px; left: 0; width: 158px; height: 100px; float: left } /***artistit***/ #artisticontainer { position: relative; z-index: 2; top: 0; left: 0; width: 612px; height: auto; float: left; border-width: 0 } #container_leftartisti { background-color: #2f4243; margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; left: 0; width: 158px; height: auto; float: left; border: solid 0 #fff } #container_dtxta { background-color: #399; text-align: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 372px; height: 1200px; float: left; border: solid 0 #fff } #container_dtxta P { font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 10px 5px 0; padding: 0; border-width: 0; border-color: #000 } #container_dtxta A { color: #fecc00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none } #container_dtxta A:HOVER { color: #fecc00; font: 11px/15px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: underline } #container_dtxta H1 { color: #0e1111; font: 16px/18px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 0 -4px; padding: 10px 0 0; border-width: 0 } #container_dtxta H2 { font: bold 12px/14px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; margin: 0 5px -6px; padding: 8px 0 0; border-width: 0 } #container_dlefta { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 158px; height: 1200px; float: left; border: solid 0 #fff } #container_drighta { background-color: #399; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 240px; height: 1200px; float: left; border: solid 0 #fff } #lippulinkki { text-align: left; margin: 0; padding: 0; position: relative; z-index: 2; top: 0; left: 0; width: 71px; height: 19px; float: left; border-width: 0 } #newscontainer { background-color: #007483; text-align: center; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; float: none; border: solid 0 #fff } #news { background-color: #007483; text-align: center; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; left: 0; width: 630px; height: 200px; float: left; border: solid 0 #fff } /*********PRIVATE EYE STYLE*************/ #peye { font-size: 9px; font-family: "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-align: right; position: relative; z-index: 3; top: 0; left: 0; width: 770px; height: auto; float: none } .peye table { color: #d8e4de; font: 9px/17px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; position: relative; float: left } #peye A { color: #82beff; font: 9px/17px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: right } #peye P { color: #7e7e7e; font: 9px/17px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: right } #peye A:HOVER { color: #82beff; font: 9px/17px "Lucida Grande", "Lucida sans unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: right } /*********PRIVATE EYE STYLE**************/