.textcolor
{
	color:#231F20;
}

.titlesize
{
	font-size:1.3em;
	line-height2.5em;
}
.psize
{
	font-size:1em;
	line-height2.5em;
}.tiny
{
	font-size:.5em;
	line-height2.5em;
	margin-top:.1666em;
	margin-bottom:.1666em;
}
.medium
{
	font-size:1em;
	line-height2.5em;
	margin-top:.333em;
	margin-bottom:.333em;
}
.huge
{
	font-size:1.5em;
	line-height2.5em;
	margin-top:.5em;
	margin-bottom:.5em;
}
.textgreencolor
{
	color: #39512C;
}

body
{
	padding:0px;
	margin:0px;
	background-color:#ABBBBE;
}
a
{
	text-decoration:none;
}
.title_barry
{
	background-image:url("../images2022/menu-bar-top.png");
	background-repeat:no-repeat;
	width:100vw;
	height:calc((100vw - 0px)/7.0 - 1px);
	background-size: 100vw, calc((100vw - 0px)/7.0 - 1px);
	z-index:10;
	position:absolute;
	top:0px;
}
.corpus
{
	width:80vw;
	margin-top:7vw;
	margin-left:7.5%;
	float:left;
	display:block;
	margin-bottom:3vw;
}
.slideshow
{
	width:100%;
	height:calc((100vw - 0px)/4.5 - 1px);
	display:block;
	float:left;
}
#slideshowholder
{
	background-image:url("../images2022/slideshow/sanfrancisco.png");
	background-repeat:no-repeat;
	background-size:80vw, calc((100vw - 0px)/7.0 - 0px);
}

#panorama
{
	width:80vw;
	height: calc((100vw - 0px)/6.53 - 0px);
}
.panoramaimage
{
	width:100%;
	height:calc((100vw - 0px)/6.53 - 1px);
	display:block;
	float:left;
}
.footer
{
	width:100vw;
	padding-top:10px;
	padding-bottom:10px;
	height:calc((100vw - 0px)/13.88 - 20px);
	background-image:url("../images2022/gradient-bottom.png");
	background-size: 100%, calc((100vw - 0px)/13.88 - 1px);
	display:block;
	float:left;
}
.corpusbg
{
	width:93.4vw;
	margin-left:3.3%;
	background-image:url("../images2022/paper.jpg");
	background-size: 100%, auto;
	display:block;
	float:left;
}
.access
{
	width:2.12vw;
	height: calc((100vw - 0px)/37.3 - 1px);
	background-image:url("../images2022/access_brown.png");
	background-size: 2.12vw, calc((100vw - 0px)/37.3 - 1px);
	display:block;
	float:right;
	margin-right:3.3%;
	margin-top: calc((-100vw - 0px)/600 - 1px);
}
.access:focus
{
	background-image:url("../images2022/access_brown_focus.png");
}

#slideshowtitle, #panoramatitle
{
	width:80vw;
	padding-top:.1vw;
	display:block;
	float:left;
	background-color:#ABBBBE;
}
#accessible, #accessible ul
{
	list-style:none;
}
#accessible ul
{
	display:none;
	width:400px;
	position:absolute;
	padding:0px;
	top: calc((100vw - 0px)/25 - 1px);
	left: 72vw;
}
.webcolors
{
	width:400px;
	border-spacing:10px;
}
.webcolors td
{
	width:33%;
	height:37px;
}

.normietd
{
	background-color:#EFE5D5;
}

.normietd p
{
	color: #121212;
}
.darkonlighttd
{
	background-color:#F9F9F9;
}
.darkonlighttd p
{
	color:#222222;
}
.lightondarktd
{
	background-color:#323232;
}
.lightondarktd p
{
	color:#F3F3F3;
}

.lowcontrast1
{
	background-color:#A7A9AC;
}
.lowcontrast1 p
{
	color:#414042;
}

.lowcontrast2
{
	background-color:#E6E7E8;
}
.lowcontrast2 p
{
	color:#808285;
}


.lowcontrast3
{
	background-color:#000000;
}
.lowcontrast3 p
{
	color:#A7A9AC;
}
.thirds td
{
	width:33%;
}.thirds
{
	width:400px;
}
.slidecontain
{
	width:380px;
	margin-left:10px;
	margin-bottom:30px;
	background-color:#D7DEDE;
	padding-bottom:20px;
}
.blueslidecontainer
{
	width:360px;
	height:12px;
}
.blueslide
{
	-webkit-appearance:none;
	appearance:none;
	width:360px;
	height:12px;
	background:url("../images2022/slide-bg.png");
	background-size:360px 12px;
	outline:none;
	
}
.blueslide::-webkit-sider-thumb, .textbox::-moz-range-thumb
{
	border:none;
	-webkit-appearance:none;
	appearance:none;
	width:20px;
	height:20px;
	background:url("../images2022/range-button.png");
	background-size:20px 20px;
}

.textbox
{

	background-color:#EFE5D5;
	margin-top:calc((100vw - 0px)/50 - 1px);
	margin-bottom:calc((100vw - 0px)/50 - 1px);
	display:block;
	float:left;
	padding:20px;
}
.question
{
	width:100%;	
}
.textrow
{
	height:3em;
}
.textcontain
{
	display:table-row;
}
.textthird
{
	width:calc(25.55vw - 40px);
/*	height:calc((100vw - 0px)/4.75); */
}
.areaey
{
	width:30vw;
	height:12em;
	border: 1 !important;  /*Removes border*/
	border-style:solid;
	border-color:rgb(0,0,116);
	border-radius: 5px;
	background: rgba(255,255,255,.6);
	text-indent:8px;
}
.textthirdtall
{
	width:calc(25.55vw - 40px);
	height:calc((100vw - 0px)/2);
}
.texttwothird
{
	width:calc(52.7vw - 40px);
}
.texttwothirdtall
{
	width:calc(52.7vw - 40px);
	height:calc((100vw - 0px)/2);
}
.rightmargin
{
	margin-right:1.65vw;
}
.texty
{
	border-radius:5px;
	border-style:solid;
	border-color:rgb(0,0,116);
	height: 2.8em;
	width: 30vw;
	background:rgba(255,255,255,.6);
	text-indent:8px;
}
.selecty
{
	
}
.submitty
{
	height:3em;
	width:10vw;
	border: 1 !important;  /*Removes border*/
	border-style:solid;
	border-color:rgb(0,0,116);
	border-radius: 5px;
	background: rgba(255,255,255,.6);
	display:block;
	float:right;
	margin-right:5.6vw;
	margin-top:2em;
}

.selecty select {
		border: 1 !important;  /*Removes border*/
		border-style:solid;
		border-color:rgb(0,0,116);
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: rgba(255,255,255,.6) url(../images2022/home-plate.png) no-repeat 13vw  center ;
		background-size: 2em, 2em;
		width: 15vw; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		border-radius: 5px;
		padding: 5px;
		height:2.8em;
	}


h1{
	font-family:Heletica, sans-serif;
	color:#233332;
	margin-top:.3em;
	margin-bottom:.1em;
}
h2{
	font-family:Helvetica, sans-serif;
}
h3{
	font-family:Heletica, sans-serif;
	margin-top:.3em;
	margin-bottom:.1em;
}
.transitlogo
{
	width:16vw;
}
#accessibleTitle
{
	width:400px;
	background-color:#262262;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding-top:2px;
	padding-bottom:0.1px;
}
.accessiblerow
{
	width:400px;
	background-color:#ffffff;
	padding-top:2px;
	padding-bottom:0.1px;
}
.accessiblebottom
{
	width:400px;
	background-color:#ffffff;
	padding-top:2px;
	padding-bottom:0.1px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.important
{
	display:none;
}
.webcolors input[type="checkbox"], 
.webcolors input[type="radio"]
{
	position:absolute;
	width:21px;
	height:21px;
	overflow:hidden;
	border:0;
	margin:0px;
	padding:0px;
	outline:0;
	opacity:0;
}
.submit-radio
{
	float:left;
	display:block;
	width:100%;
	height:30px;
}
.webcolors input[type="checkbox"] + label:before, 
.webcolors input[type="radio"] + label:before
{
	display:inline-block;
	width:21px;
	height:21px;
	margin-right:4px;
	background-image: url(../images2022/checkboxes.png);
	background-size:21px, auto;
	content: " ";
	vertical-align:top;
}
.webcolors input[type="radio"]:focus + label:before {
	background-position:0 -21px;
}
.webcolors input[type="radio"]:checked + label:before {
	background-position:0 -42px;
}
.webcolors input[type="radio"]:checked:focus + label:before {
	background-position:-0 -63px;
}
.webcolors input[type="checkbox"] + label:before {
	background-position:0 -84px;
}
.webcolors input[type="checkbox"]:focus + label:before {
	background-position:0 -105px;
}
.webcolors input[type="checkbox"]:checked + label:before {
	background-position:0 -126px;
}
.webcolors input[type="checkbox"]:checked:focus + label:before {
	background-position:0 -147px;
}

.white
{
	color:#ffffff;
}
.black
{
	color:#000000;
}
.large
{
	font-siZe:1.6em;
}
.logos
{
	width:3vw;
}
.helvetica
{
	font-family:Helvetica, Arial, sans-serif;
}
.access:hover
{
	width:2.12vw;
	height: calc((100vw - 0px)/37.3 - 1px);
	background-image:url("../images2022/access_blue.png");
	background-size: 2.12vw, calc((100vw - 0px)/37.3 - 1px);
}
#shortcuts
{
	display:none;
	position:fixed;
	top:100px;
	left:100px;
	z-index:100;
	background-color:#ffff88;
	padding:20px;
}
#imagawalogo
{
	width:9.35vw;
	height: calc((100vw - 0px)/11.69 - 1px);
	margin-left:3.78vw;
	margin-top: calc((100vw - 0px)/109.51 - 1px);
	margin-right:2vw;
	display:block;
	float:left;
}
#memberships
{
	width:100%;
}
#memberships tr
{
	height: calc((100vw - 0px)/25 - 1px);
}
.buttony
{
	font-family:Heletica, sans-serif;
	font-size:.9em;
	display:block;
	float:left;
	margin-left:.6vw;
	margin-right:.6vw;
	margin-top: calc((100vw - 0px)/71 - 1px);
	color:#414042;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	padding-top: calc((100vw - 0px)/220 - 1px);
	padding-bottom: calc((100vw - 0px)/400 - 1px);
	border-radius: 5px;
	background: rgba(255,255,255,.4);
}
.flaggy
{
	width:3.1vw;
	background-image:url("../images2022/japanese-flag.png") !important;
	background-size:3vw !important;
	background-repeat:no-repeat !important;
	font-family:Heletica, sans-serif;
	font-size:.9em;
	display:block;
	float:left;
	margin-left:.6vw;
	margin-right:.6vw;
	margin-top: calc((100vw - 0px)/71 - 1px);
	color:#414042;
	border-radius: 5px;
	height: 1.8em;
}
.flaggyuk
{
	width:3.1vw;
	background-image:url("../images2022/uk-flag.png") !important;
	background-size:3vw !important;
	background-repeat:no-repeat !important;
	font-family:Heletica, sans-serif;
	font-size:.9em;
	display:block;
	float:left;
	margin-left:.6vw;
	margin-right:.6vw;
	margin-top: calc((100vw - 0px)/71 - 1px);
	color:#414042;
	border-radius: 5px;
	height: 1.8em;
}
.keyicon
{
	width:20px;
	height:20px;
}
.buttony:hover
{

	background: rgba(255,255,198,.6);
}
.textbox a
{
	color: #007700;
}
.textbox a:hover
{
	color: #33AA33;
}

.socialbutton
{
	width:2vw;
}