body {
  background: #b0d0ff url(t10002.jpg) no-repeat fixed center 5px;
  font-size: 100%;
  text-align: center;
  overflow: scroll;
}

.my {
  width: 975px;
  text-align: left;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.logo {
  width: 973px;
  height: 119px;
  background-image: url(logobanneri.png);
  border: 1px solid #f0f0f0;
  margin-bottom: 4px;
}

.stpage {
  float: left;
  width: 955x;
  height: 118px;
}

img {
  border: none;
}

.flagspl {
  float: right;
  width: 50px;
  height: 90px;
  margin-top: 12px;
  margin-right: 5px;
}

#flags {
  width: 42px;
  height: 90px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

#flags a {
  display: block;  
  background-image: url(imagemap.gif);
  padding-left: 50px;
  text-decoration: none;
  font-size: 0;
}

#fi a {
  height: 30px;
  background-position: 0 -347px;
}

#fi a:hover {
  background-position: -50px -347px;
}

#se a {
  height: 30px;
  background-position: 0 -377px;
}

#se a:hover {
  background-position: -50px -377px;
}

#en a {
  height: 30px;
  background-position: 0 -407px;
}

#en a:hover {
  background-position: -50px -407px;
}

.bkg_u {
  float: left;
  width: 975px;
  height: 1px;
  background-image: url(bkgr_ul.gif);
}

.bkg {
  float: left;
  width: 975px;
  min-height: 403px;
  background: url(bkgr.png) repeat-y;
}

.bkg_l {
  float: left;
  width: 975px;
  height: 1px;
  background-image: url(bkgr_ul.gif);
  margin-bottom: 5px;
}

.plinkbkg {
  float: left;
  width: 180px;
  height: 284px;
  background: url(bgblue80.png) repeat-y; 
  border: 1px solid #3333aa;
  margin-top: 4px;
  margin-left: 5px;
  margin-bottom: 4px;
}

a:focus, a:active {
  outline: 0 none;
}

.selected {
  float: left;
  width: 20px;
  height: 280px;
  overflow: hidden;
  background-image: url(imagemap.gif);
  margin: 0 6px 0 4px;
}

#sel1 {
  height: 280px;
  background-position: -20px 0;
}

#sel2 {
  height: 280px;
  background-position: -40px 0;
}

#sel3 {
  height: 280px;
  background-position: -60px 0;
}

#sel4 {
  height: 280px;
  background-position: -80px 0;
}

#sel5 {
  height: 280px;
  background-position: -100px 0;
}

#sel6 {
  height: 280px;
  background-position: -120px 0;
}

#sel7 {
  height: 280px;
  background-position: -140px 0;
}

#sel8 {
  height: 280px;
  background-position: -160px 0;
}

#sel9 {
  height: 280px;
  background-position: -180px 0;
}

#sel10 {
  height: 280px;
  background-position: -200px 0;
}

.linkb {
  float: left;
  width: 142px;
  height: 28px;
  text-align: left;
  vertical-align: middle;
}

.plinktxt {
  font: normal 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #f0b0b0;
}

.plink {
  font: normal 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #e8e8e8;
}

a.plink:link {
  text-decoration: none;
  color: #e8e8e8;
}

a.plink:visited  {
  text-decoration: none;
  color: #e8e8e8;
}

a.plink:hover {
  text-decoration: none;
  color: #ffb033;
}

a.plink:active {
  text-decoration: none;
  color: #ffb033;
}

.logout a{
  float: left;
  width: 150px;
  height: 24px;
  font: normal 1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  text-decoration: none;
  margin: 30px 0 0 20px;
}

.logout a:hover{
  float: left;
  width: 150px;
  height: 24px;
  font: normal 1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #f0f090;
  text-decoration: none;
}
/*--------------------------------------------------------------*/
.welcome {
  float: left;
  width: 570px;
  margin-left: 30px;
}

.verse {
  float: left;
  width: 560px;
  font: italic 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.note {
  float: left;
  width: 510px;
  font: italic 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: right;
}

.note_upd {
  float: left;
  width: 400px;
  font: 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 20px 0 0 20px;
}

.maintext {
  float: left;
  width: 762px;
  text-align: left;
  margin: 10px 0 18px 18px;
}

.teksti0a, .teksti1a, .teksti2a, .teksti3a, .teksti4a, .teksti5a, .teksti6a, .teksti7a, .teksti8a, .teksti9a, .teksti10a , .teksti11a, .huomio1a {
  font: normal 1em "Comic Sans MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.teksti0b, .teksti1b, .teksti2b, .teksti3b, .teksti4b, .teksti5b, .teksti6b, .teksti7b, .teksti8b, .teksti9b, .teksti10b , .teksti11b, .huomio1b {
  font: normal 1.1em "Comic Sans MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.teksti0c, .teksti1c, .teksti2c, .teksti3c, .teksti4c, .teksti5c, .teksti6c, .teksti7c, .teksti8c, .teksti9c, .teksti10c , .teksti11c, .huomio1c {
  font: normal 1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.teksti0, .teksti0a, .teksti0b , .teksti0c {
  color: #000000;
}

.teksti1, .teksti1a, .teksti1b , .teksti1c {
  color: #cc6600;
}

.teksti2, .teksti2a, .teksti2b, .teksti2c {
  color: #ffa0a0;
}

.teksti3, .teksti3a, .teksti3b, .teksti3c {
  color: #ffb000;
}

.teksti4, .teksti4a, .teksti4b, .teksti4c {
  color: #f8f800;
}

.teksti5, .teksti5a, .teksti5b, .teksti5c {
  color: #33ff33;
}

.teksti6, .teksti6a, .teksti6b, .teksti6c {
  color: #6666ff;
}

.teksti7, .teksti7a, .teksti7b, .teksti7c {
  color: #cc00ff;
}

.teksti8, .teksti8a, .teksti8b, .teksti8c {
  color: #b0b0b0;
}

.teksti9, .teksti9a, .teksti9b, .teksti9c {
  color: #ffffff;
}

.teksti10a, .teksti10b, .teksti10c {
  color: #ffffc0;
}

.teksti11a, .teksti11b, .teksti11c {
  color: #ffc0c0;
}

.huomio1a, .huomio1b, .huomio1c {
  color: #ffffee;
  background-color: #cc3300;
}

a.slink:link {
  text-decoration: none;
  color: #d0d0ff;
}

a.slink:visited {
  text-decoration: none;
  color: #ffc8e8;
}

a.slink:hover {
  text-decoration: underline;
  color: #ffb033;
}

a.slink:active {
  text-decoration: underline;
  color: #ffb033;
}

.tlink {
  font: normal 1em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #c0c0ff;
}

a.tlink:link {
  text-decoration: none;
  color: #c0c0ff;
}

a.tlink:visited  {
  text-decoration: none;
  color: #c0c0ff;
}

a.tlink:hover {
  text-decoration: underline;
  color: #ffb033;
}

a.tlink:active {
  text-decoration: underline;
  color: #ffb033;
}
/*--------------------------------------------------------------*/
.yhteisk {
  width: 480px;
  margin-left: 5px;
  padding: 8px;
  border: 4px ridge #333333;
  margin-bottom: 20px;
}

.tb_fs {
  float: left;
  width: 740px;
}

.tb_f70 {
  float: left;
  width: 480px;
}

.tb_fs_border {
  float: left;
  width: 735px;
  padding: 0 0 3px 5px;
  border: 1px solid #808080;
}

.img1 {
  float: left;
  width: 250px;
  height: 174px;
  margin-left:16px;
}

.linksite {
  float: left;
  width: 500px;
  margin: 10px 0 0 144px;
}

.caption {
  width: 500px;
  font: normal 1.25em "Comic Sans MS", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #ffff00;
  text-decoration: none;
}

.linkbanner {
  width: 500px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 24px;
}

.linkki1, .linkki2 {
  font: normal 1em "Comic Sans MS", Arial, Helvetica, sans-serif;
}

a.linkki1:link, a.linkki2:link {
  text-decoration: none;
  color: #ffffff;
}

a.linkki1:visited {
  text-decoration: none;
  color: #ffb0ff;
}

a.linkki2:visited {
  text-decoration: none;
  color: #ffffff;
}

a.linkki1:hover, a.linkki2:hover {
  text-decoration: underline;
  color: #ffb033;
}

a.linkki1:active, a.linkki2:active {
  text-decoration: underline;
  color: #ffb033;
}

.video {
  float: left;
  width: 465px;
  margin-left: 15px;
}

.links_narrow {
  float: left;
  width: 240px;
  margin-left: 30px;
}
/*--------------------------------------------------------------*/
.tb_ainfo {
  float: left;
  width: 720px;
  text-align: left;
  margin-bottom: 4px;
}

.btn_block_si1 {
  float: left;
  width: 704px;
  height: 46px;
  margin-top: 8px;
}

.btn_block_si2 {
  float: left;
  width: 704px;
  height: 40px;
  margin-top: 12px;
}

.bp_edit {
  float: left;
  width: 120px;
  height: 23px;
  margin-left: 4px;
}

.cancel {
  float: left;
  width: 74px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a0;
  padding-top: 1px;
  border: 1px solid #603000;
}

.cancel:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}
/*--------------------------------------------------------------*/
.just_now {
  float: left;
  width: 760px;
  background: url(jnbkg.png) repeat-y;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.tb_jn {
  float: left;
  width: 720px;
  min-height: 24px;
}

.wd1 {
  float: left;
  width: 28px;
  height: 22px;
  text-align: right;
}

.day1 {
  float: left;
  width: 32px;
  height: 22px;
  text-align: right;
}

.gap1 {
  float: left;
  width: 9px;
  height: 22px;
  text-align: left;
}

.mn1 {
  float: left;
  width: 32px;
  height: 22px;
  text-align: left;
}

.wdmp {
  float: left;
  width: 101px;
  height: 22px;
}

.evt1 {
  float: left;
  width: 586px;
  text-align: left;
}

.btn_block_se {
  float: left;
  width: 704px;
  height: 40px;
  margin-top: 6px;
}

.bp_show_eyear {
  float: left;
  width: 280px;
  height: 23px;
}

.eylink {
  font: normal 1em "Comic Sans MS", Arial, Helvetica, sans-serif;
}

a.eylink:link {
  text-decoration: none;
  color: #ffd020;
}

a.eylink:visited {
  text-decoration: none;
  color: #ffd020;
}

a.eylink:hover {
  text-decoration: underline;
  color: #ffe066;
}

a.eylink:active {
  text-decoration: underline;
  color: #ffe066;
}

.events_year {
  float: left;
  width: 760px;
  font: normal 1em "Courier New", Courier, monospace;
  color:#ffffff;
  background: url(jnbkg.png) repeat-y;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.text0, .text1, .text2, .text3, .text4, .text5, .text6, .text7, .text8, .text9 {
  font: normal 1em "Courier New", Courier, monospace;
  text-decoration: none;
}

.text0 {
  color: #000000;
}

.text1 {
  color: #cc6600;
}

.text2 {
  color: #ff3300;
}

.text3 {
  color: #ffb000;
}

.text4 {
  color: #ffff00;
}

.text5 {
  color: #33ff33;
}

.text6 {
  color: #6666ff;
}

.text7 {
  color: #cc00ff;
}

.text8 {
  color: #a0a0a0;
}

.text9 {
  color: #ffffff;
}
/*--------------------------------------------------------------*/
.namel {
  width: 250px;
  height: 18px;
  border: 1px solid #a03030;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fff3f3;
}

.selct {
  width: 250px;
  height: 20px;
  border: 1px solid #a03030;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fff3f3;
}

.emlph {
  width: 250px;
  height: 18px;
  border: 1px solid #30a030;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #f3fff3;
}

.tarea  {
  width: 250px;
  height:120px;
  border: 1px solid #a03030;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fff3f3;
}

.send_msg {
  float: left;
  width: 76px;
  height: 21px;
  font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a0;
  margin-top: 4px;
  border: 1px solid #603000;
}

.send_msg:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}

.thankyou {
  float: left;
  width: 755px;
  height: 40px;
  font: normal 1.1em "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #33cc40;
}
/*--------------------------------------------------------------*/
.prow {
  float: left;
  width: 740px;
  height: 26px;
  text-align: left;
}

.pdate {
  float: left;
  width: 104px;
  height: 23px;
  text-align: right;
  margin-right: 20px;
}

.pname {
  float: left;
  width: 220px;
  height: 23px;
  text-align: left;
  margin-right: 10px;
  overflow: hidden;
}

.ptitle {
  float: left;
  width: 270px;
  height: 23px;
  text-align: left;
  margin-right: 10px;
  overflow: hidden;
}

.pdur {
  float: left;
  width: 90px;
  height: 23px;
  text-align: left;
}

.bp_load {
  float: left;
  width: 92px;
  height: 23px;
  margin-left: 4px;
}

.bp_add {
  float: left;
  width: 120px;
  height: 23px;
}

.add {
  float: left;
  width: 102px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a0;
  padding-top: 1px;
  border: 1px solid #603000;
}

.add:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}

.bp_test {
  float: left;
  width: 120px;
  height: 23px;
}

.test_off {
  float: left;
  width: 86px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a8;
  padding-top: 1px;
  border: 1px solid #603000;
}

.test_off:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}

.test_on {
  float: left;
  width: 86px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f8c8a0;
  text-decoration: none;
  background-color: #c04060;
  padding-top: 1px;
  border: 1px solid #f8c8a8;
}

.test_on:hover {
  background-color: #d05070;
  border: 1px solid #ffd0b0;
}
/*--------------------------------------------------------------*/
.tb_login {
  float: left;
  width: 330px;
  height: 210px;
  margin-left: 201px;
  padding: 10px 0 0 14px;
  border: 2px solid #900020;
}

.ks1 {
  float: left;
  width: 314px;
  height: 24px;
  text-align: center;
  margin-bottom: 10px;
}

.key {
  float: left;
  width: 96px;
  height: 100px;
  margin-top: 12px;
}

.ks2 {
  float: right;
  width: 208px;
  height: 144px;
  text-align: left;
}

.lic_input {
  float: left;
  width: 140px;
  height: 18px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.lic_input:hover {
  background-color: #ffffe8;
}

.bp_login {
  float: left;
  width: 100px;
  height: 22px;
  margin-top: 20px;
}

.save {
  float: left;
  width: 76px;
  height: 21px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  cursor: pointer;
  background-color: #f8c8a0;
  /*padding-bottom: 2px;*/
  border: 1px solid #603000;
}

.save:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}
/*--------------------------------------------------------------*/
.tb_eevent {
  float: left;
  width: 720px;
  height: 28px;
  text-align: left;
}

.wd2a {
  float: left;
  width: 26px;
  height: 22px;
  font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  text-align: right;
  padding-top: 4px;
}

.wd2b {
  float: left;
  width: 26px;
  height: 22px;
  font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f0a0a0;
  text-align: right;
  padding-top: 4px;
}

.day2 {
  float: left;
  width: 28px;
  height: 22px;
  font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  text-align: right;
  padding-top: 4px;
}

.gap2 {
  float: left;
  width: 9px;
  height: 22px;
  font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  text-align: left;
  padding-top: 4px;
}

.mn2 {
  float: left;
  width: 26px;
  height: 22px;
  font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #f0f0f0;
  text-align: left;
  padding-top: 4px;
}

.evt2 {
  float: left;
  width: 610px;
  height: 26px;
  text-align: left;
}

.evt_input {
  float: left;
  width: 600px;
  height: 18px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.evt_input:hover {
  background-color: #ffffe8;
}

.btn_block_eevents {
  float: left;
  width: 698px;
  height: 40px;
  margin-top: 12px;
}

.bp_cancel1 {
  float: left;
  width: 120px;
  height: 23px;
  margin-left: 86px;
}

.bp_preview {
  float: left;
  width: 100px;
  height: 23px;
}

.bp_save {
  float: right;
  width: 82px;
  height: 23px;
}

.tb_eainfo {
  float: left;
  width: 720px;
  text-align: left;
  margin-left: 10px;
}

.a_info  {
  width: 610px;
  height:164px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.a_info:hover {
  background-color: #ffffe8;
}

.v_list  {
  width: 650px;
  height:164px;
  font: normal 0.9em "Courier New", Courier, monospace;
  color: #005000;
  background-color: #fcfccc;
}

.v_list:hover {
  background-color: #ffffe8;
}

.btn_block_eainfo {
  float: left;
  width: 632px;
  height: 40px;
  margin-top: 14px;
}

.bp_cancel2 {
  float: left;
  width: 120px;
  height: 23px;
  margin-left: 10px;
}
/*--------------------------------------------------------------*/
.tp_status_df {
  float: left;
  width: 298px;
  height: 54px;
  border: 1px solid #909090;
  margin-left: 4px;
}

.statustxt_df {
  float: left;
  width: 294px;
  height: 20px;
  font: normal 0.8em "Courier New", Courier, monospace;
  color: #a0ffff;
  padding: 4px 0 0 4px;
}

.uploadbox {
  float: left;
  width: 340px;
  height: 260px;
  margin: 2px 0 0 4px;
}

.tb_upload {
  float: left;
  width: 330px;
  height: 185px;
  border: 1px solid #909090;
}

.up_block {
  float: left;
  width: 310px;
  height: 138px;
  margin-left: 6px;
  text-align: left;
}

.file {
  font: normal 0.8em "Courier New", Courier, monospace;
  color: #ccffcc;
}

.btn_block_uload {
  float: left;
  width: 310px;
  height: 30px;
  margin: 12px 0 0 6px;
}

.bp_cancel3 {
  float: left;
  width: 100px;
  height: 23px;
}

.upload_prgs {
  float: left;
  width: 332px;
  height: 24px;
}

#progressbox {
  float: left;
  width: 328px;
  padding: 1px; 
  display: none;
  text-align: left;
  margin-top: 4px;
  border: 1px solid #909090;
}

#progressbar {
  width: 1%;
  height: 20px;
  background-color: #33cc66;
}

.tp_status {
  float: left;
  width: 332px;
  height: 24px;
}

#statustxt {
  float: left;
  width: 330px;
  height: 20px;
  font: normal 0.7em "Courier New", Courier, monospace;
  color: #ffffff;
  margin: -18px 0 0 5px;
}

.tb_mp3files {
  float: left;
  width: 710px;
  min-height: 24px;
  margin: 6px 0 0 4px;
  padding-left: 8px;
  border: 1px solid #909090;
}

.btn_block_mp3 {
  float: left;
  width: 312px;
  height: 30px;
  margin-top: 12px;
}

.ok {
  float: left;
  width: 53px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a0;
  padding-top: 1px;
  margin-left: 3px;
  border: 1px solid #603000;
}

.ok:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}

.tb_mp3iinput {
  float: left;
  width: 333px;
  height: 436px;
  text-align: left;
  margin: 2px 0 0 4px;
  padding-left: 8px;
  border: 1px solid #909090;
}

.mpti1 {
  float: left;
  width: 310px;
  height: 60px;
  text-align: left;
}

.mpt_input1 {
  float: left;
  width: 120px;
  height: 18px;
  font: normal 0.9em "Courier New", Courier, monospace;
  color: #005000;
  background-color: #fcfccc;
}

.mpt_input1:hover {
  background-color: #ffffe8;
}

.mpt_chkm {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}

.mpt_input2 {
  float: left;
  width: 300px;
  height: 18px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.mpt_input2:hover {
  background-color: #ffffe8;
}

.mpti2 {
  float: left;
  width: 310px;
  height: 98px;
  text-align: left;
}

.mpt_input3  {
  float: left;
  width: 300px;
  height:56px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.mpt_input3:hover {
  background-color: #ffffe8;
}

.mpt_input4 {
  float: left;
  width: 120px;
  height: 18px;
  font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #005000;
  background-color: #fcfccc;
}

.mpt_input4:hover {
  background-color: #ffffe8;
}

#bp_unlink {
  float: left;
  width: 100px;
  height: 23px;
}

.unl {
  float: left;
  width: 74px;
  height: 18px;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #900060;
  text-decoration: none;
  background-color: #f8c8a0;
  padding-top: 1px;
  border: 1px solid #603000;
}

.unl:hover {
  background-color: #fcd8b0;
  border: 1px solid #f00000;
}

.mpl {
  font: normal 1em "Comic Sans MS", Arial, Helvetica, sans-serif;
}

a.mpl:link {
  text-decoration: none;
  color: #ffb000;
}

a.mpl:visited {
  text-decoration: none;
  color: #ffb0ff;
}

a.mpl:hover {
  text-decoration: underline;
  color: #ffb000;
}

a.mpl:active {
  text-decoration: underline;
  color: #ffb033;
}

.tb_mpec {
  float: left;
  width: 333px;
  height: 220px;
  text-align: left;
  margin-left: 30px;
}
/*--------------------------------------------------------------*/
.footer {
  clear: both;
  width: 973px;
  height: 29px;
  background-image: url(bgblue50.png);
  /* ---------------------------------- */
  border: 1px solid #f0f0f0;
  /* ---------------------------------- */
  margin-top: 4px;
  margin-bottom: 5px;
}  

#facebook {
  float: left;
  width: 251px;
  height: 24px;
  padding: 0;
  overflow: hidden;
  list-style: none;
  margin-top: 3px;
  margin-left: 20px;
}

#facebook li {
  float: left;
  width: 44px;
}

#facebook a {
  display: block;  
  background-image: url(imagemap.gif);
  padding-top: 24px;
  text-decoration: none;
  font-size: 0;
}

#fb a {
  width: 26px;
  background-position: -97px -347px;
}
#fb a:hover {
  background-position: -97px -372px;
}

#yt1 a {
  width: 32px;
  background-position: -126px -347px;
}
#yt1 a:hover {
  background-position: -126px -372px;
}

#yt2 a {
  width: 32px;
  background-position: -163px -347px;
}
#yt2 a:hover {
  background-position: -163px -372px;
}

.spacer {
  float: left;
  width: 195px;
  height: 20px;
  margin-top: 4px;
}

.counter {
  float: left;
  width: 80px;
  height: 20px;
  font: bold 0.875em "Courier New", Courier, monospace;
  color:#cccccc;
  margin-top: 7px;
}