/*general styling*/
body{
 border: none;
 margin: 5px;
 padding: 0;
 background-color: #999999;
 font:23px "Lucida Grande", Ariel, Sans-serif;
 overflow:auto;
}
/*TEXT*/
p{
  font:20px "Lucida Grande," Ariel, Sans-serif;
  color:#666666;
}
/*Background Image*/
#container{
 position:absolute;
 left:100px;
 top:120px;
 width:720px;
 height:600px;
 background-color:#999999;
 background-image:url(msbg.jpg);
}
/*Heading*/
h1{
  font:30px "Lucida Grande", Ariel, Sans-serif;
  color:#666666
}
#heading{
  position:absolute;
  left:80px;
  top:80px;
  width: 275px;
  height:30px;
}
#mssidebar{
  position:absolute;
  left:80px;
  top:140px;
  width:37px;
  height: 121px;
  background-image:url(mssidebar.gif);
}
#textbox{
  position:absolute;
  left:130px;
  top:137px;
  width: 470px;
  height:120px;
 text-align:left;
}
#musicbox{
  position:absolute;
  left:170px;
  top:260px;
  width: 330px;
  height:190px;
}
/*atholl rollover*/
.button_float{
  float:right;
}
.rollover1{
  display:block;
  width:330px;
  height:40px;
  background:url(musicbutton1.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover1:link, a.rollover1:visited, a.rollover1:active{
  background:url(musicbutton1.gif) no-repeat;
}
a.rollover1:hover{
  background-position:-330px 0;
}
/*hathorne tree rollover*/
.rollover2{
  display:block;
  width:330px;
  height:40px;
  background:url(musicbutton2.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover2:link, a.rollover2:visited, a.rollover2:active{
  background:url(musicbutton2.gif) no-repeat;
}
a.rollover2:hover{
  background-position:-330px 0;
}
/*miss waters' rollover*/
.rollover3{
  display:block;
  width:330px;
  height:40px;
  background:url(musicbutton3.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover3:link, a.rollover3:visited, a.rollover3:active{
  background:url(musicbutton3.gif) no-repeat;
}
a.rollover3:hover{
  background-position:-330px 0;
}
/*robin rollover*/
.rollover4{
  display:block;
  width:330px;
  height:40px;
  background:url(musicbutton4.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover4:link, a.rollover4:visited, a.rollover4:active{
  background:url(musicbutton4.gif) no-repeat;
}
a.rollover4:hover{
  background-position:-330px 0;
}
/*strathspey rollover*/
.rollover5{
  display:block;
  width:330px;
  height:40px;
  background:url(musicbutton5.gif) no-repeat;
  text-indent:-9999px;
}
a.rollover5:link, a.rollover5:visited, a.rollover5:active{
  background:url(musicbutton5.gif) no-repeat;
}
a.rollover5:hover{
  background-position:-330px 0;
}
 
/*Bottom Navigation*/
#bottomnav{
  position:absolute;
  left:180px;
  top:595px;
  width:580px;
  height:30px;
  background:none;
}
ul{
list-style:none;
}
li{
  display:inline;
  margin:none;
  padding:0 65px 0 0;
}
/*LINKS*/
a:link{
  color:#80796f;
  text-decoration:none;
}
a:visited{
  color:#80796f;
  text-decoration:none;
}
a:hover{
 color:#666666;
 text-decoration:overline underline;
}
a:active{
  color:#666666;
  text-decoration:overline underline;

}