body
{
	background-color: #996;
}
#letterbox
{
  width: 100%;
margin-top: 80px;
	background-color: #f93;
}
#campusmapcontainer
{
	background: #fc6 url(/images/campusbackground.gif) no-repeat 0 0;
	 margin-left: auto;
  margin-right: auto;
	width: 698px;
	height: 436px;
	position: relative;
	padding-bottom: 20px;
}
#campusmap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#campusmap a {display: block; text-indent: -9999px; text-decoration: none; overflow: hidden;}

#logo {left: 275px; top: 181px; width: 165px; height: 87px;}
#welcome {left: 287px; top: 317px; width: 90px; height: 44px;}
#newsstand {left: 33px; top: 277px; width: 102px; height: 28px;}
#staffadmin {left: 122px; top: 232px; width: 144px; height: 46px;}
#skills {left: 125px; top: 154px; width: 128px; height: 45px;}
#classroom {left: 278px; top: 102px; width: 100px; height: 46px;}
#library {left: 446px; top: 124px; width: 74px; height: 45px;}
#students {left: 509px; top: 178px; width: 74px; height: 45px;}
#crcenter {left: 512px; top: 238px; width: 156px; height: 44px;}
#faculty {left: 458px; top: 302px; width: 71px; height: 45px;}
#sitemap {left: 594px; top: 365px; width: 55px; height: 72px;}

#logo a {height: 87px;}
#welcome a {height: 44px;}
#newsstand a {height: 28px;}
#staffadmin a {height: 46px;}
#skills a {height: 45px;}
#classroom a {height: 46px;}
#library a {height: 45px;}
#students a {height: 45px;}
#crcenter a {height: 44px;}
#faculty a {height: 45px;}
#sitemap a {height: 72px;}

#logo a:hover {background: url(/images/campusbackground.gif) -275px -617px no-repeat;}
#welcome a:hover {background: url(/images/campusbackground.gif) -287px -753px no-repeat;}
#newsstand a:hover {background: url(/images/campusbackground.gif) -33px -713px no-repeat;}
#staffadmin a:hover {background: url(/images/campusbackground.gif) -122px -668px no-repeat;}
#skills a:hover {background: url(/images/campusbackground.gif) -125px -590px no-repeat;}
#classroom a:hover {background: url(/images/campusbackground.gif) -278px -538px no-repeat;}
#library a:hover {background: url(/images/campusbackground.gif) -446px -560px no-repeat;}
#students a:hover {background: url(/images/campusbackground.gif) -509px -614px no-repeat;}
#crcenter a:hover {background: url(/images/campusbackground.gif) -512px -674px no-repeat;}
#faculty a:hover {background: url(/images/campusbackground.gif) -458px -738px no-repeat;}
#sitemap a:hover {background: url(/images/campusbackground.gif) -594px -801px no-repeat;}

a:hover span {
  position: absolute;
  display: block;
  width: 154px; height: 138px;
  padding: 34px 20px 30px;
  text-indent: 0px; 
  text-decoration: none;
  background: url(/images/campusbackground.gif) -261px -844px no-repeat;
  border: 0px;
	color: #292929;
	font: 12px Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

#welcome a:hover span {
  left: -26px; top: -155px;
}
#newsstand a:hover span {left: 228px; top: -115px;}
#staffadmin a:hover span {left: 139px; top: -70px;}
#skills a:hover span {left: 136px; top: 8px;}
#classroom a:hover span {left: -17px; top: 60px;}
#library a:hover span {left: -185px; top: 38px;}
#students a:hover span {left: -248px; top: -16px;}
#crcenter a:hover span {left: -251px; top: -76px;}
#faculty a:hover span {left: -197px; top: -140px;}
#sitemap a:hover span {left: -26px; top: -155px;}