@charset "utf-8";
/* CSS Document */


#exp_content {
  margin : auto;
  text-align : left;
  padding : 18px 40px 31px 0px;
  height : auto;
}
/* just for this experiment */

#exp_content h2, #exp_content p {
  text-align : center;
  font-weight : normal;
  color : #669900;
  padding-bottom : 9px;
}

#exp_content, #exp_content p {
  font-size : 0.9em;
  color : #000;
}


ul#cmp { 
  list-style-type : none;
  position : relative;
  display : block;
  background: transparent url("../images/map_null.png") no-repeat;
  z-index:0;
  width : 700px;
  height : 835px;
  margin : 0 auto 0;
  padding : 0;

}

ul#cmp li { 
  display : inline;
}

ul#cmp li a {
  position : relative;
  display : block;
  text-decoration : none;
}

ul#cmp li a span.offset { 
  margin-top : -9000px; 
  margin-left : -9000px;
  position : absolute;
}

ul#cmp li a:hover span.offset, ul#cmp li a:focus span.offset, ul#cmp li a:active span.offset {
  color : #e87e00;
  background-image : none;
  background-color : #000;
  border : 3px solid #fff;
  display : block;
  width : 150px;
  height : auto;
  text-decoration : none;
  cursor : pointer;
}

ul#cmp li a:hover span.offset span, ul#cmp li a:focus span.offset span, ul#cmp li a:active span.offset span {
  display : block;
  width : 140px;
  margin : 5px;
}


/* edinburgh 01 css */

ul#cmp li a#cmp01 {
  width : 150px;
  height : 60px;
  margin-top : 0px;
  margin-left : 270px;


}

ul#cmp li a#cmp01:hover, ul#cmp li a#cmp01:focus, ul#cmp li a#cmp01:active {
}

ul#cmp li a#cmp01:hover span.offset, ul#cmp li a#cmp01:focus span.offset, ul#cmp li a#cmp01:active span.offset {
  margin-top : 45px;
  margin-left : 135px;
}

/* glassgow 02 css */

ul#cmp li a#cmp02 {
  width : 120px;
  height : 45px;
  margin-top : -25px;
  margin-left : 100px;

}

ul#cmp li a#cmp02:hover, ul#cmp li a#cmp02:focus, ul#cmp li a#cmp02:active {

}

ul#cmp li a#cmp02:hover span.offset, ul#cmp li a#cmp02:focus span.offset, ul#cmp li a#cmp02:active span.offset {
  margin-top : 40px;
  margin-left : -55px;
}

/* newcastle 03 css */

ul#cmp li a#cmp03 {
  width : 140px;
  height : 55px;
  margin-top : 50px;
  margin-left : 400px;

}

ul#cmp li a#cmp03:hover, ul#cmp li a#cmp03:focus, ul#cmp li a#cmp03:active {
}

ul#cmp li a#cmp03:hover span.offset, ul#cmp li a#cmp03:focus span.offset, ul#cmp li a#cmp03:active span.offset {
  margin-top : 35px;
  margin-left : 105px;
}

/* york 04 css */

ul#cmp li a#cmp04 {
  width : 100px;
  height : 50px;
  margin-top : 70px;
  margin-left : 420px;

}

ul#cmp li a#cmp04:hover, ul#cmp li a#cmp04:focus, ul#cmp li a#cmp04:active {
}

ul#cmp li a#cmp04:hover span.offset, ul#cmp li a#cmp04:focus span.offset, ul#cmp li a#cmp04:active span.offset {
  margin-top : -30px;
  margin-left : 90px;
}

/* london 05 css */

ul#cmp li a#cmp05 {
  width : 130px;
  height : 35px;
  margin-top : 298px;
  margin-left : 535px;

}

ul#cmp li a#cmp05:hover, ul#cmp li a#cmp05:focus, ul#cmp li a#cmp05:active {
}

ul#cmp li a#cmp05:hover span.offset, ul#cmp li a#cmp05:focus span.offset, ul#cmp li a#cmp05:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

/* manchester 06 css */

ul#cmp li a#cmp06 {
  width : 170px;
  height : 45px;
  margin-top : -300px;
  margin-left : 205px;

}

ul#cmp li a#cmp06:hover, ul#cmp li a#cmp05:focus, ul#cmp li a#cmp06:active {

}

ul#cmp li a#cmp06:hover span.offset, ul#cmp li a#cmp06:focus span.offset, ul#cmp li a#cmp06:active span.offset {
  margin-top : -35px;
  margin-left : -130px;
}

/* nottingham 07 css */

ul#cmp li a#cmp07 {
  width : 160px;
  height : 35px;
  margin-top : 35px;
  margin-left : 435px;

}

ul#cmp li a#cmp07:hover, ul#cmp li a#cmp07:focus, ul#cmp li a#cmp07:active {

}

ul#cmp li a#cmp07:hover span.offset, ul#cmp li a#cmp07:focus span.offset, ul#cmp li a#cmp07:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

/* cardiff 08 css */

ul#cmp li a#cmp08 {
  width : 100px;
  height : 35px;
  margin-top : 150px;
  margin-left : 195px;

}

ul#cmp li a#cmp08:hover, ul#cmp li a#cmp08:focus, ul#cmp li a#cmp08:active {

}

ul#cmp li a#cmp08:hover span.offset, ul#cmp li a#cmp08:focus span.offset, ul#cmp li a#cmp08:active span.offset {
  margin-top : -35px;
  margin-left : -140px;
}

/* cambridge 09 css */

ul#cmp li a#cmp09 {
  width : 145px;
  height : 50px;
  margin-top : -140px;
  margin-left : 535px;

}

ul#cmp li a#cmp09:hover, ul#cmp li a#cmp09:focus, ul#cmp li a#cmp09:active {

}

ul#cmp li a#cmp09:hover span.offset, ul#cmp li a#cmp09:focus span.offset, ul#cmp li a#cmp09:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

/* oxford 10 css */

ul#cmp li a#cmp10 {
  width : 130px;
  height : 40px;
  margin-top : 15px;
  margin-left : 425px;

}

ul#cmp li a#cmp10:hover, ul#cmp li a#cmp10:focus, ul#cmp li a#cmp10:active {

}

ul#cmp li a#cmp10:hover span.offset, ul#cmp li a#cmp10:focus span.offset, ul#cmp li a#cmp10:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

/* bristol 11 css */

ul#cmp li a#cmp11 {
  width : 80px;
  height : 35px;
  margin-top : 25px;
  margin-left : 300px;

}

ul#cmp li a#cmp11:hover, ul#cmp li a#cmp11:focus, ul#cmp li a#cmp11:active {

}

ul#cmp li a#cmp11:hover span.offset, ul#cmp li a#cmp11:focus span.offset, ul#cmp li a#cmp11:active span.offset {
  margin-top : -35px;
  margin-left : 80px;
}

/* exeter 12 css */

ul#cmp li a#cmp12 {
  width : 100px;
  height : 35px;
  margin-top : 60px;
  margin-left : 165px;

}

ul#cmp li a#cmp12:hover, ul#cmp li a#cmp12:focus, ul#cmp li a#cmp12:active {

}

ul#cmp li a#cmp12:hover span.offset, ul#cmp li a#cmp12:focus span.offset, ul#cmp li a#cmp12:active span.offset {
  margin-top : -35px;
  margin-left : -130px;
}

/* reading 13 css */

ul#cmp li a#cmp13 {
  width : 100px;
  height : 35px;
  margin-top : -135px;
  margin-left : 440px;

}

ul#cmp li a#cmp13:hover, ul#cmp li a#cmp13:focus, ul#cmp li a#cmp13:active {

}

ul#cmp li a#cmp13:hover span.offset, ul#cmp li a#cmp13:focus span.offset, ul#cmp li a#cmp13:active span.offset {
  margin-top : -35px;
  margin-left : 80px;
}

/* bournemouth 14 css */

ul#cmp li a#cmp14 {
  width : 160px;
  height : 50px;
  margin-top : 50px;
  margin-left : 310px;

}

ul#cmp li a#cmp14:hover, ul#cmp li a#cmp14:focus, ul#cmp li a#cmp14:active {

}

ul#cmp li a#cmp14:hover span.offset, ul#cmp li a#cmp14:focus span.offset, ul#cmp li a#cmp14:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

/* brighton 15 css */

ul#cmp li a#cmp15 {
  width : 130px;
  height : 35px;
  margin-top : -70px;
  margin-left : 535px;

}

ul#cmp li a#cmp15:hover, ul#cmp li a#cmp15:focus, ul#cmp li a#cmp15:active {

}

ul#cmp li a#cmp15:hover span.offset, ul#cmp li a#cmp15:focus span.offset, ul#cmp li a#cmp15:active span.offset {
  margin-top : -35px;
  margin-left : 120px;
}

ul#cmp li a#cmp00 {
  width : 120px;
  height : 85px;
  margin-top : -265px;
  margin-left : 340px;
}

ul#cmp li a#cmp00:hover span.offset, ul#cmp li a#cmp00:focus span.offset, ul#cmp li a#cmp00:active span.offset {
  margin-top : -35px;
  margin-left : -20px;
}