.SeattleCityWalk {
	font-family: 'Segoe UI', 'SF Pro Display', Tahoma, Geneva, Verdana, sans-serif;
}

.SCW_Navigator {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-template-areas:
		". cur ."
		"pre . next";
	font-weight: normal;
	font-size: 12pt;
	padding: 0;
	margin-bottom: 1em;
}

	.SCW_Navigator div:nth-child(1) {
		color: blue;
		text-align: center;
		grid-area: cur;
		font-size: larger;
	}

	.SCW_Navigator div:nth-child(2) {
		color: red;
		text-align: left;
		grid-area: pre;
	}

	.SCW_Navigator div:nth-child(3) {
		color: green;
		text-align: right;
		grid-area: next;
	}

.SCW_Page {
	display: grid;
	grid-template-areas:
		"a map b"
		"c map d"
		"e map f"
		"g map h"
		"i map j";
	/*
	grid-template-columns: 2fr 3fr 2fr;
	grid-template-columns: 2fr 1fr 2fr;
repeat(3, 1fr);
	*/
	grid-template-columns: 3fr 2fr 3fr; /* */
	grid-template-rows: repeat(5, 11cm);
	padding: 0;
}

	.SCW_Page a {
		border-bottom: none;
	}

	.SCW_Page > div.Map {
		display: grid;
		grid-template-rows: repeat(2, 1fr);
		grid-area: map;
		margin: 0 0.25em 0.25em;
		display: block;
		text-align: center;
		align-content: center;
	}

		.SCW_Page > div.Map div:first-child img {
			width: 500px;
			height: auto;
		}

		.SCW_Page > div.Map div:last-child img {
			height: 860px;
			width: auto;
			border: 1px black solid;
		}

	.SCW_Page > div.SCW_Point {
		display: grid;
		margin-bottom: 0.25em;
		border: 1px black dotted;
		text-align: center;
		align-content: center;
	}

		.SCW_Page > div.SCW_Point > div.PtPic {
			display: grid;
		}

			.SCW_Page > div.SCW_Point > div.PtPic img {
				height: 9cm;
				width: auto;
			}

		.SCW_Page > div.SCW_Point:nth-child(odd) > div.PtCaption {
			display: grid;
			grid-template-columns: 5fr 1fr;
			grid-template-rows: repeat(2, 1fr);
			grid-template-areas:
				"f s"
				"t s";
			margin-bottom: 0.125em;
		}

		.SCW_Page > div.SCW_Point:nth-child(even) > div.PtCaption {
			display: grid;
			grid-template-columns: 1fr 6fr;
			grid-template-rows: repeat(2, 1fr);
			grid-template-areas:
				"s f"
				"s t";
			margin-bottom: 0.25em;
		}

		.SCW_Page > div.SCW_Point > div.PtCaption {
			border: 2px navy solid;
		}

			.SCW_Page > div.SCW_Point > div.PtCaption > div.PtSeq {
				display: grid;
				grid-area: s;
				font-weight: 800;
				font-size: 225%;
				border: 1px black dotted;
				align-content: center;
			}

			.SCW_Page > div.SCW_Point > div.PtCaption > div.PtFrom, 
			.SCW_Page > div.SCW_Point > div.PtCaption > div.PtTo 
			{
				display: grid;
				align-content: center;
				padding: 0.1em 0;
				font-family: 'Segoe UI Semibold', 'SF Pro Display Semibold';
				/*
				font-size: 120%;
*/
			}

				.SCW_Page > div.SCW_Point > div.PtCaption > div.PtFrom {
					grid-area: f;
				}

				.SCW_Page > div.SCW_Point > div.PtCaption > div.PtTo {
					grid-area: t;
				}

		.SCW_Page > div.SCW_Point:nth-child(1) {
			grid-area: a;
		}

		.SCW_Page > div.SCW_Point:nth-child(2) {
			grid-area: b;
		}

		.SCW_Page > div.SCW_Point:nth-child(3) {
			grid-area: c;
		}

		.SCW_Page > div.SCW_Point:nth-child(4) {
			grid-area: d;
		}

		.SCW_Page > div.SCW_Point:nth-child(5) {
			display: grid;
			grid-area: e;
		}

		.SCW_Page > div.SCW_Point:nth-child(6) {
			grid-area: f;
		}

		.SCW_Page > div.SCW_Point:nth-child(7) {
			grid-area: g;
		}

		.SCW_Page > div.SCW_Point:nth-child(8) {
			grid-area: h;
		}

		.SCW_Page > div.SCW_Point:nth-child(9) {
			grid-area: i;
		}

		.SCW_Page > div.SCW_Point:nth-child(10) {
			grid-area: j;
		}

.PointColor1 {
	color: rgb(127, 0, 0);
}

.PointColor2 {
	color: rgb(0, 127, 0);
}

.PointColor3 {
	color: rgb(0, 0, 127);
}

.PointColor4 {
	color: rgb(255, 106, 0);
}

.PointColor0 {
	color: rgb(127, 68, 255);
}

.DayColor1 {
	background-color: #DFBFFF99; /* 223 191 255 */
}

.DayColor2 {
	background-color: #FBFF1699; /* 251 255 22 */
}

.DayColor3 {
	background-color: #AEFDFF99; /* 223 191 255 */
}

.DayColor4 {
	background-color: #FFE8B599; /* 255 232 181 */
}

.DayColor5 {
	background-color: #B5FFDA99; /* 181 255 218 */
}

.DayColor6 {
	background-color: #FFA89999; /* 255 168 153 */
}

.DayColor7 {
	background-color: #DDFFAA99; /* 221 255  170 */
}

.DayColor8 {
	background-color: #FFA8CF99; /* 255 168 207 */
}

.SCW_DayGrid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	margin-bottom: 1em;
}

	.SCW_DayGrid > div {
		border: 1px black dotted;
		margin: 0.25em;
		text-align: center;
		padding: 0.25em;
		font-weight: bold;
	}

.SCW_FullList {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	margin-bottom: 2em;
}

.SCW_IntersectionList {
	display: grid;
	grid-template-rows: repeat(400, 1fr);
	font: normal 12pt "Segoe UI";
	padding: 0;
}

	.SCW_IntersectionList > div {
		display: grid;
		grid-template-columns: repeat(2, 1fr) repeat(2, 4fr);
		border-bottom: 1px solid navy;
		align-items: center;
		padding: 4px 0;
	}

		.SCW_IntersectionList > div.heading > div {
			font-weight: bold;
		}

		.SCW_IntersectionList > div > div:nth-child(1), .SCW_IntersectionList > div > div:nth-child(2) {
			text-align: center;
		}

		.SCW_IntersectionList > div.PointRow > div:nth-child(1), .SCW_IntersectionList > div.PointRow > div:nth-child(2) {
			font-size: 110%;
			font-weight: bold;
		}

		.SCW_IntersectionList > div.PointRow > div:nth-child(3), .SCW_IntersectionList > div.PointRow > div:nth-child(4) {
			text-align: left;
			font-weight: normal;
		}

		.SCW_IntersectionList > div.PointRow > div a:link {
			color: inherit;
			border-bottom: none;
		}

		.SCW_IntersectionList > div.PointRow:hover {
			background: #aefdff8a;
		}

		.SCW_IntersectionList > /*div > */ div:nth-child(even) {
			background-color: #efefef;
		}

		.SCW_IntersectionList > div.PointRow div.NewLinkStreet {
			color: rgb(127, 0, 0);
			font-weight: bold;
		}

		.SCW_IntersectionList > div.PointRow div.SameLinkStreet {
			/*color: blue;
	font-style: italic;*/
		}