body
{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center; /* get IE to centre the container div */
  min-width: 770px; /*prevent body being narrower than wrapper div*/
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#container
{
  /* positioning hacks from North Pole: A Structural CSS Positioning Study by Adrian Senior */
  height: 500px; /* override locally */
  width: 772px;/*sets the width for IE5.x's broken box model*/
  w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
  margin: 5px auto;/* centers the wrapper. First value - 5px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
  border: 1px solid gray; /* sets a border to all 4 sides */
  position: relative; /* set to relative so that absolute positioning works later! */
  text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#container2
{

}

#header
{
  background-image: url("panorama_from_scarp.jpg");
  color: rgb(0,0,100);
  height: 100px;
  text-align: center;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 250%;
}

#header_sub_text, #header_sub_text2
{
  position: relative;
  top: -10px;
  text-align: center;
  color: white;
  font-size: 20px;
  line-height: 100%;
}

#header_sub_text2
{
  position: relative;
  top: 7px;
  font-size:17px;
  color: rgb(0,0,100);
}

#phone_fax
{
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 5px;
}

#menu
{
  margin-top: 30px;
  margin-left: -10px;
}

#menu ul li
{
  list-style: none;
  color: blue;
  background-color: white;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  height:30px;
  margin-bottom:5px;
}

#menu ul li a
{
  text-decoration: none;
  border: 1px solid blue;
  width: 105px;
  padding:3px;
  margin-left: 0px;
  margin-bottom:5px;
  margin-top:0px;
  display: block;
}

#menu ul li a:hover
{
  color:white;
  background-color: rgb(0,0,240);
}

.active_menu 
{
  color:white;
  background-color: rgb(0,0,240);
}

.inactive_menu 
{
  color: blue;
}

#page_name
{
  position: absolute;
  top: 100px;
  left: 35px;
  color: blue;
  background-color: white;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#credit
{
  position: absolute; 
  top: 480px; /* default - override if necessary */
  left: 240px;
  font-size: 12px;
  font-family: Courier, serif;
}

#credit a
{
  text-decoration: none;
  color:blue;
}

#credit a:hover
{
  color: red;
}

#intro, #intro2
{
  position: absolute;
  top: 165px;
  left: 190px;
  width: 320px;
  height:250px;
  color:#000080;
  background-color: rgb(240,240,255);
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-align: justify;
  padding: 10px;
  border: 1px solid gray;
  overflow: auto;
}

div#intro2
{
  top: 150px;
  height:260px;
}

#tour_info
{
  position: absolute;
  top: 130px;
  left: 190px;
  width: 520px;
  height:415px;
  padding: 10px;
  padding-top: 10px;
  overflow: auto;
  border: 1px solid gray;
  background-color: rgb(240,240,255);
}

#img_kilt
{
  position: absolute;
  top: 140px;
  left: 560px;
}

#caption_kilt
{
  position: absolute;
  top: 230px;
  left: 570px;
}

#img_bus_in_skye
{
  position: absolute;
  top: 280px;
  left: 560px;
}

#caption_bus_in_skye
{
  position: absolute;
  top: 355px;
  left: 570px;
}

#img_stga_logo
{
  position: absolute;
  top: 405px;
  left: 598px;
}

#caption_stga_logo
{
  position: absolute;
  top: 465px;
  left: 565px;
}

#caption_kilt, #caption_bus_in_skye, #caption_stga_logo
{
  font-size: 12px;
  font-family: Courier, serif;
}

#img_scarp1
{
  position: absolute;
  top: 100px;
  left: 165px;
  width: 550px;
}

#img_mos
{
  position: absolute;
  top: 130px;
  left: 190px;
}

#txt_mos
{ 
  color: blue;
  background-color: white;
  position: absolute;
  top: 250px;
  left: 500px;
}

#multimap
{
  color: rgb(204,0,255);
  background-color: white;
  font-size: 20px;
  font-family: "Impact", "Helvetica Narrow", sans-serif;
  text-decoration: none;
}

.map
{
  color: rgb(204,0,255);
  background-color: white;
  font-size: 20px;
  font-family: "Impact", "Helvetica Narrow", sans-serif;
  text-decoration: none;
}

#travel_links
{
  position: absolute;
  left: 200px;
  top: 160px;
  padding-right:20px;
  text-align: justify;
}

#travel_links a
{
  text-decoration: none;
  color: rgb(204,0,255);
  background-color: white;
  font-size: 16px;
  font-family: "Impact", "Helvetica Narrow", sans-serif;
  line-height: 150%;
}

#travel_links a img 
{
  border:none;
}

.logo_column
{
  position: absolute;
  left: 270px;
}

#download
{
  position: absolute;
  top: 570px;
  left: 260px;
}

#get_acrobat
{
  position: absolute;
  top: 570px;
  left: 510px;
}

#failte
{
  position: absolute;
  left: 243px;
  top: 125px;
  color:blue;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
}