P {

	COLOR: #000000; 
	
	FONT-SIZE: 100%;

	FONT-FAMILY: Arial, Helvetica, sans-serif
	
}

A {

	COLOR: #000000;

	FONT-SIZE: 100%;  

	FONT-FAMILY: Arial, Helvetica, sans-serif; 		

	TEXT-DECORATION: none

}

A:link {

	COLOR: #CE0063; 

	FONT-SIZE: 100%; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 		

	TEXT-DECORATION: none

}

A:hover {

	COLOR: #00295A; 

	FONT-SIZE: 100%; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	TEXT-DECORATION: none

}

A:visited {

	COLOR: #00295A;  

	FONT-SIZE: 100%; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 		

	TEXT-DECORATION: none

}

H1 {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 180%; 

	COLOR: #FFFFFF; 	

	FONT-FAMILY: Arial, Helvetica, sans-serif

}

H2 {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 140%; 

	COLOR: #C60151; 	

	FONT-FAMILY: Arial, Helvetica, sans-serif

}

#map1 {

	margin:0px;

	padding:0;

	width:763px;

	height:535px;

	background:url(../images/1st_floor.gif) top left no-repeat;

	font-family:arial, helvetica, sans-serif;

	font-size:80%

	

}

		

#map1 li {

	margin:0;

	padding:0;

	list-style:none

}

		

#map1 li a {

	position:absolute;

	display:block;

	/*

	Specifying a background image

	(a 1px by 1px transparent gif)

    fixes a bug in older versions of

	IE that causeses the block to not

	render at its full dimensions.

	*/

   	background:url(blank.gif);

   	text-decoration:none;

	color:#000

}

		

#map1 li a span { display:none; }

		

#map1 li a:hover span {

	position:relative;

	display:block;

	width:200px;

	left:20px;

	top:20px;

	border:1px solid #000;

	background:#F8E4F2;

	padding:5px;

 	filter:alpha(opacity=100);

	opacity:1;

}

	

#map1 a.children {

	top:240px;

	left:575px;

	width:150px;

	height:70px

}

		

#map1 a.adult {

	top:310px;

	left:545px;

	width:150px;

	height:30px

}

		

#map1 a.teen {

	top:350px;

	left:530px;

	width:100px;

	height:50px

}

		

#map1 a.issue {

	top:420px;

	left:500px;

	width:140px;

	height:50px

}

		

#map1 a.quick {

	top:560px;

	left:560px;

	width:100px;

	height:60px

}

		

#map1 a.entrance {

	top:660px;

	left:520px;

	width:150px;

	height:70px

}

		

#map1 a.return {

	top:550px;

	left:370px;

	width:100px;

	height:120px

}



#map1 a.large_print {

	top:560px;

	left:190px;

	width:140px;

	height:80px

}



#map1 a.wc {

	top:640px;

	left:140px;

	width:100px;

	height:130px

}

#map2 {

	margin:0px;

	padding:0;

	width:763px;

	height:548px;

	background:url(../images/2nd_floor.gif) top left no-repeat;

	font-family:arial, helvetica, sans-serif;

	font-size:80%

	

}

		

#map2 li {

	margin:0;

	padding:0;

	list-style:none

}

		

#map2 li a {

	position:absolute;

	display:block;

	/*

	Specifying a background image

	(a 1px by 1px transparent gif)

    fixes a bug in older versions of

	IE that causeses the block to not

	render at its full dimensions.

	*/

   	background:url(blank.gif);

   	text-decoration:none;

	color:#000

}

		

#map2 li a span { display:none 

}

		

#map2 li a:hover span {

	position:relative;

	display:block;

	width:200px;

	left:20px;

	top:20px;

	border:1px solid #000;

	background:#E4F5E1;

	padding:5px;

 	filter:alpha(opacity=100);

	opacity:1;

}
		

#map2 a.nonfiction {

	top:240px;

	left:540px;

	width:200px;

	height:100px

}


#map2 a.issue {

	top:360px;

	left:530px;

	width:140px;

	height:100px

}


		

#map2 a.directories {

	top:510px;

	left:430px;

	width:150px;

	height:120px

}



#map2 a.newspapers {

	top:560px;

	left:590px;

	width:180px;

	height:120px

}



#map2 a.wc {

	top:600px;

	left:240px;

	width:200px;

	height:170px

}

#map3 {

	margin:0px;

	padding:0;

	width:763px;

	height:548px;

	background:url(../images/3rd_floor.gif) top left no-repeat;

	font-family:arial, helvetica, sans-serif;

	font-size:80%

	

}

		

#map3 li {

	margin:0;

	padding:0;

	list-style:none

}

		

#map3 li a {

	position:absolute;

	display:block;

	/*

	Specifying a background image

	(a 1px by 1px transparent gif)

    fixes a bug in older versions of

	IE that causeses the block to not

	render at its full dimensions.

	*/

   	background:url(blank.gif);

   	text-decoration:none;

	color:#000

}

		

#map3 li a span { display:none

}

		

#map3 li a:hover span {

	position:relative;

	display:block;

	width:200px;

	left:20px;

	top:20px;

	border:1px solid #000;

	background:#DBEEF2;

	padding:5px;

 	filter:alpha(opacity=100);

	opacity:1;

}

	

#map3 a.learning_centre {

	top:280px;

	left:280px;

	width:70px;

	height:70px

}

		

#map3 a.connexions {

	top:280px;

	left:370px;

	width:80px;

	height:90px

}

		

#map3 a.music {

	top:360px;

	left:260px;

	width:150px;

	height:50px

}

		

#map3 a.mediatheque {

	top:470px;

	left:310px;

	width:100px;

	height:50px

}

		

#map3 a.conference {

	top:480px;

	left:410px;

	width:110px;

	height:60px

}

		

#map3 a.cambs_collection {

	top:500px;

	left:570px;

	width:180px;

	height:100px

}

		

#map3 a.exhibition {

	top:530px;

	left:380px;

	width:150px;

	height:70px

}



#map3 a.cafe {

	top:620px;

	left:370px;

	width:180px;

	height:80px

}



#map3 a.cds {

	top:510px;

	left:170px;

	width:200px;

	height:70px

}

#map3 a.wc {

	top:610px;

	left:140px;

	width:200px;

	height:70px

}
	
.logo {
	right: 0%; POSITION: absolute; TOP: 40px; border: 0px; 
}	

.delay { 
	background: url(../images/delay.gif) no-repeat 100%; 
	POSITION: relative;
	LEFT: 0%; 
	HEIGHT: 21px;
	margin-top: -18px;


}

.leftcontent {
	LEFT: 23%; WIDTH: 70%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 120%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}	

.question {
	LEFT: 23%; WIDTH: 65%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 120%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}	

.answer {
	LEFT: 24%; WIDTH: 70%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}	
	

.answer_list {
	LEFT: 28%; WIDTH: 70%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}		


.answer_list1 {
	LEFT: 45%; WIDTH: 50%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.table_answer {
	LEFT: 28%; WIDTH: 20%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}		

.wifi_1 { 
	LEFT: 45%; 
	WIDTH: 350px; 
	POSITION: relative; 
	background: url(../images/wifi.gif) no-repeat 5% 10px; 
	Padding: 30px 10px 40px 10px;

}

.welcome {
	LEFT: 40%; WIDTH: 58%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}	

.welcome_bold {
	LEFT: 40%; WIDTH: 58%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 120%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}	

.footer { 
	background: url(../images/footer_002F5D.gif) no-repeat 100%; 
	clear:both;
	HEIGHT: 66px;

}

.ccl_graphic { 
	LEFT: 23%; 
	WIDTH: 232px; 
	HEIGHT: 110px; 
	POSITION: relative; 
	background: url(../images/ccl_graphic.gif) no-repeat; 

}

.ccl_graphic_front { 
	LEFT: 70%; 
	WIDTH: 232px; 
	HEIGHT: 110px; 
	POSITION: relative; 
	background: url(../images/ccl_graphic.gif) no-repeat; 

}

.opening { 
	LEFT: 70%; 
	WIDTH: 150px; 
	HEIGHT: 150px; 
	POSITION: absolute; 
	background: url(../images/opening.gif) no-repeat; 

}

.opening_front { 
	LEFT: 45%; 
	WIDTH: 150px; 
	HEIGHT: 150px; 
	POSITION: absolute; 
	background: url(../images/opening.gif) no-repeat; 

}

.formcontent {
	LEFT: 23%; WIDTH: 70%; POSITION: relative; 
	
}

.photo { 
	LEFT: 23%;  
	POSITION: relative;  

}

.caption {
	LEFT: 23%; WIDTH: 55%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}	

.countdown {
	LEFT: 45%; WIDTH: 50%; POSITION: relative; 
	COLOR: #AE0055; 
	FONT-SIZE: 100%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}	



.facebook { 
	LEFT: 10%;  
	width: 60%; 
	POSITION: relative;  

}

.facebook_page { 

	POSITION: relative;  

}

.ccllogofront { 
	left: 150px; 
	WIDTH: 180px; 
	HEIGHT: 92px; 
	POSITION: relative;  

}