@charset "UTF-8";
/* CSS Document */

.infoslides p {
	font-family: arial;
	font-size: 13px;
	color: #372B09;
	margin: 0;
	padding: 0;
}

.infoslides h5 {
	font-family: arial;
	font-size: 13px;
	color: #372B09;
	margin: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.infoslides a {
	color: #443520;
	text-decoration: none;
	font-weight: bold;
}

.infoslides {

	width:445px;
	margin:0px;
	top: -200px;
	position: absolute;
	
	text-align: right;
	background-image: url(images/map_popup_bg.png);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	z-index: 100;
 }

#planning_map1 {
	height: 692px;
	width: 450px;
	background-color: #3300CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	overflow: hidden;
}

#planning_map2 {
	height: 692px;
	width: 450px;
	
	background-color: #3399CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;

}

#planning_map3 {
	height: 692px;
	width: 450px;
	
	background-color: #663366;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#planning_map4 {
	height: 692px;
	width: 450px;

	background-color: #00FF33;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#planning_map5 {
	height: 692px;
	width: 450px;
	
	background-color: #993399;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;

}

#map1 {
	height: 692px;
	width: 450px;
	background-color: #3300CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	overflow: hidden;
}

#map2 {
	height: 692px;
	width: 450px;
	
	background-color: #3399CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;

}

#map3 {
	height: 692px;
	width: 450px;
	
	background-color: #663366;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#core_map4 {
	height: 692px;
	width: 450px;

	background-color: #00FF33;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#noncore_map1 {
	height: 692px;
	width: 450px;
	background-color: #3300CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	overflow: hidden;
}

#noncore_map2 {
	height: 692px;
	width: 450px;
	
	background-color: #3399CC;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;

}

#noncore_map3 {
	height: 692px;
	width: 450px;
	
	background-color: #663366;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#noncore_map4 {
	height: 692px;
	width: 450px;

	background-color: #00FF33;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;
	
}

#planning_main {
	height: 692px;
	width: 450px;
	background-color: pink;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: none;

}

#map0 {
	height: 692px;
	width: 450px;
	z-index: 2;
	position: relative;
	top: 0px;
	right: 0px;
	display: block;
}


.home {
	background:url(images/sidebar_image.jpg) no-repeat;
	height: 692px;
}

.pedestrian {
	background:url(images/maps/around/around.jpg) no-repeat;
	height:692px;
	width:450px;
	display: block;
}

/* START OF CSS FOR MAP POINTS */
.pedestrian dl.map.on a#location01 {
	top:156px;
	left:84px;
}
.pedestrian dl.map.on a#location02 {
	top:338px;
	left:357px;
}
.pedestrian dl.map.on a#location03 {
	top:300px;
	left:148px;
}
.pedestrian dl.map.on a#location04 {
	top:525px;
	left:167px;
}

.pedestrian dl.map.on a.location {
	background:url(images/point.png) no-repeat;
	
}

.acknowledgements {
    background:url(images/maps/acknowledgements.jpg) no-repeat;
	height:692px;
	width:450px;
}

.bestuse {
	background:url(images/maps/bestuse.jpg) no-repeat;
	height:692px;
	width:450px;
}

.analysis_summary {
	background:url(images/maps/analysis.jpg) no-repeat;
	height:692px;
	width:450px;
}


.planning_main {
	background:url(images/maps/historic_core.jpg) no-repeat;
height:692px;
	width:450px;
}

.ac_main {
	background:url(images/maps/historic_core.jpg) no-repeat;
}

.ac_framework {
	background:url(images/maps/organizational_framework.jpg) no-repeat;
}

.ac_place {
	background:url(images/maps/sense_of_place.jpg) no-repeat;
}

.ac_elegance {
	background:url(images/maps/kent.jpg) no-repeat;
}


.anc_main {
	background:url(images/maps/bcc.jpg) no-repeat;
}

.anc_scale {
	background:url(images/maps/brown.jpg) no-repeat;
}

.anc_specialized {
	background:url(images/maps/morris_library.jpg) no-repeat;
}

.anc_unique {
	background:url(images/maps/bcc_02.jpg) no-repeat;
}

#noncore_main {
	background:url(images/maps/analysis_planning.jpg) no-repeat;
	height:692px;
	width:450px;
}

.disconnect {
	background:url(images/maps/disconnect.jpg) no-repeat;
	height:692px;
	width:450px;
}

.ecological {
	background:url(images/maps/ecological.jpg) no-repeat;
	height:692px;
	width:450px;
}

.entry {
	background:url(images/maps/entry.jpg) no-repeat;
	height:692px;
	width:450px;
}

.future {
	background:url(images/maps/future.jpg) no-repeat;
	height:692px;
	width:450px;
}

.infrastructure {
	background:url(images/maps/infrastructure.jpg) no-repeat;
	height:692px;
	width:450px;
}

.land_use {
	background:url(images/maps/land_use.jpg) no-repeat;
	height:692px;
	width:450px;
}

.open_space {
	background:url(images/maps/open_space.jpg) no-repeat;
	height:692px;
	width:450px;
	
}

.outside_influences {
	background:url(images/maps/outside_influences.jpg) no-repeat;
	height:692px;
	width:450px;
}

.parking {
	background:url(images/maps/parking.jpg) no-repeat;
	height:692px;
	width:450px;
}

.town_gown {
	background:url(images/maps/town_gown.jpg) no-repeat;
	height:692px;
	width:450px;
}

.stormwater {
	background:url(images/maps/stormwater.jpg) no-repeat;
	height:692px;
	width:450px;
}

.transportation {
	background:url(images/maps/transportation.jpg) no-repeat;
	height:692px;
	width:450px;
}

.what {
	background:url(images/maps/what.jpg) no-repeat;
	height:692px;
	width:450px;
}

.why {
	background:url(images/maps/why.jpg) no-repeat;
	height:692px;
	width:450px;
}
.geographic {
	background:url(images/maps/geographic.jpg) no-repeat;
	height:692px;
	width:450px;
}

.development {
	background:url(images/maps/development.jpg) no-repeat;
	height:692px;
	width:450px;
}

.ideas {
	background:url() no-repeat;
	height:692px;
	width:450px;
}



/* START OF CSS FOR MAP POINTS */
.around dl.map.on a#location01 {
	top:156px;
	left:84px;
}
.around dl.map.on a#location02 {
	top:338px;
	left:357px;
}
.around dl.map.on a#location03 {
	top:300px;
	left:148px;
}
.around dl.map.on a#location04 {
	top:525px;
	left:167px;
}