/* Styles for background maps layout */

.map {
	position: absolute;
/*
	ie 6-9 support
*/
	z-index:-1;
}
.red-map-top {
	border-right: 4px solid #E21B22;
	border-bottom: 4px solid #E21B22;
/*
	border-bottom-right-radius: 16px;
	below for compatibility with older browsers (pie support)
*/
	border-radius: 0px 0px 16px 0px; 
	top: 0;
	left:86px;
	right: 20px;
	height: 110px;

	/* IE 6-9 fallback */
	behavior: url(/scripts/PIE-1.0.0/PIE.htc);
}

.red-map-left {
	border-left: 4px solid #E21B22;
	border-top: 4px solid #E21B22;
/*
	border-top-left-radius: 16px;
	below for compatibility with older browsers (pie support)
*/
	border-radius: 16px 0 0 0;
	top: 110px;
	left: 70px;
	width: 16px;
	bottom: 0;

	/* IE 6-9 fallback */
	behavior: url(/scripts/PIE-1.0.0/PIE.htc);
}

.white-map {
	border-right: 4px solid white;
	border-bottom: 4px solid white;
/*
	border-bottom-right-radius: 16px;
	below for compatibility with older browsers (pie support)
*/
	border-radius: 0 0 16px 0;
	
	top: 0;
	left: 36px;
	right: 175px;
	bottom: 50px;	

	/* IE 6-9 fallback */
	behavior: url(/scripts/PIE-1.0.0/PIE.htc);
}
.white-map-bottom {
	border-left: 4px solid white;
	border-top: 4px solid white;
/*
	border-top-left-radius: 16px;
	below for compatibility with older browsers (pie support)
*/
	border-radius: 16px 0 0 0;
	left: 20px;
	bottom: 0;
	height: 50px;
	width: 16px;

	/* IE 6-9 fallback */
	behavior: url(/scripts/PIE-1.0.0/PIE.htc);
}


/* graveyard of other designs no used
(this one was simplified to just three full-sized divs)
.header .red-map-top {
	position: absolute;
	border-right: 4px solid #E21B22;
	border-bottom: 4px solid #E21B22;
	border-bottom-right-radius: 16px;
	top: 0;
	left:16px;
	right: 0px;
	height: 110px;
}

.page-body .red-map-left, .header .red-map-left, .footer .red-map-left {
	position: absolute;
	border-left: 4px solid #E21B22;
	left: 70px;
	width: 16px;
	bottom: 0;
	z-index:-1;
	height: 100%;
}

.header .red-map-left {
	left: 0;
	top: 110px;	
	height: auto;
	border-top: 4px solid #E21B22;
	border-top-left-radius: 16px;
}

.page-body .white-map-right, .header .white-map-right {
	position: absolute;
	border-right: 4px solid white;
	right: 175px;
	width: 16px;
	height: 100%;
	z-index:-1;
	bottom: 0;
}
.header .white-map-right {
	right: 145px;
}
.footer .white-map-right {
	position: absolute;
	border-right: 4px solid white;
	border-bottom: 4px solid white;
	border-bottom-right-radius: 16px;
	left: 0;
	bottom: 50px;
	right: 175px;
	z-index: -1;
	height: 100%;
}
*/

/* no longer used - part of the list style */
.circle-base {
	border-radius: 50%
}
.red-circle {
	border: 4px solid #E21B22;
	background: #000;
	width: 16px; height: 16px;
	position: absolute;
	top: 101px;
}