@charset "UTF-8";

* {
	outline: none;
}
body {
	margin: 0 auto;
	padding: 0;
	background: #000;
	width: 100%;
	height: 100%;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 1em;
	line-height: 130%;
}
html {
	height: 100%;
}


.header {
	width: 100%;
	margin: 0;
	background-color: #000;
}
.banner { 
	width: 100%;
	height: 164px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo.jpg);
	background-repeat: no-repeat;
	background-position:center top !important;
	text-align:center;
} 

.banner-new { 
	width: 100%;
	max-width: 1400px;
	height: 250px;
	background-color: #000;
	background-image: url(img/astronomy-research-logo.jpg);
	background-repeat: no-repeat;
	background-position:right top !important;
	padding: 2.5% 0 0 2.5%;
	text-align:left;
	color: #888;
	font-size: 1em;
	line-height: 1.75;
} 
.banner-new h1 {
	text-align: left;
	font-size: 2.5em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.banner-new h1 a {
	text-decoration: none;
	color: #fff;
	transition: 1s ease;
}
	
.banner-new h1 a:hover {
	text-decoration: none;
	color: #888;	
	transition: 1s ease;
}
.banner-new .exploring {
	text-align: left;
	font-size: 1.5em;
	font-weight: 400;
	margin: 2em 0 0 0;
	line-height: 2;
	color: #555;
}
@media screen and (max-width:980px) {
.banner-new { 
	height: 200px;
	color: #ccc;
	line-height: 1.75;
	font-size: .9em;
} 
.banner-new .exploring {
	display: none;
}
}
@media screen and (max-width:760px) {
.banner-new { 
	background-image: url(img/astronomy-research-logo.jpg);
	background-repeat: no-repeat;
	background-size: contain;
} 
.banner-new .exploring {
	display: none;
}
}

@media screen and (max-width:560px) {
.banner-new { 
	height: 150px;
	background-size: cover;
	color: #fff;
	text-align: right;
	padding: 2% 4% 0 2%;
} 	
.banner-new h1 {
	font-size: 2em;
}
}
.menu {
	display: block;
	margin: 0 auto;
	height: 20px;
	width: 100%;
	background: url(https://www.wpo.net/img/GrayLinkBar.jpg) repeat-x #CCC;
	background-size: cover;
	font-size: 1em;
	padding: 8px 0 8px 0;
	text-align: center;
	line-height: 100%;
	
}
.menu a {
	padding: 0 8px 0 8px;
	font-size: 1em;
	letter-spacing: .03em; transition: 1s ease;
}
.menu-mobile {
	display: none;
}

.top-icon-section {
	background: #000;
	width: 100%;
	text-align: center;
}
.container {
	background: #fff;
	width: 100%;
	padding-top: 6px;
}
.center {
	text-align: center
}

/* PAGE CONTENT */

.page-content {
	background: #fff;
	width: 94%;
	max-width: 1400px;
	padding: 0 0 36px 0;
	margin: 0 auto;
}
.page-content-centered {
	width: 80%;
	max-width: 1200px;
	padding: 0 0 0 36px;
	margin: 0 auto;
	text-align: center;
}
#research-line-social-media-bar {
	width: 100%;
}

/* REGISTRY PAGE */

#registry {
	background: #fff;
	width: 100%;
	max-width: 1200px;
	padding: 0 0 36px 0;
	margin: 0 auto;
	text-align:center;
}
#registry p{
	color: #212121;
}
#registry .side-text{
	padding-top: 600px;
	padding-bottom: 550px;
	color: #6600cc;
}
#registry .right-side-text{
	padding-top: 40px;
	padding-bottom: 950px;
	color: #9059fe;
	font-size: 1em;
}
#registry .left-col{
	width: 20%;
	vertical-align: top;
	padding: 16px;
}
#registry .center-col{
	width: 60%;
	vertical-align:top;
	background: #7a7a7a;
	background-image: url('registry_background.jpg');
    background-repeat: repeat-y;
    background-position: right top; 
	padding: 14px 12px 14px 24px;
}
#registry .right-col{
	width: 20%;
	vertical-align:top;
	padding: 16px;
}
#registry .registry-toc{
	width: 50%;
	padding: 4px;
	line-height: 160%
}
#cosmic-gifts {
	margin: 0 auto;
	background: #fff;
	text-align: center;
}
.cg-container {
	width: 80%;
	margin: 0 auto;
	padding-top: 48px;
	text-align: left
}
#cosmic-gifts h1 {
	margin: 24px 0 0 0;
}
#cosmic-gifts h2 {
	margin: 10px 0 26px 0;
	font-size: 24px;
	font-weight: 400;
}
#cosmic-gifts h3 {
	margin: 36px 20% 26px 20%;
	font-size: 22px;
}
#cosmic-gifts h3.lt-purple {
	color: #D00
}
#cosmic-gifts table {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}
#cosmic-gifts td {
	width: 30%;
}
#cosmic-gifts img {
	width: 100%;
	max-width: 260px;
}

/* FLEXBOX */
.flex-container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
	max-width: 1024px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: nowrap;
}
.flex-item {
  padding: 0;
	margin: 0 0 2em 0;
  width: auto;
  text-align: center;
  vertical-align: middle;
}
.flex-item img {
	margin-bottom: .5em;
}


/* MAIN */

.main {
	width: 66%;
	padding: 26px 0 0 18px;
	float: left;
}
.main-full {
	width: 100%;
	padding: 18px;
	text-align:center;
}


/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 16.6%;
	margin: 0;
	padding: .5%;
	text-align: center;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 15px}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em; border-bottom: none;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 15px;letter-spacing: .06em;}
.telescope {
	display: none}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 12px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px; transition: 1s ease;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; border-bottom: none; font-size: 18px; transition: 1s ease;}
.footer a:hover, .footer a:active{color:#666; font-size: 18px; transition: 1s ease;}

	

/* PULL QUOTES */

.quote { 
	font-family: Lato, sans;
	width: 28%;
	float: right;
	margin: 24px 0 36px 36px;
	border-left: 1px solid #CCC;
	padding-left: 36px;
	font-size: 1.2em;
	line-height: 140%;
	color:#6600cc;
}
.cg-quote {
	font-family: Lato, sans;
	width: 28%;
	float: right;
	margin: 24px 0 36px 36px;
	border-left: 1px solid #CCC;
	padding-left: 36px;
	font-size: 1em;
	line-height: 140%;
	color:#6600cc;
}


/* LINKS */

a:link, a:visited {color:#555;text-decoration: none;border-bottom: #ccc 1px solid;transition: 1s ease;}
a:hover, .a:active {color:#aaa; border-bottom: #fff; transition: 1s ease;}

a:link.white-border-bottom {border-bottom: #fff; transition: 1s ease;}
a.no-underline { border-bottom: #fff}
menu a:link, .menu a:visited {color:#fff;text-decoration:none; border-bottom: none; padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}
.menu a:hover, .menu a:active {color:#e3e1e1;padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}

.menu-mobile a:active{color:#fff;text-decoration:none;padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}
.menu-mobile a:link{color:#fff;text-decoration:none;padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}
.menu-mobile a:visited{color:#fff;text-decoration:none;padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}
.menu-mobile a:hover{color:#e3e1e1;padding:0 8px 0 8px; font-size: 17px; transition: 1s ease;}

.sidebar a:link{color:#444;text-decoration:none;border-bottom: #ddd 1px solid; /*! border-bottom: none; */font-size: 17px;transition: 1s ease;}
.sidebar a:visited{color:#444;text-decoration:none;border-bottom: #ddd 1px solid;font-size: 17px;transition: 1s ease;}
.sidebar a:hover{color:#aaa;border-bottom: #ddd 1px solid; font-size: 17px; transition: 1s ease;}
.sidebar a:active{color:#aaa;text-decoration:none; border-bottom: none; font-size: 17px; transition: 1s ease;}

.mars a:link{color:#D00;text-decoration:none;border-bottom: none;font-size: 17px; transition: 1s ease;}
.mars a:visited{color:#D00;text-decoration:none; font-size: 17px; transition: 1s ease;}
.mars a:hover{color:#444;text-decoration:underline; font-size: 17px; transition: 1s ease;}
.mars a:active{color:#D00;text-decoration:none; font-size: 17px; transition: 1s ease;}

.mars-img-link a:hover, .mars-img-link a:active {text-decoration: none; opacity:.9; border-bottom: none; transition: 1s ease;}
.mars-img-link img {width: 96%; text-align: left; margin-bottom: -14px;}

.gray-link-iss a:link{color:#555;text-decoration:none; border-bottom: none;margin: -24px; transition: 1s ease;}
.gray-link-iss a:visited{color:#555;text-decoration:none; margin: -24px; transition: 1s ease;}
.gray-link-iss a:hover{color:#777; margin: -24px; transition: 1s ease;}
.gray-link-iss a:active{color:#555;text-decoration:none; margin: -24px; transition: 1s ease;}

.gray-button-link a:link{color:#000;text-decoration:none; border-bottom: none;}
.gray-button-link a:visited{color:#000;text-decoration:none}
.gray-button-link a:hover{color:#333;text-decoration:none}
.gray-button-link a:active{color:#000;text-decoration:none}

.button-link a:link{color:#fff;text-decoration:none;font-size:1.1em; border-bottom: none; transition: 1s ease;}
.button-link a:visited{color:#fff;text-decoration:none;font-size:1.1em;
	transition: 1s ease;}
.button-link a:hover{color:#fff;text-decoration:none;font-size:1.1em;
	transition: 1s ease;}
.button-link a:active{color:#fff;text-decoration:none;font-size:1.1em;
	transition: 1s ease;}

.sidebar .button-link a:link,
.sidebar .button-link a:visited{
	color: #F44336;
	border: 2px solid #F44336;
	border-radius: 8px;
	padding: 15px;
	text-decoration:none;
	font-size:1.1em;
	transition: 1s ease;
	}
.sidebar .button-link a:hover,
.sidebar .button-link a:active{color:#673ab785;
	border: 2px solid #673ab785;
	text-decoration:none;font-size:1.1em;
	transition: 1s ease;}

#registry a:link, #registry a:visited {color:#000;text-decoration:none; border-bottom: none; font-weight: 600;
	transition: 1s ease;}
#registry a:hover, #registry a:active {color:#333;
	transition: 1s ease;}
.registry-left-col {display: none;}
#registry .registry-left-col a:link, #registry .registry-left-col a:visited {color: #666; font-weight: 300; font-size: 1em;
	transition: 1s ease;}
#registry .registry-left-col a:hover, #registry .registry-left-col a:active {color: #aaa;
	transition: 1s ease;}

#top a, .header a {border-bottom: none;
	transition: 1s ease;}

.val-image-link {
    width:250px;
    height:400px;
    background:url('https://wpo.net/img/name-a-star/romantic-valentines-gift-snowy-kiss-250.jpg');
	padding: 320px 0 0 0;
	 margin: 3em 0 3em 0;
	text-align: center;
}

.sidebar a.got-love:link, .sidebar a.got-love:visited {
	font-family: Lato, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	color: #fff;
	margin: 0 auto;
	padding: .75em;
	border: 1px solid #fff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	transition: 1s ease;
}
.sidebar a.got-love:hover, .sidebar a.got-love:active {
	color: #f30;
	margin: 0 auto;
	padding: .75em;
	border: 1px solid #f30;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
	transition: 1s ease;
}


/* SIDEBAR */

.sidebar {
	background: #fff;
	width: 24%;
	margin: 10px 36px 0 0px;
	padding: 0 10px 0 0;
	border-right: 1px solid #eee;
	float: left;
}
.sidebar h3 {color:#6600cc;font-size:16px;font-family:'Lato',Helvetica,Arial,Verdana;margin:14px 0 0 0;font-weight:500;} 
.sidebar p {
	font-size: 18px;
}
#sidebar-mars {
	margin: 0 auto;
	padding: 0 18px 0 0;
	text-align: center;
}
.sidebar img:hover {
	opacity: .8;
}
.sidebar-amz {
	width: 70%;
}
.sidebar-amz img {
	width: 90%;
	margin-bottom: -24px;
}
.sidebar-amz a:link, .sidebar-amz a:visited, .sidebar-amz a:hover, .sidebar-amz a:active {
	font-size: .8em;
	line-height: 1;
	font-weight:700;
}
.sidebar a.no-underline {
	border-bottom: #fff;
}

/* FONTS */

p {color:#444;font-size:18px;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;padding-top:0;font-weight:500;letter-spacing:.03em}
h1{
	color:#222;
	font-size: 2.25em;
	line-height: 150%;
	font-family: 'Lato',Helvetica,Arial,Verdana;
	font-weight:bold;
	letter-spacing:0.05em;
	font-variant:small-caps;
	margin: 0;
}
h2{color:#2196F3;font-size:1.65em; line-height: 150%; font-family:'Lato',Helvetica,Arial,Verdana;padding-top:0;font-weight:400;letter-spacing:.03em}  /* h2=purple */
h2.about-wpo {color: #2196F3;margin-top: 36px;font-size: 1.15em;text-transform: uppercase;}  /* h2=purple */


h2.h2-home {color:#F44336;font-size:1.2em; line-height: 100%; font-family:'Lato',Helvetica,Arial,Verdana;padding-top:0;font-weight:bold;letter-spacing:.03em}  /* h2=purple */
h3{color:#6600cc;font-size:1.2em; line-height: 150%;font-family:'Lato',Helvetica,Arial,Verdana;padding-top:0;font-weight:500;letter-spacing:.03em} /* h3=purple */
h4{color:#0033cc;font-weight:bold;font-size:17px;line-height:100%;font-family:Helvetica,Arial,Verdana;letter-spacing:.03em}  /* h4=blue */
h5{color:#6600cc;font-size:18px;line-height:140%;font-family:Lato,Helvetica,Arial,Verdana; padding-top: 0px;letter-spacing:.03em }/* h5=purple */
h5.details {font-weight: normal; line-height:130%; color: #d00}
h5.details img {float: left; width: 35px; margin: -6px 12px 0 0}
h6{color:#333;font-weight:normal;font-size:14px;line-height:130%;font-family:Helvetica,Arial;letter-spacing:.03em}

ul,ol,li {color:#444;font-size:18px;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;padding-left:2px;margin-left: 18px;font-weight:normal;letter-spacing:.03em}

.lg {font-size: 1.5em; font-weight:400; line-height:100%}
.lg-purple {color: #6600cc;font-size: 1.5em; font-weight:400; line-height:100%}
.sm {font-size: .8em; font-weight:400; line-height:100%}
.x-sm {font-size: .6em; font-weight:400; line-height:100%}
.superscript {font-size: .6em; font-weight:400; padding-bottom:6px;}

.blue {color: #1a1fe8; }
.lt-blue {color: #4169e1;}
.red { color: #cc0000;}
.blue { color: #0033cc; }
.purple { color: #6600cc;}
.green { color:#090;}
.orange { color: #F60;}
.gray {font-family: 'Lato', Helvetica, sans; color: #888; font-size:17px; line-height: 130%; font-weight: normal; letter-spacing:.03em}
.black {color: #000;}
.side-text {
	color: #EE0000;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 120%;
	margin: 2em 0 0 0;
}
.footer-promo {
	color: #AA05F5;
	font-size: 1.1em;
	font-weight: 300;
	margin: 2em 0 0 0;
}
.footer-promo img {
	float: left;
	margin: 0 1.5em 3em 0;
}
.footer-promo-contact {
	color: #EE0000;
	font-size: 1.25em;
	font-weight: 300;
	margin: 2em 0 0 0;
}
.footer-promo-contact img {
	float: left;
	margin: 0 1.5em 4em 0;
}


blockquote {color:#444;font-size: 18px;line-height:150%;font-family:'Lato',Helvetica,Verdana,Arial;font-weight:400;letter-spacing:.03em;}



/* FLOATS / ALIGNMENTS */

.wpo-img-float-right {
	float: right; 
	padding: 0 0 24px 36px;
	width: 486px; 
}
.wpo-img-float-right img {
	border: 1px solid #333;
	width: 100%;
	min-width: 450px;
	max-width: 450px;
}
.wpo-img-center-450 {
	margin:0 auto;
	margin-top: 48px;
	margin-bottom: 48px;
	text-align: center;
	width: 450px;
}
.wpo-img-center-100 {
	text-align: center;
	width: 100%;
}
.wpo-img-caption {
	font-family: "Times New Roman", serif;
	text-align: justify;
	margin-top: -2px;
	padding: 0 18px 0 18px;
	line-height: 1.2;
	font-size: .75em;
}
.wpo-img-center-450 .wpo-img-caption, .wpo-img-center-100 .wpo-img-caption {
	text-align: justify;
}
.float-left { float: left; padding: 12px 16px 12px 0}
.float-right { float: right; padding: 12px 0 12px 16px }
.thumb-float-left { float: left; padding: 0 24px 24px 0}
.img-float-left { float: left; padding: 6px 24px 24px 0}
.img-float-right { float: right; padding: 6px 0 24px 24px }
.lg-img-float-left { float: left; padding: 6px 24px 24px 0}
.lg-img-float-right { float: right; padding: 6px 0 24px 24px }
.float-left-research-line { float: left; padding: 4px 0 0 0}
.float-right-pad-right { float: right; padding: 24px 16px 0 0}
.float-right-no-top-pad { float: right; padding: 0 0 12px 16px }
img.float-right {display: inline;}
.screen-only {
	display: block
}
.mobile-only {
	display: none;
}
.amz-float-right {
	float: right;
	padding: 24px 0 24px 24px;
	margin: 0 0 24px 36px;
	width: 32%;
	max-width: 350px;
	border-left: #dddddd 1px solid;
	text-align: center;
}
.amz-float-right p {
	color: #FF5722;
	font-weight: bold;
	padding: 0 0 12px 0;
	margin: 0 auto;
}
.amz-float-right img {
	margin: 0 0 12px 0;	
	max-width: 100%;
}
.amz-float-right a {
	font-size: 1em;
	line-height: 1;
	border-bottom: #fff;
}
.amz-float-right img:hover {
	opacity: .5;
	transition: 1s ease;
}
.amz-float-right img {
	opacity: 1;
	transition: 1s ease;
}
.amz-float-right p.price {
	color: #080;
	font-weight: normal;
	padding: 6px 0 0 0;
}

#mercury-transit .amz-float-right .blue-button-link,
a.blue-button-link:link, a.blue-button-link:visited {
	padding: 10px;
	border: 1px solid #2196f3;
	border-radius: 4px;
	color: #2196f3;
  text-decoration: none;
}
#mercury-transit .amz-float-right .blue-button-link:hover, a.blue-button-link:hover {
		color: #ccc;
	border: 1px solid #ccc;
}

.clear, .clear-footer {clear: both; }
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.pp-padded-table {
	margin:4px 0 4px 28px
}
.margintop12 {margin-top: 12px;}
.margintop24 {margin-top: 24px;}
.margintop48 {margin-top: 48px;}
.margintop60 {margin-top: 60px;}
.vert-space-48 {height:48px;}

/* IMAGES */

.border { border: 1px #333 solid }
.caption { color: #666; font-size: .9em; margin: 0 0 24px 0}
#caption {}
#caption .float-left p { float: left; padding: 12px 16px 12px 0; font-size: 12px; color: #666}
#caption .float-right p { float: right; padding: 12px 0 12px 16px; font-size: 12px; color: #666}
.iframe-video { width: 640px; height: 360px; padding-right: 20%;}
#solar-eclipse-binos img {
	max-width: 340px;
}
/* TRANSFORMATIONS */

#enlarge:hover {
    -ms-transform: scale(2,2); /* IE 9 */
    -webkit-transform: scale(2,2); /* Chrome, Safari, Opera */
    transform: scale(2,2);
} 

/* BUTTONS */

.purple-square-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
	box-shadow:inset 0px 1px 0px 0px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #9c33ed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	height:44px;
	line-height:44px;
	width:88px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7d15cd;
}
.purple-square-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.purple-square-button:active {
	position:relative;
	top:1px;
}

.purple-square-button-sm {
	display: block;
	-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
	box-shadow:inset 0px 1px 0px 0px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #9c33ed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:66px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7d15cd;
}
.purple-square-button-sm:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.purple-square-button-sm:active {
	position:relative;
	top:1px;
}
.blue-square-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0099ff), color-stop(1, #052fe5) );
	background:-moz-linear-gradient( center top, #0099ff 5%, #052fe5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#052fe5');
	background-color:#0099ff;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-left-radius:12px;
	text-indent:0;
	border:0px solid #9c33ed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	padding: 16px;
	height:auto;
	line-height:auto;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #222;
}
.blue-square-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #052fe5), color-stop(1, #0099ff) );
	background:-moz-linear-gradient( center top, #052fe5 5%, #0099ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#052fe5', endColorstr='#0099ff');
	background-color:#052fe5;
}.blue-square-button:active {
	position:relative;
	top:1px;
}


/* ADS */
.solar-telescope-prod {
	float: right;
	text-align: center;
	width: 30%;
	min-height: 500px;
	margin: 10px 0 16px 24px;
	padding: 0;
	border: 1px #ccc solid;
	border-top: 3px #ff9900 solid;
	position: relative;
}
.solar-telescope-prod img {
	width: 100%;
}
.solar-telescope-prod img a:link, {
	border-bottom: none;
}
.solar-telescope-prod .amazon-logo {
	width: 40%;
	max-width: 300px;
	padding-top: 12px;
	margin-bottom: 12px;
}
.solar-telescope-prod .amazon-buy-btn {
	padding: 0;
	margin: 0;
}
img.amazon-buy-btn {
	position: absolute;
	bottom: 0;
	right:0;
}
.sm-font {
	font-size: 90%;
	color: #29a02e;
}
.med-font {
	font-size: .88em;
	color: #444444;
	margin-top: 24px;
}
.solar-telescope-prod a:link, .solar-telescope-prod a:visited {color:#2196F3;text-decoration: none;border-bottom: #fff 1px solid;transition: 1s ease;}
.solar-telescope-prod a:hover, .solar-telescope-prod a:active {color:#aaa; border-bottom: #fff; transition: 1s ease;}

.ad-right {
	float: right;
	margin: 18px 0 18px 18px;
	padding: 6px;
	border: 1px #ccc solid;	
}
.ad-left {
	float: left;
	margin: 18px 18px 18px 0;
	padding: 6px;
	border: 1px #ccc solid;	
}
.ad-resp {
	display: none;
}
.single-col-am-ad {
	float: none;
	width: 100%;
	padding: 1em 0 1em 0;
}
@media screen and (max-width:800px) {
.single-col-am-ad {
	float: none;
	width: 100%;
	padding: 1em 0 1em 0;
}
.wpo-img-float-right {
	float: none; 
	padding: 36px 0 24px 0;
	margin: 0 auto;
	width: 486px; 
}
}
@media screen and (max-width:580px) {
.single-col-am-ad {
	float: none;
	width: 100%;
	padding: 1em 0 1em 0;
}
.wpo-img-float-right {
	float: none; 
	padding: 36px 0 24px 0;
	margin: 0 auto;
	width: 100%; 
}
.wpo-img-float-right img {
	border: 1px solid #333;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
}


/* FORMS */

.contact-form-container {
  width: 100%;
  text-align: center;
}
.contact-form {
  margin: 0 atuo;
  text-align: left;
}
#contact-area {
  margin: 0 auto;
	margin-top: 25px;
  width: 100%
}
#contact-area p {
  margin: 4em 0 2em 0;
  font-size: 1.25em;
  line-height: 160%;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 70%;
  font-family: Lato, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
#contact-area input:required {
    box-shadow:none;
}

#contact-area textarea {
	height: 90px;
  font-size: 1.17em;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #888;
  background: #fff;
}

#contact-area input.submit-button {
	width: auto;
  float: left;
  padding: .5em;
  margin: 0 0 3em calc(20% + 15px);
}
#contact-area input.submit-button:hover {
	border: 2px solid #888;
  background: #ddd;
  
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 20%;
	padding-top: 5px;
}


@media screen and (max-width:1200px) {
.lg-img-float-left { float: none; padding: 0 0 0 0}
.lg-img-float-right { float: none; padding: 0 0 0}
}



@media screen and (min-width:481px) and (max-width:859px) {
	
body {
	margin: 0 auto;
	background: #000;
	width: 100%;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}

.header {
	width: 100%;
	max-height: 150px;
	margin: 0;
	background-color: #000;
}

.header a {
	text-align: center;
	transition: 1s ease;
}

.menu {
	display: block;
	margin: 0 auto;
	height: 44px;
	width: 100%;
	background: url(https://www.wpo.net/img/GrayLinkBar.jpg) repeat-x #CCC;
	background-size: cover;
	font-size: 17px;
	padding: 8px 0 8px 0;
	text-align: center;
	line-height: 1.4em;
}
.menu a {
	padding: 0 8px 0 8px;
	font-size: 17px;
	transition: 1s ease;
}
.menu-mobile {
	display: none;
}

.top-icon-section {
	background: #000;
	width: 100%;
	text-align: center;
	
}
.container {
	background: #fff;
	width: 100%;
	max-width:859px;
	padding-top: 6px;
}

/* PAGE CONTENT */

.page-content {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

.page-content-centered {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}
.cg-quote {
	width: 78%;
	float: none;
	margin: 36px 0 36px 10%;
	border-left: 1px solid #CCC;
	padding-left: 36px;
}


/* PULL QUOTES */

.quote { 
	font-family: 'Lato', sans;
	width: 80%;
	float: none;
	margin: 30px 0 48px 24px;
	border-left: 0px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-left: 0;
	padding-top: 24px;
	padding-bottom: 30px;
	font-size: 18px;
	line-height: 140%;
	color:#6600cc;
}
.astrotale-subtitle {
	display: none;
}	
	
	/* ADS */

.ad-right {
	float: none;
	margin: 3.5em 0 3.5em 0;
	padding: 6px;
	border: 1px #ccc solid;	
	width: 372px;
}
.ad-left {
	float: none;
	margin: 24px;
	margin: 3.5em 0 3.5em 0;
	border: 1px #ccc solid;	
	width: 372px;
}

#registry .left-col{
	display: none;
}
#registry .center-col{
	width: 100%;
	max-width: auto;
}
#registry .right-col{
	display: none;
}
#registry .registry-toc{
	width: 100%;
}
h5.details img {float: left; width: 35px; margin: 6px 12px 0 0}

}



@media screen and (min-width:481px) and (max-width:650px) {
	
body {
	margin: 0 auto;
	background: #000;
	width: 100%;
	min-width: 480px;
	max-width: 650px;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}
.header {
	width: 90%;
	margin: 0;
	background-color: #000;
}
.header a {
	text-align: center;
	transition: 1s ease;
}
.iframe-video { width: 420px; height: 260px;}
.cg-quote {
	width: 78%;
	float: none;
	margin: 36px 0 36px 10%;
	border-left: 1px solid #CCC;
	padding-left: 36px;
}
.footer-promo-contact img {
	float: none;
	margin: 0 0 .5em 0;
}
	.footer-promo-contact {
		margin: 0 0 5em 0;
	}
.break:before {
    content:"\a";
    white-space: pre;
}

img.float-right { float: none; padding: 12px; margin: 0 auto; text-align: center; display: block; }
}

@media screen and (min-width:128px) and (max-width:480px) {
	
body {
	margin: 0 auto;
	background: #000;
	max-width: 480px;
	font-family: 'Lato', Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}
.header {
	width: 100%;
	margin: 0;
	background-color: #000;
}
.header a {
	text-align: center;
	transition: 1s ease;
}
.menu {
	display: none;
}
.menu-mobile a {
	padding: 0 16px 0 16px;
	font-size: 17px;
	transition: 1s ease;
}
.menu-mobile {
	display: block;
	height: 40px;
	width: 100%;
	background: url(https://www.wpo.net/img/GrayLinkBar.jpg) repeat-x #CCC;
	background-size: cover;
	padding: 8px 0 8px 0;
	text-align: center;
	line-height: 1.4em;
}
#contact-area {
  margin: 0 auto;
	margin-top: 25px;
  width: 96%
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: auto;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 1em;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 92%;
  font-family: Lato, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
.top-icon-section {
	background: #000;
	width: 100%;
	text-align: center;
	
}
.container {
	background: #fff;
	width: 100%;
	padding-top: 6px;
}

/* PAGE CONTENT */

.page-content {
	width: 90%;
	max-width: 480px;
	padding: 14;
	margin: 0 auto;
}

.page-content-centered {
	width: 90%;
	max-width: 480ox;
	padding: 14px;
	margin: 0 auto;
	text-align: center;
}
.footer-promo img {
	float: none;
	margin: 0 0 .5em 0;
}
.footer-promo-contact img {
	float: none;
	margin: 0 0 .5em 0;
}
	.footer-promo-contact {
		margin: 0 0 5em 0;
	}
.break:before {
    content:"\a";
    white-space: pre;
}

/* SIDEBAR */

.sidebar {
	display: none;
}

/* MAIN */

.main {
	width: 100%;
	padding: 14px;
	float: none;
}
.main-full {
	width: 100%;
	padding: 14px;
	text-align:center;
}

img.float-right {float: none; border-bottom: none}

.quote, .cg-quote { 
	display:none;
}

	
/* ADS */

.ad-right {
	display: none;
}
.ad-left {
	display: none;
}
.ad-resp {
	display: block;
}
.iframe-video { width: 280px; height: 190px;}
h5.details img {float: left; width: 50px; margin: 12px 12px 20px 0}
}

@media screen and (min-width:580px) and (max-width:779px) {
#contact-area {
  margin: 0 auto;
	margin-top: 25px;
  width: 96%
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: auto;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 1em;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 92%;
  font-family: Lato, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 19%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station {
	display: none;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
	transition: 1s ease;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 18px;
	transition: 1s ease;}
.footer a:hover, .footer a:active{color:#666; font-size: 18px;
	transition: 1s ease;}
.telescope {
	display: none;
}
}


@media screen and (min-width:480px) and (max-width:579px) {
	
#contact-area {
  margin: 0 auto;
	margin-top: 25px;
  width: 96%
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: auto;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 1em;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 92%;
  font-family: Lato, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 23%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station, .ets {
	display: none;
}
#footer-cols h2.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;
	transition: 1s ease;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;
	transition: 1s ease;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;
	transition: 1s ease;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;
	transition: 1s ease;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}

.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 17px;
	transition: 1s ease;}
.footer a:hover, .footer a:active{color:#666; font-size: 17px;
	transition: 1s ease;}
}


@media screen and (max-width:780px) {
.img-float-right { float: none; display: block; padding: 24px 0 36px 0; margin: 0 auto; }
}

@media screen and (max-width:680px) {
	.amz-float-right {
		float: none;
		margin: 0 auto;
		margin-top: 60px;
		margin-bottom: 48px;
		border-left: 0px;
		border-top: #ddd 1px solid;
		border-bottom: #ddd 1px solid;
		padding: 18px 0 18px 0;
		width: 100%;
		max-width: 300px;
	}
	.screen-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}

}

@media screen and (max-width:480px) {
img.float-right { float: none; padding: 12px; margin: 0 auto; text-align: center; display: block; }
}
#contact-area {
  margin: 0 auto;
	margin-top: 25px;
  width: 96%
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 20%;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 1em;
}
@media screen and (max-width:768px) {
	label {
		float: none;
		text-align: left;
	}
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	/*! width: 92%; */
  font-family: Lato, sans-serif;
	font-size: .9em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
#footer-cols, .current-research, .telescope {
	display: none;
}
}

@media screen and (min-width:860px) and (max-width:1160px) {

.banner { 
	margin: 0 auto;
	width: 860px;
	height: 180px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-860-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
} 
.sidebar {
	width: 260px;
	margin: 10px 28px 0 0px;
	padding: 0 10px 0 0;
	border-right: 1px solid #eee;
	float: left;
}
.main {
	width: 64%;
	padding: 26px 0 0 18px;
	float: left;
}
}

@media screen and (min-width:728px) and (max-width:859px) {
	
.banner { 
	margin: 0 auto;
	width: 728px;
	height: 152px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-728-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
}
.flex-item {
  width: 30%;
}
}

@media screen and (min-width:480px) and (max-width:727px) {
.flex-item {
  width: 28%;
}
.banner { 
	margin: 0 auto;
	width: 480px;
	height: 122px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	text-align:center;
} 
#cosmic-gifts h3 {
	margin: 36px 10% 26px 10%;
}
.solar-telescope-prod {
	width: 33%;
	min-height: 480px;
}

}

@media screen and (min-width:380px) and (max-width:479px) {
.flex-container {
	flex-direction: column;
}	
.flex-item {
  width: auto%;
}
.banner { 
	height: 100px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	background-size: 100% auto;
	text-align:center;
} 
.footer p {
	color: #999;
	padding: 0 20px 0 20px;
}
#cosmic-gifts h3 {
	margin: 36px 5% 26px 5%;
}
#registry .left-col{
	display: none;
}
#registry .center-col{
	width: 100%;
	max-width: auto;
	padding-right: 24px;
}
#registry .right-col{
	display: none;
}
#registry .registry-toc{
	width: 90%;
}

.solar-telescope-prod {
	float: none;
	width: 80%;
	min-height: 530px;
}
}

@media screen and (max-width:379px) {
.flex-container {
	flex-direction: column;
}	
.flex-item {
	margin: 0 auto;
  width: 90%;
}
.banner { 
	height: 90px;
	background-color: #000;
	background-image: url(img/ObservatoryLogo-480-less.jpg);
	background-repeat: no-repeat;
	background-position:center !important;
	background-size: 100% auto;
	text-align:center;
} 

.footer p {
	color: #999;
	padding: 0 10px 0 10px;
}
#registry .left-col{
	display: none;
}
#registry .center-col{
	width: 100%;
	max-width: auto;
	padding-right: 24px;
}
#registry .right-col{
	display: none;
}
#registry .registry-toc{
	width: 90%;
}
}





/* APPBAR */

.appbar-top {
	margin: 0 auto;
	padding: 0 0 12px 0;
	background-color: #000;
	height: 44px;
	vertical-align: middle;
}
.appbar-top ul {
	text-align: center;
}
.appbar-top li {
	display: inline;
	float: left;
	padding: 0 0 16px 0;
	line-height: 100%;
	font-size: 12px;
	text-transform: uppercase;
}
.appbar-top a:link {
	padding: 0 2px 0 2px;
	letter-spacing: 0.05em;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	transition: 1s ease;
}
.appbar-top a:visited {
	padding: 0 2px 0 2px;
	letter-spacing: 0.05em;
	color: #fff;
	text-decoration: none;
	transition: 1s ease;
}
.appbar-top a:hover {
	color: #999;
	transition: 1s ease;
}
.appbar-top a:active {
	color: #999;
	transition: 1s ease;
}
.clear {clear: both; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}


/*
the hamburger button with a little gradient effekt
*/
#hamburger {
    cursor: pointer;
    display: block;
    height: 30px;
    padding: 3px 4px 3px;
    position: absolute;
	top: 4px;
	right: 4px;
    width: 30px;
    background: #000;  
}

/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 3px;
    margin-top: 4px;
    width: 90%;
}

.cbp-spmenu-left {
	left: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #3e3c3d;
    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
}

.cbp-spmenu a {
	display: block;
	list-style-type: none;
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	text-decoration: none;
}

.cbp-spmenu a:hover {
	background: #666;
}

.cbp-spmenu a:active {
	background: #000;
	color: #666;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #555;
	padding: 1em;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

/* Example media queries */

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

@media screen and (max-width:960px) {
.appbar-top {
	display: none;
}
.sidebar {
	display: none;
}
.main {
	width: 95%;
	padding: 12px;
	float: none;
}
.main-full {
	width: 100%;
	padding: 18px;
	text-align:center;
}	
}

@media screen and (min-width:960px) {
#hamburger, #hamburger div, nav {
	display: none;
}
}

@media screen and (max-width:980px) {
.appbar-top li {
	font-size: 12px;
}
}

@media screen and (max-width:580px) {
.banner {
	margin: 36px 0 0 0;
}
.appbar-top {
	display: none;
}
}
@media screen and (min-width:1200px) {
.appbar-top {
	margin-left: 6%;
}
}
@media screen and (min-width:1300px) {
.appbar-top {
	margin-left: 8%;
}
}
@media screen and (min-width:1400px) {
.appbar-top {
	margin-left: 12%;
}
}


.capbox {
	background-color: #03A9F4;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
  margin: .5em 0 0 calc(20% + 15px);
	padding: 8px 40px 8px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

@media screen and (max-width:768px) {
	.capbox {
		margin: .8em 0 0 0;
	}
}
.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #7AD0F7;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }
img {
	max-width: 100%;
}