/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	Many thanks to the following:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Convert default styles to "zero" them out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary, hgroup, object, embed {display: block;}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {box-sizing: border-box; }

/* Responsive images and other embedded objects
	 Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
object, embed {max-width: 100%;}

/* Force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* Remove the bullets from lists
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

/* Tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}

input, select {vertical-align: middle;}

pre {
		white-space: pre; /* CSS2 */
		white-space: pre-wrap; /* CSS 2.1 */
		white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
		word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don’t upset line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/*Standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace;}

/* Hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* Scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* Prevent BG image flicker upon hover 
	 (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* Clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }	
.clearfix:after { clear: both; }	
.clearfix { zoom: 1; }	

/*---- End the zeroing out process ----*/




/*---- Start ----*/

html, body {
	border: 0;	/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	height: 100%;
	font: 1.0em/1.4em 'Jacques Francois', Times, Serif;
	font-weight: 400;
	background: #c6b184;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
h1 {
	font-size: 2.75em;
	line-height: 1.15em;
	color: #ffffff;
	font-family: 'IM Fell English SC', serif;
	font-weight: 300;
}
.column1 header h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}
body.texas h1 {
	text-shadow: -2px 2px 0px rgba(160, 53, 37, 0.8);
}
body.usa h1 {
	margin: 0.5em 0 0 0;
	color: #000;
	text-shadow: -2px 2px 0px rgba(222, 206, 174, 0.8);
}
h2 {
	font-size: 1.35em;
	color: #907f65;
}
#drawer-right-states h2 {
	color: #fff;
	margin-bottom: 0.75em;
}
body.cards #content h2 {
	font-size: 1.5em;
	margin: 0.5em 0;
	color: #907f65;
	text-transform: uppercase;
}
#state-capitals h2 {
	display: none;
	padding-left: 50%;
	padding-right: 23%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.15em;
	color: #000;
	font-family: 'IM Fell English SC', serif;
	font-weight: 300;
}
h3 {
	font: 1.0em/1.4em 'Jacques Francois', Times, Serif;
	color: #000000;
}
nav h3 {
	color: #fff;
}
header#main section h3 {
	font-size: 1.0em;
	text-transform: uppercase;
	margin: 0.25em 0 0.5em 0;
}
#div-tablet-unlock-toggle h3 {
	font-size: 1.125em;
	text-transform: uppercase;
	margin: 0.25em 0 0.5em 0;
	color: #fff;
}
header#main section a#purchase h3 {
	margin: 0;
	line-height: 1.0em;
}
body.cards #content h3 {
	font-family: 'IM Fell English SC', serif;
	font-weight: 300;
	font-size: 1.5em;
}
h4 {
	font-family: 'Marvel', monospace;
	font-size: 1.5em;
	color: #000000;
}
h5 {
	font-size: 0.875em;
	color: #000000;
}
h6 {
	font-size: 1.5em;
	color: #000000;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	color: #5d554b;
}
#readoutLeft p, #readoutRight p {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#svg-div {
	display: inline-block;
	position: relative;
	width: 80%;
	padding-bottom: 55%;
	vertical-align: middle;
}
.my-svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* only required for <img /> */
}
g#usa a polygon, g#usa a path {
	fill-opacity: 0.23;
	fill: #907F65;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
g#usa a.c0 polygon, g#usa a.c0 path {
	fill-opacity: 0.23;
}
g#usa a.c1 polygon, g#usa a.c1 path {
	fill-opacity: 0.30;
}
g#usa a.c2 polygon, g#usa a.c2 path {
	fill-opacity: 0.37;
}
g#usa a.c3 polygon, g#usa a.c3 path {
	fill-opacity: 0.44;
}
g#usa a.c4 polygon, g#usa a.c4 path {
	fill-opacity: 0.51;
}
g#usa a.c5 polygon, g#usa a.c5 path {
	fill-opacity: 0.58;
}
g#usa a.c6 polygon, g#usa a.c6 path {
	fill-opacity: 0.65;
}
g#usa a.c7 polygon, g#usa a.c7 path {
	fill-opacity: 0.72;
}
g#usa a.c8 polygon, g#usa a.c8 path {
	fill-opacity: 0.79;
}
g#usa a.c9 polygon, g#usa a.c9 path {
	fill-opacity: 0.86;
}
g#state-capitals a polygon {
	fill-opacity: 1.0;
	fill: #deceae;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
g#state-capitals a path {
	fill-opacity: 1.0;
	fill: #a15a26;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
g#state-capitals a {
	cursor: pointer;
}
g#usa a:hover polygon, g#usa a:hover path {
	fill-opacity: 1.0;
	cursor: pointer;
}
g#usa a polygon.on, g#usa a path.on {
	fill-opacity: 1.0;
	cursor: pointer;
}
#readoutLeft, #readoutRight {
	position: absolute;
	float: left;
	display: none;
	background: #fff;
	background: rgba(255,255,255,0.67);
	border: 1px #ffffff solid;
	padding: 10px;
	z-index: 10000;
}
#readoutLeft img, #readoutRight img {
	display: none;
	margin: -10px 10px -10px -10px;
	padding: 0;
	float: left;
}
figcaption {
	font-size: 0.75em;
	color: #5d554b;
	text-align: left;
	margin: 0 10%;
}
img {
	margin: 0;
}
img.usa {
	width: 78%;
	height: auto;
}
input[type="submit"] {
	font: 0.875em/1.0em 'Jacques Francois', Times, Serif;
	margin: 0;
	padding: 6px;
	border: 1px #a15a26 solid;
	background: rgb(226,182,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyYjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZThjMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(226,182,0,1) 0%, rgba(206,140,2,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,182,0,1)), color-stop(100%,rgba(206,140,2,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,182,0,1) 0%,rgba(206,140,2,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,182,0,1) 0%,rgba(206,140,2,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,182,0,1) 0%,rgba(206,140,2,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,182,0,1) 0%,rgba(206,140,2,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2b600', endColorstr='#ce8c02',GradientType=0 ); /* IE6-8 */
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input[type="submit"]:hover {
	border: 1px #a15a26 solid;
	background: #ce8c02;
}




/* column container */
.wrapper {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	min-height: 100%;
	overflow: hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.column-wrap-center,
.column-wrap-left {
	float: left;
	width: 100%;			/* width of page */
	position: relative;
	-webkit-transition: all 250ms linear 0;
	-moz-transition: all 250ms linear 0;
	-o-transition: all 250ms linear 0;
	transition: all 250ms linear 0;
}
.column1,
.column2,
header#main {
	float: left;
	position: relative;
	padding: 0;	/* no left and right padding on columns */
	overflow: hidden;
	height: auto;
	-webkit-transition: all 250ms linear 0;
	-moz-transition: all 250ms linear 0;
	-o-transition: all 250ms linear 0;
	transition: all 250ms linear 0;
}
.columns3 {
	background: transparent;		/* becomes right column background colour */
}
.columns3 .column-wrap-center.rm-closed {
	right: 7%;			/* width of the right column */
	background: transparent;		/* becomes center column background colour */
}
.columns3 .column-wrap-center.rm-open {
	right: 33%;			/* width of the right column */
	background: transparent;		/* becomes center column background colour */
}
.columns3 .column-wrap-left {
	background: rgb(85,101,140);	/* becomes left column background colour */
	background: rgba(85,101,140,0.67);	/* becomes left column background colour */
}
.columns3 .column-wrap-center.rm-closed .column-wrap-left {
	right: 93%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}
.columns3 .column-wrap-center.rm-closed .lm-open {
	right: 64%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}
.columns3 .column-wrap-center.rm-open .column-wrap-left {
	right: 67%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}
.columns3 .column-wrap-center.rm-open .lm-open {
	right: 38%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}
.columns3 .column-wrap-center.rm-closed .lm-closed {
	right: 93%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}
.columns3 .column-wrap-center.rm-open .lm-closed {
	right: 67%; /* this matches the width of the center column and pushes the left column parent container (.column-wrap-left) towards the left, away from the right-most column in an amount matching the center column’s width */
}


/* --- Individual Column Styles --- */

.columns3 .column1 {
	background: transparent;	/* center column content area background colour */
	background: transparent;
}
.columns3 .column-wrap-center.rm-closed .column-wrap-left .column1 {
	left: 100%;
	width: 93%;
}
.columns3 .column-wrap-center.rm-closed .lm-open .column1 {
	left: 100%;
	width: 64%; /* width of center column content */
}
.columns3 .column-wrap-center.rm-closed .lm-closed .column1 {
	left: 100%;
	width: 93%; /* width of center column content */
}
.columns3 .column-wrap-center.rm-open .column-wrap-left .column1 {
	left: 100%;
	width: 67%;
}
.columns3 .column-wrap-center.rm-open .lm-open .column1 {
	left: 100%;
	width: 38%; /* width of center column content */
}
.columns3 .column-wrap-center.rm-open .lm-closed .column1 {
	left: 100%;
	width: 67%; /* width of center column content */
}
.column1 header {
	position: relative;
	width: 100%;
	min-height: 97px;
	padding: 20px 30px 10px 30px;
	z-index: 2;
}
form#tcard-menu {
	display: none;
}
body.texas .column1 header {
	background: rgb(160,53,37);
	background: rgba(160,53,37,0.87);
}
.column1 header h1 {
	float: left;
}
a.state-name-full, .state-name-full {
	color: #ffffff;
	display: inline;
	text-decoration: none;
	cursor: pointer;
}
body.lm-open .state-name-full, body.rm-open .state-name-full {
	display: none;
}
.column1 header h1 abbr {
	display: none;
}
body.lm-open .column1 header h1 abbr, body.rm-open .column1 header h1 abbr {
	display: inline;
}
body.state .column1 header h1 img, body.cards .column1 header h1 img {
	margin: 15px 15px 0 0;
}
nav#state-ops {
	float: right;
}
nav#state-ops a {
	font: 1.0em/1.8em 'Marvel', monospace;
	color: #fff;
	text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(50);
	opacity: 0.50;
	display: inline-block;
	text-align: center;
	margin: 0 12px;
	padding: 0;
}
nav#state-ops a.active, nav#state-ops a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(100);
	opacity: 1.0;
}
nav#state-ops a img {
	display: block;
	margin: 0 auto;
}
span.clear {
	display: block;
	clear: both;
	float: none;
}
#tablet-nav {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 200;
}
#tablet-nav div {
	display: none;
}
#smartphone-usa-map-menu {
	display: none;
}
#tablet-nav div.active {
	display: block;
}
form#state-menu {
	position: absolute;
	display: block;
	float: right;
	top: 20px;
	right: 50px;
	z-index: 30;
	margin-top: -97px;
}
#content {
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	top: 97px;
	left: 0;
	z-index: 1;
}
body.usa #content {
	top: 0;
}
#content .centering {
	display: table-row;
	vertical-align: middle;
	overflow: visible;
}
#content .centering .centered {
	display: table-cell;
	vertical-align: middle;
	overflow: visible;
}
body.cards #content {
	position: relative;
	display: block;
	overflow: visible;
	text-align: left;
	vertical-align: top;
	top: 0;
	left: 0;
	z-index: 4;
}
body.state #content div {
	display: none;
	position: relative;
}
body.cards #content .slider div.slide {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px 0 30px;
	z-index: 5;
}
body.cards #content .slider div.slide section.card-image-and-nav {
	position: relative;
	float: right;
	width: 58%;
	margin-top: -97px;
	margin-left: 2%;
	z-index: 11;
}
body.cards #content .slider div.slide:first-child h2 {
	margin-top: 30px;
}
body.cards #content .slider div.slide section.card-image-and-nav img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 12;
}
body.cards #content .slider div.slide section.card-image-and-nav nav {
	display: table;
	width: 100%;
	height: 84px;
	margin-top: 0;
	box-sizing: border-box;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div {
	display: table-row;
	width: 100%;
	height: 84px;
	background: #d0be96;
	background: rgba(255,255,255,0.45);
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a {
	display: table-cell;
	width: 25%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	font-family: 'IM Fell English SC', serif;
	font-weight: 300;
	font-size: 1em;
	text-decoration: none;
	color: #5d554b;
	box-sizing: border-box;
	padding: 0 21px;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a.left {
	padding-right: 31px;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a.right {
	padding-left: 31px;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a img {
	display: block;
	width: 21px;
	height: 84px;
	margin: 0;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a img.left {
	position: absolute;
	left: 0;
	top: 0;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a img.right {
	position: absolute;
	right: 0;
	top: 0;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div a:hover {
	background: #fff;
}
body.cards #content .slider div.slide section.card-image-and-nav nav div h3 {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 2.0em;
	color: #5d554b;
	background: #c6b184;
}
body.state #content div#map {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
body.state #content div.active {
	display: table-row;
	position: relative;
	height: 100%;
	z-index: 7;
}
body.state #content div iframe {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 89%;
	padding: 0 20px 0 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}
body.state #content div div.centering, body.state #content div section.centering {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 0 20px 0 0;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 900px;
	box-sizing: border-box;
}
body.state #content div div.centering img {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -39%;
	margin-left: -100%;
}
body.state #content div div.centering img.state-bg-map {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: auto;
}
#content-bg {
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	top: 97px;
	left: 0;
	z-index: 0;
}
#content-bg section#persistent {
	display: table-row;
	position: relative;
	height: 100%;
	z-index: 6;
}
#content-bg section#persistent div.centering {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 0 20px 0 0;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 900px;
	z-index: 6;
}
#content-bg section#persistent div.centering img {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -39%;
	margin-left: -100%;
}
.columns3 .column2 {
	background: transparent;	/* center column content area background colour */
	z-index: 50;
	overflow: visible;
}
.column2 h1, .column2 h2, .column2 h3, .column2 h4, .column2 h5, .column2 h6, .column2 p, .column2 ul {
	color: #fff;
	margin: 7px 15px 0 15px;
}
.column2 h5 {
	text-align: right;
}
.columns3 .column-wrap-center.rm-closed .column-wrap-left .column2, .columns3 .column-wrap-center.rm-open .column-wrap-left .column2 {
	width: 0;	/* Width of left column content */
	left: 0;	/* width of right column */
}
.columns3 .column-wrap-center.rm-closed .lm-open .column2 {
	width: 29%;	/* Width of left column content */
	left: 7%;	/* width of right column */
}
.columns3 .column-wrap-center.rm-closed .lm-closed .column2 {
	width: 0%;	/* Width of left column content */
	left: 7%;	/* width of right column */
}
.columns3 .column-wrap-center.rm-open .lm-open .column2 {
	width: 29%;	/* Width of left column content */
	left: 33%;	/* width of right column */
}
.columns3 .column-wrap-center.rm-open .lm-closed .column2 {
	width: 0%;	/* Width of left column content */
	left: 33%;	/* width of right column */
}
.lm-closed .column2 nav, .lm-closed .column2 h1, .lm-closed .column2 h2, .lm-closed .column2 h3, .lm-closed .column2 h4, .lm-closed .column2 h5, .lm-closed .column2 h6, .lm-closed .column2 p, .lm-closed .column2 ul, .lm-closed .column2 nav section {
	display: none;
}
nav#cards {
	width: 90%;
	display: table;
	border-collapse: collapse;
	border: 1px #fff solid;
	background: #fff;
	margin: 16px auto 0 auto;
}
.trow {
	display: table-row;
	overflow: hidden;
}
nav#cards a {
	display: table-cell;
	width: 33.333%;
	overflow: hidden;
	border: 1px #fff solid;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)"; /* IE 8 */
	filter: alpha(87);
	opacity: 0.87;
}
nav#cards a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(100);
	opacity: 1.0;
}
nav#cards a img {
	display: block;
	width: 100%;
	height: auto;
}
.columns3 header#main {
	background: rgb(190,172,124);	/* right column content area background colour */
	overflow: visible;
}
.columns3 .column-wrap-center.rm-closed .column-wrap-left header#main {
	width: 7%;	/* Width of right column content */
	left: 100%;	/* Width of center column and right column */
}
.columns3 .column-wrap-center.rm-closed .lm-open header#main {
	width: 7%;	/* Width of right column content */
	left: 71%;	/* Width of center column and right column */
}
.columns3 .column-wrap-center.rm-closed .lm-closed header#main {
	width: 7%;	/* Width of right column content */
	left: 100%;	/* Width of center column and right column */
}
.columns3 .column-wrap-center.rm-open .column-wrap-left header#main {
	width: 33%;	/* Width of right column content */
	left: 100%;	/* Width of center column and right column */
}
.columns3 .column-wrap-center.rm-open .lm-open header#main {
	width: 33%;	/* Width of right column content */
	left: 71%;	/* Width of center column and right column */
}
.columns3 .column-wrap-center.rm-open .lm-closed header#main {
	width: 33%;	/* Width of right column content */
	left: 100%;	/* Width of center column and right column */
}
header#main nav {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
header#main nav section {
	display: table-row;
	position: relative;
}
header#main nav section a, header#main nav section div, header#main nav section nav {
	display: table-cell;
	width: 100%;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
header#smartphone, #smartphone-nav {
	display: none;
}
.columns3 .column-wrap-center.rm-closed header#main .closed, .columns3 .column-wrap-center.rm-open header#main .closed, .columns3 .column-wrap-center.rm-closed header#main nav section .b, .columns3 .column-wrap-center.rm-closed header#main nav section .c, .columns3 .column-wrap-center.rm-open header#main nav section .c {
	display: none;
}
.columns3 .column-wrap-center.rm-open header#main nav section .a {
	display: none;
}
.columns3 .column-wrap-center.rm-open header#main nav section .b {
	display: table-cell;
	width: 100%;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
section#state-of-mind {
	position: relative;
	height: 21%;
	background: rgb(160,53,37);
	background: rgba(160,53,37,0.5);
	vertical-align: middle;
	text-align: center;
}
img.som-vert {
	width: 10%;
	height: auto;
}
img.som-horiz {
	width: 75%;
	height: auto;
}
section#my-states {
	height: 33%;
	background: rgb(226,114,0);
	background: rgba(226,114,0,0.5);
}
section#my-states a.a img {
	width: 50%;
	height: auto;
	margin: 0 auto;
}
section#my-states {
	display: table-row;
	width: 100%;
}
body.rm-open header#main nav section#my-states div.b {
	display: table;
	height: inherit;
}
header#main nav section#my-states .b a, header#main nav section#my-states .b div {
	display: table-cell;
	width: 50%;
}
header#main nav section#my-states .b a#my-states-menu-toggle {
	text-decoration: none;
}
header#main nav section#my-states .b a#my-states-menu-toggle img {
	width: 75%;
	height: auto;
	display: inline;
}
header#main nav section#my-states .b a#my-states-menu-toggle:hover, header#main nav section#my-states a#tablet-my-states-toggle:hover {
	background: rgb(226,114,0);
	background: rgba(226,114,0,0.57);
}
header#main nav section#my-states .b a#my-states-menu-toggle.active, header#main nav section#my-states a#tablet-my-states-toggle.active {
	background: rgb(139,143,152);
}
#state-stats h3 {
	color: #5d554b;
}
header#main nav section#my-states #state-stats {
	background: rgb(216,164,4);
	background: rgba(216,164,4,0.5);
}
header#main nav section#my-states div div#my-states-tile a img {
	width: 75%;
	height: auto;
}
header#main nav section#my-states div div#my-states-tile a, header#main nav section#my-states div div#my-states-tile a h3 {
	color: #fff;
	text-decoration: none;
}
section#unlock {
	height: 23%;
	background: rgb(134,154,122);
	background: rgba(134,154,122,0.5);
}
section#unlock a.a img {
	width: 30%;
	height: auto;
	margin: 0 auto;
}
section#unlock .b {
	padding: 0 30px;
}
section#unlock .b img {
	width: 36px;
	height: auto;
	margin: 40px 30px 40px 0;
	display: block;
	vertical-align: center;
	float: left;
}
header#main nav section#unlock a#tablet-unlock-toggle.active {
	background: rgb(178,178,148);
}
input[type="text"] {
	font: 1.0em/1.4em 'Jacques Francois', Times, Serif;
	font-weight: 400;
	width: 45px;
	background: #aab6a1;
	margin: 0 6px;
	padding: 2px;
	border: 1px #869a7a solid;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
section#unlock .b p, section#unlock .b h3 {
	text-align: left;
}
section#purchase-and-sign-out {
	height: 13%;
}
section#purchase-and-sign-out a.a {
	background: rgb(131,113,84);
	background: rgba(131,113,84,0.5);
}
section#purchase-and-sign-out #purchase {
	display: table-cell;
	background: rgb(85,101,140);
	background: rgba(85,101,140,0.5);
	width: 75%;
	height: 100%;
	text-align: left;
}
section#purchase-and-sign-out #purchase:hover {
	background: rgb(85,101,140);
	background: rgba(85,101,140,0.67);
}
section#purchase-and-sign-out #purchase img {
	display: inline-block;
	width: 30%;
	height: auto;
	margin: 5px 10px 5px 0;
	vertical-align: middle;
}
section#purchase-and-sign-out a#sign-out, a#tablet-sign-out-toggle {
	display: table-cell;
	background: rgb(131,113,84);
	background: rgba(131,113,84,0.5);
	width: 25%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
}
section#purchase-and-sign-out a#sign-out:hover, a#tablet-sign-out-toggle:hover {
	color: #fff;
	background: rgb(131,113,84);
	background: rgba(131,113,84,0.67);
}
section#purchase-and-sign-out a {
	font: 1.125em/1.0em 'Jacques Francois', Times, Serif;
	font-weight: 400;
	width: 100%;
	height: 100%;
	color: #c4b083;
	text-transform: uppercase;
	text-decoration: none;
}
section#purchase-and-sign-out a#sign-out {
	display: table-cell;
	width: 100%;
	height: 100%;
}
section#menu {
	height: 11%;
	background: rgb(222,206,174);
	background: rgba(222,206,174,0.5);
}
section#menu a {
	font-family: 'Marvel', monospace;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	color: #5d554b;
}
header#main nav section#menu nav#right-menu a {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	margin: 0 3px 0 0;
	font-family: 'Marvel', monospace;
	font-size: 0.875em;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	color: #5d554b;
}
header#main nav section#menu nav#right-menu a:hover {
	color: #fff;
}
header#main nav section#menu a#tablet-menu-toggle.active {
	background: rgb(221,206,175);
}
#tab-left {
	display: block;
	position: absolute;
	right: -32px;
	top: 50%;
}
#tab-right {
	display: block;
	position: absolute;
	left: -32px;
	top: 50%;
}
#tab-left a img, #tab-right a img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=23)"; /* IE 8 */
	filter: alpha(23);
	opacity: 0.23;
}
#tab-left a:hover img, #tab-right a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(100);
	opacity: 1.0;
}
#toggle-left {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: relative;
	margin-top: -16px;
	background: rgb(85,101,140);
	background: rgba(85,101,140,0.67);
	border-radius: 0 6px 6px 0; 
	-moz-border-radius: 0 6px 6px 0; 
	-webkit-border-radius: 0 6px 6px 0; 
}
#toggle-right {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: relative;
	margin-top: -16px;
	background: rgb(131,113,84);
	background: rgba(131,113,84,0.67);
	border-radius: 6px 0 0 6px; 
	-moz-border-radius: 6px 0 0 6px; 
	-webkit-border-radius: 6px 0 0 6px;  
}
#drawer-right {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 100%;
	background: rgb(131,113,84);
	background: rgba(131,113,84,0.67);
	z-index: 10;
}
#drawer-right-states {
	display: none;
	position: absolute;
	left: -440px;
	width: 440px;
	height: 100%;
	background: rgb(85,101,140);
	background: rgba(85,101,140,0.97);
	z-index: 1000;
	padding: 20px;
}
#drawer-right-states .left {
	width: 45%;
	padding-right: 5%;
	margin-right: 5%;
	float: left;
}
#drawer-right-states a {
	display: block;
	font-size: 1.0em;
	line-height: 1.125em;
	padding: 0 0 0.5em 0;
	margin: 0;
	color: #deceae;
	text-decoration: none;
}
#drawer-right-states .left a span {
	float: right;
}
#drawer-right-states .left a.p0 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=23)";
	filter: alpha(23);
	opacity: 0.23;
}
#drawer-right-states .left a.p1 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(50);
	opacity: 0.5;
}
#drawer-right-states .left a.p2 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=56)";
	filter: alpha(56);
	opacity: 0.56;
}
#drawer-right-states .left a.p3 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=62)";
	filter: alpha(62);
	opacity: 0.62;
}
#drawer-right-states .left a.p4 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
	filter: alpha(68);
	opacity: 0.68;
}
#drawer-right-states .left a.p5 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=74)";
	filter: alpha(74);
	opacity: 0.74;
}
#drawer-right-states .left a.p6 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(80);
	opacity: 0.80;
}
#drawer-right-states .left a.p7 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
	filter: alpha(86);
	opacity: 0.86;
}
#drawer-right-states .left a.p8 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
	filter: alpha(92);
	opacity: 0.92;
}
#drawer-right-states .left a.p9 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(100);
	opacity: 1.0;
}
#drawer-right-states a:hover, #drawer-right-states a.p0:hover, #drawer-right-states a.p1:hover, #drawer-right-states a.p2:hover, #drawer-right-states a.p3:hover, #drawer-right-states a.p4:hover, #drawer-right-states a.p5:hover, #drawer-right-states a.p6:hover, #drawer-right-states a.p7:hover, #drawer-right-states a.p8:hover, #drawer-right-states a.p9:hover {
	color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(100);
	opacity: 1.0;
	cursor: pointer;
}
a.close-x {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
	z-index: 2000;
}
a.close-x:hover {
	top: 12px;
	right: 12px;
	cursor: pointer;
}
a.close-x img {
	display: block;
}
#indicator-left {
	position: absolute;
	right: 0;
	top: 37%;
}
footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 15px 35px 15px 15px;
	z-index: 5;
}
footer nav a, footer nav span {
	display: block;
	float: left;
	color: #fff;
	margin-right: 8px;
	margin-bottom: 0;
	text-decoration: none;
	font-family: 'IM Fell English SC', serif;
	font-size: 1.125em;
}

footer nav a:hover {
	text-decoration: underline;
}

footer section {
	float: right;
}

footer p {
	font-size: 0.6em;
	color: #837154;
	margin: 0;
}

footer p a {
	color: #837154;
}

/* --- Items hidden in Desktop view --- */

form#state-ops-menu, div.tablet-clear {
	z-index: 6;
	position: relative;
	display: none;
}
form#state-ops-menu {
	font-size: 1.0em;
}

img#card-image {
	display: block;
	float: right;
	margin: 20px;
	padding: 0;
	width: 270px;
	height: 374px;
}


/* --- Font adjustments for screens with heights below 710px --- */

@media screen and (max-height: 710px) and (orientation: landscape) {
	#drawer-right-states a {
		padding: 0 0 0.25em 0;
	}
}


/* --- Font adjustments for screens with heights below 610px --- */

@media screen and (max-height: 610px) and (orientation: landscape) {
	#drawer-right-states a {
		line-height: 1.0em;
		padding: 0 0 0.25em 0;
	}
}


/* --- Font adjustments for screens between 1140px and 1279px --- */

@media screen and (min-width: 1140px) and (max-width: 1279px) {
	header#main section a#purchase h3 {
		font-size: 0.875em;
	}
}


/* --- Font adjustments for screens between 1140px and 1279px --- */

@media screen and (min-width: 1024px) and (max-width: 1139px) {
	header#main section a#purchase h3 {
		font-size: 0.75em;
	}
}


/* --- Responsive Styles for screens under 1024px --- */

@media screen and (max-width: 1023px) {
	.wrapper {
		float: none;
		overflow: visible;
		min-height: initial;
	}
	.column1, .column2, header#main, .columns3 .column-wrap-left, .columns3 .column-wrap-center {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		right: initial;
	}
	header#main {
		display: table;
		position: absolute;
		top: 0;
		min-height: 120px;
	}
	.columns3 .column-wrap-center.rm-closed, .columns3 .column-wrap-center.rm-open, .columns3 .column-wrap-center.rm-closed .lm-open, .columns3 .column-wrap-center.rm-open .lm-open, .columns3 .column-wrap-center.rm-closed .lm-closed, .columns3 .column-wrap-center.rm-open .lm-closed, .columns3 .column-wrap-center.rm-open .column-wrap-left, .columns3 .column-wrap-center.rm-closed .column-wrap-left {
		right: initial;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open header#main, .columns3 .column-wrap-center.rm-closed .lm-closed header#main, .columns3 .column-wrap-center.rm-closed div header#main, .columns3 .column-wrap-center.rm-open .lm-open header#main, .columns3 .column-wrap-center.rm-open .lm-closed header#main, .columns3 .column-wrap-center.rm-open .column-wrap-left header#main, .columns3 .column-wrap-center.rm-closed .column-wrap-left header#main {
		width: 100%;	/* Width of right column content */
		left: initial;	/* Width of center column and right column */
	}
	header#main nav {
		display: table-row;
		table-layout: fixed;
		height: 120px;
		width: 100%;
	}
	header#main nav section {
		display: table-cell;
		width: 13%;
		vertical-align: middle;
	}
	header#main nav section#state-of-mind {
		width: 35%;
	}
	header#main nav section a, header#main nav section div, header#main nav section nav {
		display: block;
		width: auto;
		height: inherit;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.lm-closed .column2 nav, .lm-closed .column2 h1, .lm-closed .column2 h2, .lm-closed .column2 h3, .lm-closed .column2 h4, .lm-closed .column2 h5, .lm-closed .column2 h6, .lm-closed .column2 p, .lm-closed .column2 ul, .lm-closed .column2 nav section {
		display: block;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open .column1, .columns3 .column-wrap-center.rm-closed .lm-open .column2, .columns3 .column-wrap-center.rm-closed .lm-open header#main, .columns3 .column-wrap-center.rm-closed div header#main, .columns3 .column-wrap-center.rm-closed .lm-open .column-wrap-left, .columns3 .column-wrap-center.rm-closed .lm-open .column-wrap-center, .columns3 .column-wrap-center.rm-closed .lm-closed .column1, .columns3 .column-wrap-center.rm-closed .lm-closed .column2, .columns3 .column-wrap-center.rm-closed .lm-closed header#main, .columns3 .column-wrap-center.rm-closed .lm-closed .column-wrap-left, .lm-closed .column-wrap-center, .columns3 .column-wrap-center.rm-closed div .column1, .columns3 .column-wrap-center.rm-open div .column1 {
		width: 100%;
		left: 0;
		right: inherit;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open .column2, .columns3 .column-wrap-center.rm-closed .lm-closed .column2, .columns3 .column-wrap-center.rm-closed div .column2 {
		top: 120px;
		padding: 2%;
		margin-bottom: 0;
		background: rgb(85,101,140);	/* becomes left column background colour */
		background: rgba(85,101,140,0.67);	/* becomes left column background colour */
	}
	body.usa .columns3 .column-wrap-center.rm-closed .lm-open .column2, body.usa .columns3 .column-wrap-center.rm-closed .lm-closed .column2, body.usa .columns3 .column-wrap-center.rm-closed div .column2 {
		padding: 0%;
	}
	#tab-left, #drawer-right, header#main nav section a.a, header#main nav section div.a, header#main nav section a.b, header#main nav section div.b, .columns3 .column-wrap-center.rm-closed header#main nav section .b, .columns3 .column-wrap-center.rm-open header#main nav section .b, .columns3 .column-wrap-center.rm-closed header#main nav section#my-states div.b, .columns3 .column-wrap-center.rm-open header#main nav section#my-states div.b {
		display: none;
	}
	.columns3 .column-wrap-center.rm-closed header#main nav section .c, .columns3 .column-wrap-center.rm-open header#main nav section .c {
		display: table-cell;
		width: inherit;
		height: 120px;
	}
	section#my-states {
		top: 0;
		height: 120px;
	}
	section#my-states a {
		top: 0;
	}
	section#my-states a.c img {
		vertical-align: middle;
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
	section#unlock {
		height: inherit;
	}
	section#unlock a.c img {
		width: 30%;
		height: auto;
		margin: 0 auto;
	}
	.lm-open header#main, .lm-closed header#main, .column-wrap-left header#main {
		left: 0;
	}
	.lm-open .column1, .lm-closed .column1, .column-wrap-left .column1 {
		padding-top: 0;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open .column1, .columns3 .column-wrap-center.rm-open .lm-open .column1, .columns3 .column-wrap-center.rm-closed .lm-closed .column1, .columns3 .column-wrap-center.rm-open .lm-closed .column1, .columns3 .column-wrap-center.rm-closed .column-wrap-left .column1, .columns3 .column-wrap-center.rm-open .column-wrap-left .column1 {
		left: 0;
		width: 100%; /* width of center column content */
		position: relative;
		top: 120px;
	}
	.columns3 .column-wrap-left {
		background: transparent;
	}
	body.state #content, body.usa #content {
		position: relative;
		height: auto;
		top: 0;
		left: 0;
	}
	body.usa #content {
		overflow: visible;
	}
	body.state #content div.active {
		height: auto;
	}
	body.state #content div iframe {
		min-height: 450px;
		padding: 0 0 0 0;
		margin: 0;
		position: relative;
	}
	body.state #content div div.centering, body.state #content div section.centering {
		height: auto;
		padding: 0 0 0 0;
		position: relative;
		top: 0;
		left: 0;
	}
	body.state #content div div.centering img {
		margin-top: 0;
		margin-left: 0;
	}
	#content-bg {
		position: relative;
		height: auto;
		clear: both;
		top: 0;
		margin-top: -68.1%;
	}
	#content-bg section#persistent {
		height: auto;
	}
	#content-bg section#persistent div.centering {
		height: auto;
		padding: 0 0 0 0;
		position: relative;
		top: 0;
		left: 0;
	}
	#content-bg section#persistent div.centering img {
		margin-top: 0;
		margin-left: 0;
	}
	nav#cards {
		width: 40%;
		margin: 3% 3% 0 3%;
		float: right;
	}
	.columns3 .column-wrap-center.rm-closed .column-wrap-left .column2 h5 {
		clear: right;
		float: right;
		margin: 7px 3% 0 0;
		padding-bottom: 15px;
	}
	.columns3 .column-wrap-center .column2 p {
		margin: 3%;
	}
	.columns3 .column-wrap-center .column2 h5 {
		clear: right;
		float: right;
		margin: 7px 3% 0 0;
		padding-bottom: 15px;
	}
	div.tablet-clear {
		display: block;
		clear: both;
		line-height: 1px;
		height: 1px;
	}
	footer {
		position: relative;
		left: auto;
		bottom: auto;
		height: auto;
	}
	footer section {
		height: auto;
	}
	footer nav a, footer nav span {
		margin-bottom: 8px;
	}
	header#main nav section#unlock:hover {
		background: rgb(134,154,122);
	}
	header#main nav section#purchase-and-sign-out {
		background: transparent;
		width: 26%;
	}
	header#main nav section#purchase-and-sign-out div.c {
		display: table;
		width: 100%;
		height: 120px;
	}
	header#main nav section#purchase-and-sign-out div.c div {
		display: table-row;
		width: 100%;
		height: inherit;
	}
	header#main nav section#purchase-and-sign-out div.c div a {
		display: table-cell;
		width: 50%;
		height: inherit;
		text-align: center;
		vertical-align: middle;
	}
	header#main nav section#purchase-and-sign-out div.c div a img {
		display: inline-block;
		width: 86%;
		margin-top: 6px;
	}
	header#main nav section#purchase-and-sign-out #tablet-store-toggle div a.store {
		color: #fff;
		font-size: 0.95em;
		background: rgb(85,101,140);
		background: rgba(85,101,140,0.5);
	}
	header#main nav section#purchase-and-sign-out #tablet-store-toggle div a.store:hover {
		background: rgb(85,101,140);
		background: rgba(85,101,140,0.67);
	}
	header#main nav section#menu a:hover {
		color: #fff;
		background: rgb(222,206,174);
		background: rgba(222,206,174,0.67);
	}
	#tablet-nav {
	}
	#tablet-nav div.active {
	}
	#tablet-nav div#div-tablet-my-states-toggle img.indicator {
		left: 41.5%;
	}
	#tablet-nav div#div-tablet-my-states-toggle {
		padding: 20px 4% 30px 4%;
		background: rgb(85,101,140);
		background: rgba(85,101,140,0.97);
	}
	#tablet-nav div#div-tablet-my-states-toggle h2 {
		color: #fff;
		margin-bottom: 0.5em;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left {
		display: block;
		float: left;
		width: 25%;
		height: auto;
		margin-right: 10%;
		box-sizing: border-box;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left:last-of-type {
		margin-right: 0;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a {
		display: block;
		font-size: 1.0em;
		line-height: 1.125em;
		padding: 0 0 0.5em 0;
		margin: 0;
		color: #deceae;
		text-decoration: none;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a span {
		float: right;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p0 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=23)";
		filter: alpha(23);
		opacity: 0.23;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p1 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(50);
		opacity: 0.5;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p2 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=56)";
		filter: alpha(56);
		opacity: 0.56;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p3 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=62)";
		filter: alpha(62);
		opacity: 0.62;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p4 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
		filter: alpha(68);
		opacity: 0.68;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p5 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=74)";
		filter: alpha(74);
		opacity: 0.74;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p6 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(80);
		opacity: 0.80;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p7 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
		filter: alpha(86);
		opacity: 0.86;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p8 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
		filter: alpha(92);
		opacity: 0.92;
	}
	#tablet-nav div#div-tablet-my-states-toggle .left a.p9 {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(100);
		opacity: 1.0;
	}
	#tablet-nav div#div-tablet-my-states-toggle a:hover, #tablet-nav div#div-tablet-my-states-toggle a.p0:hover, #tablet-nav div#div-tablet-my-states-toggle a.p1:hover, #tablet-nav div#div-tablet-my-states-toggle a.p2:hover, #tablet-nav div#div-tablet-my-states-toggle a.p3:hover, #tablet-nav div#div-tablet-my-states-toggle a.p4:hover, #tablet-nav div#div-tablet-my-states-toggle a.p5:hover, #tablet-nav div#div-tablet-my-states-toggle a.p6:hover, #tablet-nav div#div-tablet-my-states-toggle a.p7:hover, #tablet-nav div#div-tablet-my-states-toggle a.p8:hover, #tablet-nav div#div-tablet-my-states-toggle a.p9:hover {
		color: #fff;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(100);
		opacity: 1.0;
		cursor: pointer;
	}
	#tablet-nav div#div-tablet-unlock-toggle {
		width: 100%;
		text-align: center;
		background: rgb(134,154,122);
		background: rgba(134,154,122,0.97);
		padding: 20px 4% 30px 4%;
	}
	#tablet-nav div#div-tablet-unlock-toggle img.indicator {
		left: 54.5%;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(50);
		opacity: 0.50;
	}
	#tablet-nav div#div-tablet-menu-toggle {
		width: 100%;
		text-align: center;
		padding: 20px 4% 20px 4%;
		background: rgb(205,188,151);
		background: rgba(205,188,151,0.97);
	}
	#tablet-nav div#div-tablet-menu-toggle nav a {
		display: inline-block;
		width: auto;
		height: auto;
		text-align: center;
		vertical-align: middle;
		padding: 8px;
		margin: 0 3px 0 0;
		font-family: 'Marvel', monospace;
		font-size: 1.0em;
		font-weight: 300;
		text-decoration: none;
		text-transform: uppercase;
		color: #5d554b;
	}
	#tablet-nav div#div-tablet-menu-toggle nav a:hover {
		color: #fff;
	}
	#tablet-nav div#div-tablet-menu-toggle img.indicator {
		left: 93.5%;
	}
	#tablet-nav .indicator {
		position: absolute;
		top: 0;
		margin-left: -15px;
	}
	body.cards #content .slider div.slide {
		padding: 0 0 0 30px;
	}
	form#state-menu {
		right: 30px;
	}
	h1 {
		font-size: 2.25em;
	}
	#smartphone-usa-map-menu {
		display: block;
		margin: 0.5em 0;
	}
	#state-capitals {
		top: -100px;
	}
}



/* --- Responsive Styles for screens under 801px --- */

@media screen and (max-width: 801px) {
	body.cards #content .slider div.slide {
		float: none;
		padding: 0 0 0 0;
	}
	body.cards #content .slider div.slide section.card-image-and-nav {
		float: none;
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
		margin-left: 0;
	}
	body.cards #content .slider div.slide section.card-image-and-nav img {
		margin-left: 0;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav {
		padding-left: 0;
	}
	body.cards #content h1, body.cards #content h2, body.cards #content h3, body.cards #content h4, body.cards #content h5, body.cards #content h6, body.cards #content p, body.cards #content ul, body.cards #content ol {
		padding-left: 30px;
		padding-right: 30px;
	}
	form#tcard-menu {
		display: block;
		float: right;
	}
	form#state-menu {
		margin-top: 0;
	}
	h1 {
		font-size: 2.75em;
	}
	#state-capitals {
		top: -60px;
	}
	img#card-image {
		margin-top: 0;
		width: 180px;
		height: 250px;
	}
}




/* --- Responsive Styles for screens under 768px --- */

@media screen and (max-width: 767px) {
	form#state-ops-menu {
		display: block;
		float: right;
	}
	nav#state-ops {
		display: none;
	}
	#content-bg {
		margin-top: -68.5%;
	}
	h1 {
		font-size: 2.25em;
	}
	body.state #content div iframe {
		min-height: 240px;
	}
}



/* --- Responsive Styles for screens under 540px --- */

@media screen and (max-width: 539px) {
	#content-bg {
		margin-top: -68.9%;
	}
	footer section {
		float: none;
	}
	footer section p {
		text-align: center;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open header#main, .columns3 .column-wrap-center.rm-closed .lm-closed header#main, .columns3 .column-wrap-center.rm-closed div header#main, .columns3 .column-wrap-center.rm-closed .column-wrap-left header#main, .columns3 .column-wrap-center.rm-open .column-wrap-left header#main {
		display: none;
	}
	.columns3 .column-wrap-center.rm-closed .lm-open .column1, .columns3 .column-wrap-center.rm-open .lm-open .column1, .columns3 .column-wrap-center.rm-closed .lm-closed .column1, .columns3 .column-wrap-center.rm-open .lm-closed .column1, .columns3 .column-wrap-center.rm-open .column-wrap-left .column1, .columns3 .column-wrap-center.rm-closed .column-wrap-left .column1 {
		top: 60px;
	}
		.columns3 .column-wrap-center.rm-closed .lm-open .column2, .columns3 .column-wrap-center.rm-closed .lm-closed .column2, .columns3 .column-wrap-center.rm-closed .column-wrap-left .column2 {
		top: 60px;
	}
	header#smartphone {
		display: table;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		overflow: hidden;
	}
	header#smartphone div {
		display: table-row;
		height: 60px;
	}
	header#smartphone div a.slogo {
		display: table-cell;
		width: 75%;
		text-align: center;
		vertical-align: middle;
		background: rgb(160,53,37);
		background: rgba(160,53,37,0.5);
	}
	header#smartphone div a.smenu {
		display: table-cell;
		width: 25%;
		text-align: center;
		vertical-align: middle;
		font-family: 'Marvel', monospace;
		font-weight: 300;
		text-decoration: none;
		text-transform: uppercase;
		color: #5d554b;
	}
	header#smartphone div a.smenu:hover {
		color: #fff;
		background: rgb(222,206,174);
		background: rgba(222,206,174,0.67);
	}
	#smartphone-nav {
		width: 100%;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 1000;
		color: #fff;
		background: rgb(222,206,174);
		border-bottom: 10px solid #fff;
	}
	#smartphone-nav p {
		margin: 0;
		clear: both;
		border-bottom: 1px #fff solid;
	}
	#smartphone-nav p.smenuleft, #smartphone-nav form {
		width: 40%;
		padding: 6px 20px;
		display: block;
		float: left;
		clear: none;
		height: 40px;
	}
	#smartphone-nav form {
		width: 60%;
		border-bottom: 1px #fff solid;
		height: 40px;
	}
	#smartphone-nav p a, #smartphone-nav p span {
		display: block;
		width: 100%;
		height: 40px;
		padding: 6px 20px;
		background: rgb(222,206,174);
	}
	#smartphone-nav p a {
		font-family: 'Marvel', monospace;
		line-height: 30px;
		font-weight: 300;
		text-decoration: none;
		text-transform: uppercase;
		color: #5d554b;
	}
	#smartphone-nav p a:hover, #smartphone-nav p a.smenuclose {
		color: #5d554b;
		background: rgb(202,186,154);
	}
	.column1 header h1 {
		float: none;
		clear: both;
		position: relative;
		top: -23px;
		margin-bottom: -23px;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav {
		display: block;
		float: none;
		clear: both;
		height: 42px;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav div {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		height: 42px;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav div a {
		display: block;
		float: left;
		width: 25%;
		height: 42px;
		padding: 0 10px;
		color: transparent;
		overflow: hidden;
		padding: 0;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav div a.left, body.cards #content .slider div.slide section.card-image-and-nav nav div a.right {
		padding-right: 0;
		padding-left: 0;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav div h3 {
		display: block;
		float: left;
		padding-left: 0;
		padding-right: 0;
		width: 50%;
		max-width: 50%;
		height: 42px;
		overflow: hidden;
		font-size: 1.5em;
		line-height: 42px;
	}
	body.cards #content .slider div.slide section.card-image-and-nav nav div a img {
		width: 10px;
		height: 42px;
		margin: 0;
	}
	img#card-image {
		width: 90px;
		height: 125px;
	}
	body.cards #content h2 {
		font-size: 1.15em;
	}
}





/* --- Responsive Styles for screens under 380px --- */

@media screen and (max-width: 379px) {
	#content-bg {
		margin-top: -69.3%;
	}
	h1 {
		font-size: 1.5em;
	}
	nav#cards {
		width: 94%;
		margin: 3% 3% 0 3%;
		float: none;
	}
	.column1 header {
		padding: 10px 10px 10px 30px;
	}
	form#state-menu {
		top: 10px;
		right: 10px;
	}
}