/***This stylesheet correctly positions the Image map elements and their transparent overlays.  The pop-up styling can be found
in main.css****/

div#nonfic:hover {border: black 4px;}

#main {
background:white;
}

a.transOFF {
	background-color: blue ;
	border: .1em outset red; 
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	width: 100%;
	-moz-border-radius: .5em .5em;
	}

a.transON  {
	background-color: white ;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	width: 100%;
	-moz-border-radius: .5em .5em;
	}


#imap {
  background-image: url(../Images/Imagemap/BuildingMap.jpg);
  background-repeat: no-repeat;
  display:block;
  height: 28.13em;
  overflow: auto;
  position: relative;
  width:40.19em;
  	
 }
  
#imap a {
	cursor:crosshair;
	text-decoration: none;
	}

#imap p {
	margin: 0;
	padding: 1em 0 0 0;
	}


#imap a span { visibility: hidden; }

a#nofic {
	height:84px;
	left: 322px;
	position: absolute;
	top: 131px;
	width:133px;
	}

a#refcol {
	height:70px;
	left:428px;
	position: absolute;
	top: 261px;
	width:128px;
	}

a#hiscol {
	height:40px;
	left:508px;	 
	position: absolute;
	top: 220px;
	width:52px;
	}

a#bio {
	height:45px;
	left: 492px;
	width:53px;	 
	position: absolute;
	top: 133px;
	}

a#fdcol {
	height:32px;
	left: 491px;	 
	position: absolute;
	top: 180px;
	width:51px;
	}

a#teen {
	height:37px;
	left:361px;	 
	position: absolute;
	top: 236px;
	width:63px;
	}

a#refdesk {
	height:28px;
	left:456px;	 
	position: absolute;
	top: 200px;
	width:30px;
	}

a#fic {
	height:112px;
	left: 217px;	 
	position: absolute;
	top: 48px;
	width: 98px;
	}

a#audiobooks {
	height:27px;
	left: 217px;	 
	position: absolute;
	top: 161px;
	width:39px;
	}

a#dvd {
	height:27px;
	left: 285px;
	opacity:.5;
	position: absolute;
	top: 161px;
	width: 30px;
	}

a#circ {
	height:60px;
	left: 220px;
	opacity:.5;
	position: absolute;
	top: 213px;
	width:75px;
	}

a#ysnonfic {
	height:68px;
	left: 135px;
	opacity:.5;
	position: absolute;
	top: 202px;
	width:75px;
	}

a#ysfic {
	left: 79px;
	height:50px;
	opacity:.5;
	position: absolute;
	top: 162px;
	width:60px;
	}

a#ys {
	left: 25px;
	height:63px;	 
	position: absolute;
	top: 94px;
	width:71px;
	}

a#comroom {
	left: 319px;
	height:63px;
	opacity:.5;
	position: absolute;
	top: 272px;
	width:103px;
	}

a#mediaroom {
	left: 320px;
	height:25px;
	opacity:.5;
	position: absolute;
	top: 246px;
	width:36px;
	}
	
a#bathroom {
	left: 286px;
	height:45px;
	opacity: .5;
	position:absolute;
	top: 286px;
	width: 32px;
	}
	
a#computers {
	left: 348px;
	height: 15px;
	opacity: .5;
	position: absolute;
	top:218px;
	width: 80px;
	}
	
a#kidref {
	left: 106px;
	height: 20px;
	opacity: .5;
	position:absolute;
	top: 137px;
	width: 27px;
	}