body {
background: linear-gradient(90deg, #f7f7f7, #f7f7f7);
color:#000000;
text-align: center;
font-family:NationalBook,'Helvetica Neue',Helvetica,Arial,sans-serif; 
border-color:#000000; }

a:link { border-color:#000000; color:#000000; }
a:visited { border-color:#000000; color:#000000; }
a:active { border-color:#000000; color:#000000; }
a:hover { border-color:#000000; color:#000000; }

.roundButton {background-image:url('pictures/button.svg.png'); background-size: 100% 100%; vertical-align:middle; min-width:64px; min-height:64px; width:15vh; height:15vh; margin:0.5vh; text-align:center; vertical-align:middle; display:inline-block; }
.roundButton>img {max-width:100%; max-height:100%; text-align:center; vertical-align:middle; display:inline-block; transform: scale(0.8,0.8); shape-rendering: geometricPrecision; }
.roundButton:before {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.roundButton:hover {background-image:url('pictures/buttonA.svg.png');}
.roundButton:hover>img { filter: hue-rotate(140deg) brightness(40%) contrast(150%); }

.sideMenu { display:none; }
/* .mobileMenu { */
	
/* } */
/* .mobileMenu *, .mobileMenu:not(:focus):hover *:first-child { */
	/* height:0px; */
/* } */
/* .mobileMenu *:first-child, .mobileMenu:not(:focus):hover * { */
	/* height:initial; */
/* } */

@media screen and (min-width: 768px) and (min-height: 420px) {

	.mobileMenu { display:none; }

	.sideMenu { display:initial; position:fixed; vertical-align:middle; top:0px; z-index:500; width:0px; height:100vh; overflow:hidden; padding:0px; transition: width 0.5s; font-size:18pt; 
	text-shadow: -1px -1px 0 #f7f7f733, 1px -1px 0 #f7f7f733, -1px 1px 0 #f7f7f733, 1px 1px 0 #f7f7f733;   }
	.sideMenu:hover { width:300px; 	}
	.sideMenu>div { width:500px; position:absolute; padding:0px; margin:0px; }
	.sideMenu.right { right:0px; text-align:right; padding-left:15.5vh; }
	.sideMenu.left { left:0px; text-align:left; padding-right:15.5vh; }
	.sideMenu.right>div { right:0px; }
	.sideMenu.left>div { left:0px; }
	.right.sideGradient { background:linear-gradient(-90deg, #f7f7f7, #f7f7f799, #f7f7f700); }
	.left.sideGradient { background:linear-gradient(90deg, #f7f7f7, #f7f7f799, #f7f7f700); }

}
	
		.ontop { position: relative; }
		.ontop>* { position: absolute; margin-left:-45%; }
		
		@keyframes blink { 
			0% { opacity: 1; } 
			50% { opacity: 1; }
			 51% { opacity: 0; }
			 100% { opacity: 0; }
		}
		.flicker>*:first-child { opacity:1; animation: blink 0.1s linear 0s infinite alternate; }
		.flicker>*:last-child { opacity:0; animation: blink 0.1s linear 0s infinite alternate-reverse; }
		
		
		
img.green { display:none; width:0px; }
img.yellow {}
a.brochure { border-width:5px; border-style:solid; margin: 10px; -moz-border-radius:5px; border-radius:5px; display:inline-block }

.invertF { color:#222288ff; }
.invertF a:link { border-color:#222288ff; color:#222288ff; }
.invertF a:visited { border-color:#222288ff; color:#222288ff; }
.invert { background-color:#222288ff; color:#222288ff; }
.invert a:link { border-color:#222288ff; color:#222288ff; }
.invert a:visited { border-color:#222288ff; color:#222288ff; }


iframe.topnav { position:fixed; z-index:99; top:-6px; padding-top:6px; left:0px; width:100%; min-height: calc(68px + 2.5em); height: calc(8vw + 2em); border-width:0px; border-spacing:0px; }
table.topnav { position:fixed; z-index:99; top:-6px; padding-top:6px;  border-width:0px; border-spacing:0px; }
table.topnav td { text-align:center; vertical-align:top; }
table.topnav img { border-width:0px;  }

iframe[src="navside2.html"] {visibility:collapse;}
iframe.sidenav { position:fixed; top: 0px; left:0.5vw; min-width:68px; width:7.5vw; height:100%; border-width:0px; border-spacing:0px; margin:0px; }
table.sidenav { position:fixed; top:0px; left:0px; max-width:100%; height:100%; border-width:0px; border-spacing:0px; margin:0px; }
table.sidenav tr:first-child>td { height:calc(100vw + 2.5em); }
table.sidenav tr:first-child div { height:calc(100vw + 2.5em); }



.button {
    background-image:url("pictures/blank.gif");
    border-width:0px;
    border-style:none;
    width:121px; 
    height:74px; 
    display:inline-block; 
    text-align:center; 
    vertical-align:middle;
    border-width:0px; }
.button img {
    display:block;
    height:48px; 
    border-width:0px; margin:auto; }
.button:hover {
    background-image:url("pictures/blankH.gif"); 
}
.buttonTall { 
    background-image:url("pictures/blankTall.gif"); 
    border-width:0px; 
    border-style:none;
    width:121px; 
    height:125px; 
    display:inline-block; 
    text-align:center; 
    vertical-align:middle;
    border-width:0px; }
/*.buttonTall span {
    position:absolute; 
    text-align:center; 
    width:100%; 
    font-weight:500; 
    text-decoration:none; 
    border-width:0px; }*/
.buttonTall img {
    display:block;
    height:74px; 
    border-width:0px; }
.buttonTall:hover {
    background-image:url("pictures/blankTallH.gif"); 
}

.bordered {border-color:#E9E31B; border-style:solid; -moz-border-radius:5px; border-radius:5px; }

.filled:not(.invert) { background-color:#1F1F7F; fill:#1F1F7F; }
.filled.invert { background-color:#B9B300; fill:#B9B300; }

.stroked:not(.invert) { color:#E9E31B; stroke:#E9E31B; stroke-width:2; }
.stroked.invert { color:#000066; stroke:#000066; stroke-width:2; }

ol, ul {text-align:left; }

body>div {padding: 24px 0px 12px 0px;}

.nope { display:none; }
.spacer { height:10vw; }

.contentWithSide { width:100%; }
.contentWithSide>tbody>tr>td { width:1280px; text-align:center; }
.contentWithSide>tbody>tr>td:first-child { width:40%; min-width:100px; }
.contentWithSide>tbody>tr>td:last-child { width:60%; }

.video { background-image:url(pictures/videoEdge.gif); padding:0px 24px; border-color:#E9E31B; border-style:solid; -moz-border-radius:5px; border-radius:5px; display:inline-block; }
/*.video { border-image:url("pictures/videoStrip.gif") 24 round; border-width:0px 24px; }*/
.video.small { width:168px; }
.video.medium { width:310px; }
/*a.video.large img { width:168px; }*/

.peelScreen { overflow:hidden; display:inline-block; width:auto; height:auto; }
.peelScreen>img { margin: -34px -40px -36px; }
.oldScreen { border:25px solid transparent; border-image: url(pictures/screen.png) 25 25 25 25 stretch; -moz-border-image: url(pictures/screen.png) 25 25 25 25 stretch; -o-border-image: url(pictures/screen.png) 25 25 25 25 stretch; -webkit-border-image: url(pictures/screen.png) 25 25 25 25 stretch; }
.wideScreen { min-width:300px; max-width:683px; width:100%; border:25px solid transparent; border-image: url(pictures/screen.png) 25 25 25 25 stretch; -moz-border-image: url(pictures/screen.png) 25 25 25 25 stretch; -o-border-image: url(pictures/screen.png) 25 25 25 25 stretch; -webkit-border-image: url(pictures/screen.png) 25 25 25 25 stretch; }


.slides {
	position:fixed;
	left:-50vw;
	top:-25px;
	width:200vw;
	height:200vh;
	z-index:-100;
}
.slides>* {
	display:block;
	min-width:100vw;
	min-height:100vh;
	margin:auto;
}

.content, .topnav {
	opacity:1;
}
.content>* { display:none; }
.content>div {
	display:block;
	background: white;
	margin: 0px -10px -20px;
	width:100vw;
	min-height:100vh;
	margin-top:100vh;
	padding-top:10vw;
	overflow: hidden;
	text-align:center;
}
.content>div:last-child {
	min-height:0px;
	padding:1em 5px;
}
.content>div>* {
	width:80%;
	max-width:1000px;
	margin:auto;
}
.title {
	margin-left:20vw;
	margin-top:10vh;
	font-size:4vw;
	text-align:left;
	color: #F7E700;
	text-shadow:
		-3px -3px 0 #435F7F,
		 3px -3px 0 #435F7F,
		-3px  3px 0 #435F7F,
		 3px  3px 0 #435F7F, 
		-3px  0px 0 #435F7F,
		 3px  0px 0 #435F7F,
		 0px  3px 0 #435F7F,
		 0px -3px 0 #435F7F; 
}

.bottom {
	text-align: center;
	position:fixed;
	bottom:0px;
	width:100%;
	background: white;
	margin: 0px -10px;
}