body {
  background-image:url('pic_center_sm.png');
  background-repeat:repeat-x; 
  font-family: Helvetica,Arial,sans-serif;
}

#fullpage {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

#top_left {
  position: absolute;
  top:0;
  left:0;
  width:307px;
  height:205px;
  background-image:url('pic_left_top_sm.png');
  background-repeat:no-repeat;
  text-decoration: none;
}

#p_top_left {
  font-size: 325%;
  font-weight: bold; 
  color: RGB(38, 121, 218);
  color: white;
  margin-top:73px;
  margin-left:45px;
  margin-bottom:0px;
  padding-bottom:0px;
/*  border: 1px solid red; */
}

#p_top_left_ERSA {
  font-size: 140%;
  font-weight: bold; 
  color: RGB(38, 121, 218);
  margin-top:15px;
  padding-top:0px;
  margin-left:45px;
  margin-bottom:0px;
  padding-bottom:0px;
}

#p_top_left_WU {
  font-size: 140%;
  color: RGB(38, 121, 218);
  margin-top:0px;
  padding-top:0px;
  margin-left:45px;
  margin-bottom:0px;
  padding-bottom:0px;
/*  border: 1px solid red; */
}

#p_bottom_left_ISSN {
  font-size: 70%; 
  color: RGB(38, 121, 218); 
/*  border: 1px solid red; */

  position:absolute;
  bottom:200px;
  left:0px;

  margin-top:0px; 
  padding-top:0px;
  margin-left:45px;
  margin-bottom:0px; 
  padding-bottom:0px;
/*  border: 1px solid red; */
}

#bottom_left {
  position: absolute;
  bottom:0;
  left:0;
  width:250px;
  height:146px;
/*  border: 1px solid red; */
}
  
#bottom_left_1 {
  position: absolute;
  bottom:0;
  left:0;
  width:150px;
  height:146px;
  background-image:url('pic_left_bottom_1_sm.png');
  background-repeat:no-repeat;
/*  border: 1px solid red; */
}
  
#bottom_left_2 {
  position: absolute;
  bottom:0;
  left:150px;
  width:157px;
  height:146px;
  background-image:url('pic_left_bottom_2_sm.png');
  background-repeat:no-repeat;
/*  border: 1px solid red; */
}
  
#top_right {
  position: absolute;
  top:0;
  right:0;
  width:142px;
  height:293px;
  padding:0;
  margin:0;
  background-image:url('pic_right_top_sm.png');
  background-repeat:no-repeat;
}

#bottom_right {
  position: absolute;
  bottom:0;
  right:0;
  width:143px;
  height:120px;
  background-image:url('pic_right_bottom_sm.png');
  background-repeat:no-repeat;
}

#navigation {
  position: absolute;
  top: 210px;
  left: 70px;
  width: 140px;
  font-size: 100%;
  color: RGB(38, 121, 218);
/*  border: 1px solid red; */
}

#R_info {
  position: absolute;
  top: 200px;
  left: 270px;
  right: 143px;
  font-size: 100%;
  color: RGB(38, 121, 218);
/*  border: 1px solid black; */
}
 
ul {
  list-style-type:none;
  padding:0;
} 

li { 
  margin: 2px;
  padding: 2px;
  background-color:RGB(197,221, 240);
} 

li:hover {
  font-weight: bold;
}

a.mainlist {
  display:block;
/*  width:45px; */
  height:17px;
  padding-top:2px;
  padding-bottom:2px;
  text-decoration: none;
  vertical-align: middle;
  font-size:100%;
  color: RGB(38, 121, 218);
}




/* medium size: TINY */

@media (min-width: 1px) and (min-height: 1px) {

  body {
    background-image:url('pic_center_vsm.png');
  }

  #top_left {
    width:154px;
    height:103px;
    background-image:url('pic_left_top_vsm.png');
  }

  #p_top_left {
    margin-top:15px;
    margin-left:9px;
  }

  #bottom_left {
    width:73px;
    height:73px;
  }
 
  #bottom_left_1 {
    width:73px;
    height:73px;
    background-image:url('pic_left_bottom_1_vsm.png');
  }
  
  #bottom_left_2 {
    left: 73px;
    width:80px;
    height:73px;
    background-image:url('pic_left_bottom_2_vsm.png');
  }
  
  #top_right {
    width:71px;
    height:147px;
    background-image:url('pic_right_top_vsm.png');
  }

  #bottom_right {
    width:72px;
    height:60px;
    background-image:url('pic_right_bottom_vsm.png');
  }

  #R_info {
    top: 100px; 
    left: 120px;
    right: 35px;
    font-size: 60%; 
/*    color: red; */
  }

  #navigation {
    top: 105px;
    left: 35px;
    width: 70px;
    font-size: 60%; 
  }

  ul {
    padding-left: 4px; 
  }

  li { 
    margin: 2px;
    padding: 2px;
  } 

  #p_top_left {
    font-size: 163%;
    margin-top:37px;
    margin-left:23px;
  }

  #p_top_left_ERSA {
    font-size: 70%;
    margin-top:8px;
    margin-left:23px;
  }

  #p_top_left_WU {
    font-size: 70%;
    margin-left:23px;
  }

  #p_bottom_left_ISSN {
    bottom:80px;
    font-size: 35%;
    margin-left:23px;
/*    border: 1px solid green; */
  }

  a.mainlist {
    width:9px;
    height:3px;
    height:9px;
    padding-top:2px;
    padding-bottom:2px;
  }

}




/* medium size: VERY SMALL */

@media (min-width: 38000px) and (min-height: 38000px) {

  body {
    background-image:url('pic_center_vsm.png');
  }

  #top_left {
    width:154px;
    height:103px;
    background-image:url('pic_left_top_vsm.png');
  }

  #p_top_left {
    margin-top:37px;
    margin-left:23px;
  }

  #bottom_left {
    width:73px;
    height:73px;
  }
  
  #bottom_left_1 {
    width:73px;
    height:73px;
    background-image:url('pic_left_bottom_1_vsm.png');
  }
  
  #bottom_left_2 {
    left: 73px;
    width:80px;
    height:73px;
    background-image:url('pic_left_bottom_2_vsm.png');
  }
  
  #top_right {
    width:71px;
    height:147px;
    background-image:url('pic_right_top_vsm.png');
  }

  #bottom_right {
    width:72px;
    height:60px;
    background-image:url('pic_right_bottom_vsm.png');
  }

  #R_info {
    top: 100px;
    left: 135px;
    right: 72px;
    font-size: 60%; 
/*    color: green; */
  }

  #navigation {
    top: 105px;
    left: 35px;
    width: 70px;
    font-size: 45%;
  }

  ul {
    padding-left: 10px; 
  }

  li { 
    margin: 1px;
    padding: 1px;
  } 

  #p_top_left {
    font-size: 163%;
    margin-top:37px;
    margin-left:23px;
  }

  #p_top_left_ERSA {
    font-size: 70%;
    margin-top:8px;
    margin-left:23px;
  }

  #p_top_left_WU {
    font-size: 70%;
    margin-left:23px;
  }

  #p_bottom_left_ISSN {
    bottom:80px;
    font-size: 35%;
    margin-left:23px;
/*    border: 1px solid yellow; */
  }

  a.mainlist {
    width:23px;
    height:8px;
    padding-top:1px;
    padding-bottom:1px;
  }




}


/* medium size: SMALL */

@media (min-width: 800px) and (min-height: 600px) {
/*@media (min-width: 690px) and (min-height: 425px) {*/

  body {
    background-image:url('pic_center_sm.png');
  }

  #top_left {
    width:307px;
    height:205px;
    background-image:url('pic_left_top_sm.png');
  }

  #p_top_left {
    margin-top:73px;
    margin-left:45px;
  }

  #bottom_left {
    width:147px;
    height:147px;
  }
  
  #bottom_left_1 {
    width:147px;
    height:147px;
    background-image:url('pic_left_bottom_1_sm.png');
  }
  
  #bottom_left_2 {
    left: 147px;
    width:161px;
    height:147px;
    background-image:url('pic_left_bottom_2_sm.png');
  }
  
  #top_right {
    width:142px;
    height:294px;
    background-image:url('pic_right_top_sm.png');
  }

  #bottom_right {
    width:143px;
    height:120px;
    background-image:url('pic_right_bottom_sm.png');
  }

  #R_info {
    top: 200px;
    left: 270px;
    right: 143px;
    font-size: 90%; 
/*    color:yellow; */
  }

  #navigation {
    top: 210px;
    left: 70px;
    width: 140px;
    font-size: 90%;
  }

  ul {
    padding-left: 20px; 
  }

  li { 
    margin: 2px;
    padding: 2px;
  } 

  #p_top_left {
    font-size: 325%;
    margin-top:73px;
    margin-left:45px;
  }

  #p_top_left_ERSA {
    font-size: 140%;
    margin-top:15px;
    margin-left:45px;
  }

  #p_top_left_WU {
    font-size: 140%;
    margin-left:45px;
  }

  #p_bottom_left_ISSN {
    bottom:160px;
    font-size: 70%;
    margin-left:45px;
/*    border: 1px solid black; */
  }

  a.mainlist {
    width:45px;
    height:15px;
    padding-top:2px;
    padding-bottom:2px;
  }

}




/* medium size: MEDIUM */

@media (min-width: 1380px) and (min-height: 850px) {
/*@media (min-width: 800px) and (min-height: 600px) {*/

  body {
    background-image:url('pic_center_med.png');
  }

  #top_left {
    width:461px;
    height:308px;
    background-image:url('pic_left_top_med.png');
  }

  #p_top_left {
    margin-top:110px;
    margin-left:68px;
  }

  #bottom_left {
    width:220px;
    height:220px;
  }
  
  #bottom_left_1 {
    width:220px;
    height:220px;
    background-image:url('pic_left_bottom_1_med.png');
  }
  
  #bottom_left_2 {
    left: 220px;
    width:241px;
    height:220px;
    background-image:url('pic_left_bottom_2_med.png');
  }
  
  #top_right {
    width:213px;
    height:440px;
    background-image:url('pic_right_top_med.png');
  }

  #bottom_right {
    width:215px;
    height:180px;
    background-image:url('pic_right_bottom_med.png');
  }

  #R_info {
    top: 300px;
    left: 405px;
    right: 215px;
    font-size: 125%; 
/*    color:black; */
  }

  #navigation {
    top: 315px;
    left: 105px;
    width: 210px;
    font-size: 135%;
  }

  ul {
    padding-left: 30px; 
  }

  li { 
    margin: 3px;
    padding: 3px;
  } 

  #p_top_left {
    font-size: 488%;
    margin-top:110px;
    margin-left:68px;
  }

  #p_top_left_ERSA {
    font-size: 210%;
    margin-top:23px;
    margin-left:68px;
  }

  #p_top_left_WU {
    font-size: 210%;
    margin-left:68px;
  }

  #p_bottom_left_ISSN {
    bottom:220px;
    font-size: 105%;
    margin-left:68px;
/*    border: 1px solid blue; */
  }

  a.mainlist {
    width:68px;
    height:23px;
    padding-top:3px;
    padding-bottom:3px;
  }

}


/* medium size: LARGE */

@media (min-width: 1600px) and (min-height: 1200px) {
/* @media (min-width: 1380px) and (min-height: 850px) { */

  body {
    background-image:url('pic_center_lg.png');
  }

  #top_left {
    width:614px;
    height:410px;
    background-image:url('pic_left_top_lg.png');
  }

  #p_top_left {
    margin-top:146px;
    margin-left:90px;
  }

  #bottom_left {
    width:293px;
    height:293px;
  }
  
  #bottom_left_1 {
    width:293px;
    height:293px;
    background-image:url('pic_left_bottom_1_lg.png');
  }
  
  #bottom_left_2 {
    left: 293px;
    width:321px;
    height:293px;
    background-image:url('pic_left_bottom_2_lg.png');
  }
  
  #top_right {
    width:284px;
    height:587px;
    background-image:url('pic_right_top_lg.png');
  }

  #bottom_right {
    width:286px;
    height:240px;
    background-image:url('pic_right_bottom_lg.png');
  }

  #R_info {
    top: 400px;
    left: 540px;
    right: 286px;
    font-size: 160%; 
/*    color: blue; */
  }

  #navigation {
    top: 420px;
    left: 140px;
    width: 280px;
    font-size: 180%;
  }

  ul {
    padding-left: 40px; 
  }

  li { 
    margin: 4px;
    padding: 4px;
  } 

  #p_top_left {
    font-size: 650%;
    margin-top:146px;
    margin-left:90px;
  }

  #p_top_left_ERSA {
    font-size: 280%;
    margin-top:30px;
    margin-left:90px;
  }

  #p_top_left_WU {
    font-size: 280%;
    margin-left:90px;
  }

  #p_bottom_left_ISSN {
    bottom:300px;
    font-size: 140%;
    margin-left:90px;
/*    border: 1px dashed red; */
  }

  a.mainlist {
    width:90px;
    height:30px;
    padding-top:4px;
    padding-bottom:4px;
  }

}