*{margin:0;padding:0;}


html, body {
    height: 100%; width:100%;
	font-size:20px;
	margin:0;padding:0 !important;
}
html{ box-sizing:border-box;}
table{table-layout: fixed; width: 100%;border-collapse: collapse;}
td,th {
	vertical-align:top;
	color: inherit;
}
body {
	font-family: 'Spectral', serif;
font-size:20px;
	color:#00F;
	text-align:left;
	background-color:#FFF;
}
#navigation {
	
/*    height: 100vh;
    width: 100vw;*/
    padding: 0;
	line-height:3em;
	margin-left:-20px;
	z-index: 999 !important;
	color: inherit;
	font-size:20px;
}
video {width:auto; max-width:100%;}
/*#navigation a {
	background-color: #dfdfdf;
}*/

#container {
	width: 80%;
	padding-top:8%;
	/*    border: 3px solid #73AD21;
*/	z-index: 1;
	margin:auto;
}
.titlecase {text-transform:capitalize;}
.title {
	line-height:1.1em;
	color:blue;
	z-index:99;
}
.caption {
	font-size:0.5em;
	line-height:normal;
	z-index:99;
}
.titletext img{width:100%; height:auto;z-index:50;}
.pointer {pointer-events:auto;}
.statement {
	line-height:1.5em;
	color:inherit;
}
.credit {font-size:smaller;
}
#constellation{font-size:0.6em;position:absolute;top:0; left:0;width:100%; height:100%;}
.constellation img {width:auto; max-width:160px;height:auto;}
.constellation{}
p {font-size:inherit;}


img, ul, ul li{
	padding: 0;
	border: 0;
	margin: 0;
	width:100%;
}
ul {
    list-style:none;
}
ul li {
    display:inline-block;
    width:20%;
}
ul li{
  display: inline-block; border: 0;
}


a, a:hover, a:visited, a:link{text-decoration:none; color:#00F;}
a img {border-bottom:none;}
.under {border-bottom:2px solid #00F;}
.blue a, a.blue, a:link.blue, a:visited.blue, a:hover.blue {text-decoration:none; color:#00F; border-bottom:2px solid #00F !important;}
.red, a.red, a:link.red, a:visited.red, a:hover.red{color: #F00; border-color: #F00;}
/*grid style change width to make 'skinnier'*/
.flow {
	position:relative;
	width:84%; 
	margin-top:15em;
	left:8%;
	/*display:flex;*/
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.underline, .underscore, .underline a:hover, .underline a:focus, .underline a, .underline a:link, .underline a:visited {
  border-bottom: solid 2px !important;
  line-height:1.8em;
  border-color:inherit;
  color:inherit;
  padding-bottom: 0 !important;
}

.center {text-align: center}

.#000000 {color:#000000;margin-bottom:0;}
p {margin-bottom: 1em;}
h1 {font-size:1.5em;}
h3 {margin:0; line-height: 1.5em;}

.flowboxes {
color: #FFFFFF;
position: relative;
width: 100%;
/*display:-webkit-flex;
-webkit-justify-content:flex-start;*/
display: -ms-grid;
display: grid;
margin:0 auto;
-ms-grid-columns:(minmax(189px, 1fr))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(189px, 1fr));
grid-gap: 12px;
-ms-grid-column-align: center;
justify-items: center;
font-size:medium;
}

.floating-box {
    /*display: inline-block;*/
    width:100%;
	height:auto;
	padding:5px;
    margin: 0px;
    /*border: 3px solid #73AD21; */ 
	text-align:left;
	vertical-align:bottom;
}

div.floating-box img {width:100%; height:auto;}
div.floating-box p { }
.button { background-color: white;
    color: #000000;
    /*width:80%;*/
    /*border: 2px solid #000000;*/
    /*padding: 10px 20px;*/
/*	padding: 0.25em 0.5em;
*/    text-align: center;
    text-decoration: none;
    display: inline-block;
margin-bottom:1em;
	}
/*end grid style*/


.noshow{display:none;}
/*End Cart styles*/

.buttright {
	text-align: center;
	top: 0;
	float: right;
	margin-right: 0;
    width: 22%;
/*    border: 3px solid #73AD21;
*/	z-index: 999;
	/*visibility:hidden;*/
}

div.header {
	/*display:flex;*/
	/*justify-content: space-between;*/
    position: fixed;
    padding: 0% 0% 0% 0%; /* T R B L*/
    width: 81%;
	top: 0;
	left: 9.5%;
	background-color: white;
	color: #000000;
	height: 6em;
/*    border: 3px solid #73AD21;
*/	z-index: 200;
	padding:0; /*just to cover part-pixel rounding*/
	
}

div.headercontent {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
          justify-content: space-evenly;
		  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
	align-items: center;
    /*position: relative;*/
    padding: 0% 0% 0% 0%; /*T R B L*/
    width: 100%;
	top: 0;
	left: 0;
/*    border: 3px solid #73AD21;
*/	z-index: 110;
}

div.spacer {
    width: 100%;
	top: 0;
	left: 0;
	height:1.1em;
/*    border: 3px solid #73AD21;
*/	z-index: 110;
}

div.longtext:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.bookstext {
    position: relative;
	width: 80%;
	top:10%;
	color: #000000;
	left: 10%;
	padding: 0% 0% 32% 0; /* T R B L*/
/*    border: 3px solid #73AD21;
*/	z-index: 0;
	margin-top:6em; 	
}

div.dida {
	position:relative;
    display: inline-block !important;
    left: 10%;
	color: #000000;
    width:40%;
	/* top:50vh;
   border: 3px solid #73AD21;
*/	z-index: 0;
	margin-top:20%;
}



div.carousel {
    position: static;
	float:left;
    left: 10%;
	/*top:16%;*/
	color: #000000;
	width: 40vw;
	height: 40vw;
	margin-right: 1em;
	margin-bottom: 0.5em;
/*    border: 3px solid #73AD21;
*/	z-index: -1;
	overflow: hidden;
	display: inline-block;
}

.carousel img {
	min-height: 100%;
	width: auto;
}

.slick-dots {
	/*    border: 3px solid #73AD21;
*/
}

.slick-dots li {
	color:#000000;
}

.slick-active {color:#000000}

div.page {
    position: fixed;
    left: 10%;
	top: 20%;
    width: 80%;
	height: 80vw;
	text-align: center;
	padding: 10px;
	overflow: hidden;
/*    border: 3px solid #73AD21;
*/	z-index: 0;
}

div.colophon {
	text-align: center;
	font-size: medium;
	color: #000000;
	width: 80%;
    right: 0;
	bottom: 0;
	margin-top: 5%;
/*    border: 3px solid #73AD21;
*/	z-index: 0;
}

.bg {
	width: 100%;
	height: auto;
	z-index: 0;
}

/*    For small devices */
@media only screen and (max-width: 767px){
		.flowboxes{grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));-ms-grid-columns:repeat(auto-fit, minmax(122px, 1fr));grid-gap: 20px;
		}
}

@media only screen and (max-width: 767px) and (orientation:portrait){ /* includes skinny browser windows position:relative;left:0;top:0;*/
	ul li{/*text-align:center;*/display: block;width: auto;margin: 0 auto;}
	div.menu {width:40%; margin-top: -3%;}
	div.cart , div.logo  {}
	div.carousel{margin-top:0; width: 100%;height: 80vw;overflow:hidden;}
	.slickslide{width:100%;height:80vw;}
	.buttright {position:relative;visibility:visible;}
	.carousel img {width: 80vw; height: auto;min-height:none;}
	div.headercontent{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; !important;}
	/*.flowboxes{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));grid-gap: 8px;}*/
		}

@media only screen and (orientation:landscape) {
	.titletext{max-width:75%;}
	div.logo {}
	div.cart {}
	.buttright {position:relative;visibility:visible;}
	div.carousel{}
	.carousel img {height: 40vw; width: auto;min-height:none;}
}

/* IPAD CORRECTIONS GO HERE */
@media only screen and (min-width : 768px) and (min-height : 400px)  {
	#cartContainer {width: 50%; left: 25%;}
	#mc_embed_signup {width: 62.5%; margin-left: 19%; margin-top:10%;}
	.carousel img {width: 40vw; height:auto;min-height:none;}
/*	.flowboxes{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: 10px;}
*/}

@media only screen and (min-aspect-ratio : 10/10) {
	/*div.carousel{width:40vw;margin-top:10%}*/
	/*div.longtext{margin-top:20vh;  top:0%;}*/
}
@media only screen and (min-aspect-ratio : 955/555) {
	div.carousel{position:static;margin-top:0%;}
	/*div.longtext{margin-top:20vh;  top:0%;}*/
}
@media only screen and (max-aspect-ratio : 10/10) {
	/*div.carousel{width:80vw;}*/
	/*div.longtext{margin-top:0%;  top:0%;}*/
}
.a2a_s__default {
  background-color: #000000 !important;
}
/*@media (min-width:420px) {
	div.cart img, div.logo img {
	width: 80%;
	font-size:small !important;
	height: auto;
}
*/