HTML {
	height: 100%;
	background-color: steelblue;
/* /////////////   for image background, not using /////////////////
	background: url(../images/stillwater.jpg) no-repeat center center fixed;
	background: url(../images/bggradient.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
////////////////////////////////////////////////////////////// */
}

BODY {
	width: 98%;
	max-width: 1280; 
	height: 86%;
}

	BODY, TD, TH {
	font-family: TrebuchetMS, Verdana, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.25em;
}

IMG {
	border: none;
	margin: 3px;
}

.player_transition_banner {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	color: orange;
	background-color: steelblue;
	border: 2px solid orange;
	border-radius: 5px;
	padding: 1px 3px;
}

.player_transition_banner a:link, .player_transition_banner a:visited, .player_transition_banner a:hover {
	color: orange;
	text-decoration: none;
}

.playerdemo {
	margin: -3px 0 0 20px;
}

.playeredemohdr {
	margin-bottom: -10px;
}

.border1 {
	border: 1px solid;
}

.borderbottom {
	border-bottom: 1px solid;
}

.nomarpad {
	margin: 0;
	padding: 0;
}

.mar1 {
	margin: 1px;
}

.mar10 {
	margin: 10px;
}

.martop3 {
	margin-top: 3px;
}

.marrgt3 {
	margin-right: 3px;
}

.marlft25 {
	margin-left: 25px;
}

.marlft20 {
	margin-left: 20px;
}

.marlft10 {
	margin-left: 10px;
}

img.sidelogos {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.yt18 {
	height: 18;
}

img.imginline {
	height: 16px;
}

img.newburst {
	height: 36px;
	float: left;
}

img.newburst24 {
	height: 24px;
	float: left;
}

img.newburst18nofloat {
	height: 18px;
	vertical-align: top;
}

.wid55 {
	width: 55px;
}

.wid400 {
	width: 400px;
}

.wid350 {
	width: 350px;
}

.wid300 {
	width: 300px;
}

.wid200 {
	width: 200px;
}

.wid150 {
	width: 150px;
}

.wid100 {
	width: 100px;
}

.wid60 {
	width: 60px;
}

.wid50 {
	width:50px;
}

.wid45pct {
	width: 45%;
}

.wid50pct {
	width: 50%;
}
.wid95pct {
	width: 95%;
}

.wid99pct {
	width: 99%;
}

.wid100pct {
	width: 100%;
}


/* general links */

A:link {
	color: #000F6D; 
}

H2 A:link {
	color: white;
	text-decoration: none;
}

H2 A:visited {
	color: white;
}

H2 A:hover {
	color: orange;
	text-decoration: none;
}


A.bluelink:link  {
	color: blue;
	text-decoration: underline;
}

A.bluelink:visited  {
	color: purple;
	text-decoration: underline;
}

.plainlink {
	text-decoration: none;
}
.plainlink:hover {
	text-decoration: underline;
	background-color: #79a7e3;
}

.redback {
	background-color: darkred;
	color: white;
}

.underdash {
	text-decoration: underline dashed;
}

}

/* BEGIN Nav menu styling */
* {
	margin: 1px;
	padding: 0;
}

.singlespacelist li {
	margin: 0;
}

.halfspacelist li {
	margin: 0 0 5px 0;
	padding-left: 10px;
	text-indent: -10px;
}

#topmenu {
	float: right;
}

#dpfoot {
	font-size: .8em;
	font-style: italic;
	color: white;
	float: right;
}

.tblfoot {
	font-size: .75em;
	font-style: italic;
}

#navcontainer {
	width: 750px;
	margin: 0;
	padding: 0;
}


#mainnav li {
	font-size: .85em;
	display: inline;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0 20px 0 0;
}

#mainnav a {
	text-decoration: none;
}

#subnav {
}

#subnav li {
	font-size: .60em;
	font-weight: bold;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#subnav a {
	text-decoration: none;
}

.sidelogos {
	margin-left: -20px;
	margin-right: 20px;
}

#sidecontainer {
	float: right;
	text-align: left;
	width: 100px;
	border-top: 1 solid black;
	border-bottom: 1 solid black;
	margin: 0 25px;
	padding: 0;
	overflow: auto;
	line-height: 1em;
}

.plainlist {
	list-style: none;
	margin: 0 0 0 -40px;
}

.plainlist li {
	margin: 3px;
}

#sidenav li {
	color: #ffffff;
	font-size: .60em;
	font-weight: bold;
	list-style-type: none;
	margin: 3px 0 3px -43px;
}

#sidenav a {
	margin-left: 0;
	text-decoration: none;
}

#sidenav a:link {
	color: #ffffff;
}

#sidenav a:visited {
	color: #cccccc;
}

#sidenav a:hover {
	color: #0000aa;
}

.submenhead {
	color: #ffffff;
	font-size: .65em;
	font-weight: bold;
	font-style: italic;
	margin: 0;
}

#sidesubnav li {
	font-size: .60em;
	font-weight: bold;
	list-style-type: none;
	margin: 3px 0 3px -43px;
}

#sidesubnav a {
	text-decoration: none;
}

#sidesubnav a:link {
	color: #ffffff;
}

#sidesubnav a:visited {
	color: #cccccc;
}

#sidesubnav a:hover {
	color: #0000aa;
}

/* END Nav menu styling */


/* header styles */

H1 {
	color: #ffffff; 
/*	font-family: Gabriola, times, serif; */
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	text-shadow: 2px 2px 3px black;
	margin-top: .15em;
	margin-bottom: .15em;
	padding: 5px;
	line-height: 100%;
	clear: both;
}

H1.tableheading {
	color: white;
	background-color: steelblue;
	text-shadow: 2px 2px 2px black;
}

.waterback {
	background: url(../images/stillwater.jpg) no-repeat center center;
	-moz-background-siz: cover;
	background-size: 100% auto;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	text-shadow: 2px 2px 2px black;
	padding-bottom: 2px;
}

.waterback a:link {
	color: white;
	text-shadow: 2px 2px 2px black;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
}

.waterback a:hover {
	color: orange;
}


H2 {
	color: white;
	background-color: steelblue;
	text-shadow: 2px 2px 2px black;
	font-size: 120%;
	font-style: italic;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-left: .25em;
	padding-top: .2em;
	padding-bottom: .2em;
}

H3 {
/*	color: #000000; */
	color: white;
	font-style: italic;
	font-size: 100%;
	margin-top: 1em;
	margin-bottom: .5em;
	padding-left: .25em;
	padding-top: 0;
	padding-bottom: .1em;
	border-bottom: 1px solid #000000;
}


.headerarea {
	width: 98%;
	min-width: 883px;
	height: 0%;
}

.footerarea {
	color:#ffffff;
	font-size: 75%;
	height: 6%;
}

.footerarea p {
	color: white;
	margin-top: 0;
	margin-bottom: 0;
}

.footerarea a {
	color: white;
}

.contentarea {
	background-color: lightyellow;
	padding: .35em;
	border-right: 1px solid #001149;
	border-bottom: 1px solid #001149;
	width: 98%;
	min-height: 80%;
	height: 91%;
	overflow: auto;
	box-shadow: 2px 2px 5px black;
}

/* along with .contentarea for narrow width of the content box */
.contentnarrow {
	float: left;
	margin-left: auto;
	margin-right: auto; 
	width: 48%;
	height: 93.5%; 
}

/* Version of .contentnarrow for lyric window */
.lyricbox {
	font-size: .85em;
}

.contenthomepage {
	max-width: 680px;
}

.contentwider {
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	max-width: 670px;
	height: 93.5%;
}

.contentlyric {
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 85%;
	overflow: auto;
	border: none;
}

.lyrichdr {
	border: none;
	height: auto;
	color: white;
	background-color: steelblue;
	text-shadow: 2px 2px 2px black;
	margin: 0 3px;

}

.hidden {
	visibility: hidden;
}

#lyrictitle {
	/* Nothing - an id tag for a span of text to expose to Javascript */
}

#lyricpara, #lyricpara p, #lyricpara li {
/*	font-size: .90em; */
	font-weight: normal;
	margin: 10px 20px;
	border: none;
}

#lyricpara td {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.lyricparainner {
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: center;
}

.lyricnopara {
	font-size: .90em;
	margin: 0;
	padding: 0;
}

.lyrichdr {
	font-size: .85em;
	font-weight: bold;
	border: none;
}

H3.lyrichdr {
	border:none;
}

P {
	margin-top: .5em;
	margin-left: .85em;
}

.partstable {
	width: 100%; 
	min-width: 860px;
}


.partstable td {
	vertical-align: top;
}

.partstable a {
	text-decoration: none;
}

.anthemtable {
	width: 100%; 
}

.anthemtable a {
	text-decoration: none;
}

TH {
	background-color: lightsteelblue;
}


#anthemhdr {
	margin: 10px 2px 4px 2px;
	font-size: 1em;
	font-weight: bold;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
}

.centerdiv {
	align: center;
}

.pdfdiv {
	height: 100%;
	width: 100%;
}

.waterstrip {
	opacity: 1;
	font-style: italic;
	color: white;
	text-shadow: 2px 2px 2px black;
	text-decoration: none;
	margin-bottom: 3px;
}

.waterstrip a {
	color: white;
	text-shadow; 2px 2px 2px black;
	text-decoration: none;
}

input.waterbtn {
	opacity: .75;
	font-style: italic;
	font-weight: bold;
	font-size: .8em;
	color: white;
	text-align: left;
	text-shadow: 2px 2px 2px black;
	text-decoration: none;
	margin-bottom: 3px; 
	border:	1px solid;
	border-color: #000060;
	text-shadow; 2px 2px 2px black;
	text-decoration: none;
 } 

input.waterbtn p {
	margin: 0;
	color: white;
	opacity: 0;
}


.bgblue {
	background: url(../images/bluegrad.png) repeat-x;
}
.bg0	{
	background: none:
}

.bg_trans {
	background: url(../images/trans_strip.png) no-repeat;
}

.bg1 {
	background: url(../images/blank_waterstrip1.png) no-repeat;
}
.bg2 {
	background: url(../images/blank_waterstrip2.png) no-repeat;
}
.bg3 {
	background: url(../images/blank_waterstrip3.png) no-repeat;
}
.bg4 {
	background: url(../images/blank_waterstrip4.png) no-repeat;
}
.bg5 {
	background: url(../images/blank_waterstrip5.png) no-repeat;
}
.bg6 {
	background: url(../images/blank_waterstrip6.png) no-repeat;
}
.bg7 {
	background: url(../images/blank_waterstrip7.png) no-repeat;
}
.bg8 {
	background: url(../images/blank_waterstrip8.png) no-repeat;
}

.bg_stillwater {
	background: url(../images/bg-stillwater.jpg) no-repeat left bottom;
}


.bgwaterlogo {
	background: url(../images/ARJipelagoWaterLogo_short.png) no-repeat;
	background-size: auto auto;
	width: 100px;
}

.bggs {
/*	background: #406080; */
	background-color: steelblue;
	padding: 2px;
}

.bggslt {
	background-color: lightyellow;
	padding: 2px;
}


input.btn, input.demobtn {
	color:	black;
	background-color: lightsteelblue;
   font: 	bold 85% 'trebuchet ms',helvetica,sans-serif; 
   border:	1px solid;
   border-color: #696 #363 #363 #696;
 }

td.backgrey {
	color:	black;
	background-color: lightsteelblue;
}

input.btnz {
	color:	white;
	background-color: steelblue;
   font: 	bold 85% 'trebuchet ms',helvetica,sans-serif;
   border:	1px solid;
   border-color: #696 #363 #363 #696;
}

input.btny {
	color:	white;
	background-color: orange;
   font: 	bold 85% 'trebuchet ms',helvetica,sans-serif;
   border:	1px solid;
   border-color: #696 #363 #363 #696;
}

input.btnw {		/*On Yeomen page, Yeomen (Warders)*/
	color:	white;
	background-color: red;
   font: 	bold 85% 'trebuchet ms',helvetica,sans-serif;
   border:	1px solid;
   border-color: #696 #363 #363 #696;
}

td.backw {
	color:	white;
	background-color: red;
}

input.btnp {		/*On Yeomen page, People chorus*/
	color:	white;
	background-color: purple;
   font: 	bold 85% 'trebuchet ms',helvetica,sans-serif;
   border:	1px solid;
   border-color: #696 #363 #363 #696;
}

td.backp {
	color:	white;
	background-color: purple;
}

input.smbtn {
	color:	#050;
	font: 	bold 75% 'trebuchet ms',helvetica,sans-serif;
	background-color:#fed;
	border:	1px solid;
	border-color: #696 #363 #363 #696;
}

input.weebtn {
	width: 30px;
	color:	black;
	font: 	bold 65% 'trebuchet ms',helvetica,sans-serif;
	background-color: lightsteelblue;
	border:	1px solid;
	border-color: #696 #363 #363 #696;
}

input.whtbtn {
	color: white;
	background-color: steelblue;
	font: bold italic 85% 'trebuchet ms',helvetica,sans-serif;
	text-shadow: 2px 2px 2px black;
	border: 2px solid;
	border-color: dimgray black black dimgray;
	padding: 0 2px;
} 

input.whtbtnlt {
	color: darkred;
	background-color: lightyellow;
	font: bold italic 85% 'trebuchet ms',helvetica,sans-serif;
	text-shadow: 2px 2px 2px grey;
	border: 2px solid;
	border-color: dimgray black black dimgray;
	padding: 0 2px;
} 

input.whtbtnhov {
	color: orange;
	background-color: steelblue;
	border-color: orange darkorange darkorange orange; 
}

.imgbtn a:hover {
	background-color: orange;
}

input.imgbtn {
	height: 18px;
	background-color: none;
	border:	none;
	margin: 0;
}
input.imgbtn:hover {
	background-color: orange;
}
 
/* input.imgbtn img {
	height: 18px;
	margin: 0;
} */

input.demobtn {
	float: left;
	width: 178px;
	margin: 0 .25em .25em 0;
}

input.txtbtn {
	background: none;
	border: none;
}

input.btnhov {
	background-color: black;
	color: orange;
	border-color: orange; 
}

input.waterbtnhov {
	color: orange;
	border-color: orange; 
}

input.w65 {
	width: 65px;
}

input.w40 {
	width: 40px;
}


input.w130 {
	width: 130px;
	margin-bottom: 2px;
}

input.w200 {
	width: 200px;
	margin-bottom: 2px;
}

input.w275 {
	width: 275px;
	margin-bottom: 2px;
}

input.w400 {
	width: 400px;
	margin-bottom: 2px;
}

img.dwnbtn  {
	height: 18px;
	margin: 0;
	background-color: none;
	border-color: #000000;
	border-width: 0;
	vertical-align: middle;
}

input.lyricbtn, img.lyricbtn {
	height: 18px;
	margin: 0;
	border: none;
	vertical-align: top;
}

table, th, td {
	border: 1px solid black;;
	border-collapse: collapse;
	padding: 2px;
	font-weight: normal;
}

.tblnoborder {
	border: 0;
}

.tblbotborder {
	border: 0;
}

.tblbotborder td {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.topalign {
	vertical-align: top;
}

.midalign {
	vertical-align: middle;
}

.tblblurb {
	text-align: left;
	font-family: 'trebuchet ms',helvetica,sans-serif;
	font-size: .9em;
}

.tblblurb a:visited {
	color: lightgray;
}

.tblhdr {
	text-align: left;
	font: bold 85% 'trebuchet ms',helvetica,sans-serif;
}

.democell {
	font: bold 80% 'trebuchet ms',helvetica,sans-serif;
	padding: 0;
}

.smtext {
	font-size: .75em;
	font-style: italic;
	line-height: 80%;
}

.lft {
	text-align: left;
}

.ctr {
	text-align: center;
}

.rgt {
	text-align: right;
}

.pad2 {
	padding: 2px;
}

.yt_icon  {
	border: 11px;
	height: 12px;
}

.actheader {
/*	background-color: #ADB9C3; */
	background-color: steelblue;
	color: white;
	padding: 3px 0;
	margin: 3px 0;
}

.scenesubheader {
	background-color: wheat;
	color: black;	
}

.scenesubheader td {
	font-weight: bold;
}

.topcell {
	border-bottom-width: 0;
	padding: 0 1px 1px 2px;
}

.midcell {
	border-top-width: 0;
	border-bottom-width: 0;
	padding: 0 1px 1px 2px;
}

.botcell { 
	border-top-width: 0;
	padding: 0 1px 2px 2px;
}

.botdashed {
	border-bottom-style: dotted;
}

.padrgt20 {
	padding-right: 20px;
}
.castphoto {
	border: none;
	text-align: right;
	font-style: italic;
	font-size: 75%;
}

.castphoto img {
	height: 180px;
}

.vartext {
	float: left;
	width: 60%;
}

.varphoto {
	float: right;
	width: 35%;
	margin-right: 10px;
}

.varphoto img {
	width: 100%;
	margin: auto;
	padding: 1%;
}

.hakphoto {
	float: left;
	height: 110px;
}

.hakphoto img {
	height: 110px;
	margin: auto;
	padding: 1%;
}

.catlistwrapper {
	width: 100%;
}

.catlistarea {
	background: url(../images/stillwater.jpg) no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	max-height: 250px;
	float: left;
	margin: 0;
	border: none;
}

.catlistlogo {
	margin: -2px;
}

.catlist {
	float: left;
	vertical-align: middle;
}

.catlist-r {
	float: right;
	vertical-align: middle;
}

.catlist p, .catsubhdr p, .catsubhdr a {
	margin: 0 10px;
	text-align: left;
}

.catlist-r p {
	margin: 0 10px;
	text-align: left;
} 


.catsubhdr p, .catlist p, .catlist-r p {
	font-style: italic;
	font-weight: bold;
	font-size: .8em;
	text-shadow: 2px 2px 2px black; 
	color: white;
	border:	none;
}

.catsubhdr a, .catlist a, .catlist-r a {
	text-decoration: none;
}

.catsubhdr a:link, .catlist a:link, .catlist-r a:link {
	color: white;
}

.catsubhdr a:visited, .catlist a:visited, .catlist-r a:visited {
	color: lightgray;
}

.catsubhdr a:hover, .catlist a:hover, .catlist-r a:hover {
	color: orange;
}

.catitem {
	width: 100%;
}

.catphoto {
	float: left;
	height: 120px;
	border: solid 1px;
}

.catphoto img {
	margin: 0;
	padding: 0;
	height: 120px;
}

.caticon {
	float: left;
	height: 90px;
}

.caticon img {
	margin: 0;
	padding: 1%;
	height: 93px;
	vertical-align: top;
}

.dewplayer {
	margin: 0;
}

.dpcaption {
	color: white;
	margin: -3em 0 0 0;
	font-size: .8em;
	font-style: italic;
}

.auditiontable {
	width: 700px;
	border-collapse: collapse;
	margin: 15px;
}

.auditiontable th {
	color: white;
	background-color: #8ea3bd;
}

.auditiontable tr {
	background-color: white;
}

.auditiontable tr:nth-child(odd) {
	background-color: #d8dfe8;
}

.auditiontable tr:nth-child(even) {
	background-color: white;
}

.auditionrole {
	padding-left: 10px;
}

.auditionrange {
	font: bold 85% 'trebuchet ms',helvetica,sans-serif;	
}

.auditionrange img {
	height: 75px;
}

.auditionsel {
	padding-left: 10px;
}

.rangetable {
	border-collapse: collapse;
	width : 540px;
	margin-left: 15px;
}

.rangetable th {
	color: white;
	background-color: #8ea3bd;
}

.rangetable tr {
	background-color: white;
}

.rangetable tr:nth-child(odd) {
	background-color: #d8dfe8;
}

.rangetable tr:nth-child(even) {
	background-color: white;
}

.rangerole {
	width: 60%;
}

.catshell {
	height: 20%;
}

.cattablearea {
	width: 100%;
/*	border-width: 1px; */
	border: none;
	float: left;
	overflow: auto;
	margin: 1px;
}

.cattablearea table {
	border: none;
}


.cattable {
/*	border-collapse: collapse; */
	border: none;
	width : 100%;
}

.cattable tr {
	border: none;
}

.catrowborderless td {
	border: none;
}

.catrowborderall th {
	border: 1px;
}

.catrowborderbottom td {
	border: 0 0 1px 0;
	border-top: none;
	border-left: none;
	border-right: none;
}

td.catcell {
	vertical-align: middle;
	font: bold 85% 'trebuchet ms',helvetica,sans-serif;
/*	line-height: 200%; */
	padding: 0;
}

td.red {
	color:	red;
	}

td.catcell a {
	text-decoration: none;
}

td.catcell a:hover {
	color: darkorange;
	background-color: lightyellow;
}

.caltable {
	background-color: lightyellow;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

td.calcell {
	vertical-align: middle;
	font: bold 100% 'trebuchet ms',helvetica,sans-serif;
	padding: 0 .45em;
}

td.calcell img {
	height: 16px;
	vertical-align: middle;
}

.caltime {
	font: bold 100% 'trebuchet ms',helvetica,sans-serif;
}

.gobtn {
	color: white;
	background-color: #3F48CC;
	font: bold italic 1em 'trebuchet ms',helvetica,sans-serif;
	border: 1px;
}

td.catbtncell {
	vertical-align: middle;
	font: bold 80% 'trebuchet ms',helvetica,sans-serif;
	padding: 0;
	width: 25px;
	text-align: center;
}

td.catnumcell {
	vertical-align: middle;
	font: bold 80% 'trebuchet ms',helvetica,sans-serif;
	line-height: 200%;
	padding: 0 2px 0 0;
	width: 25px;
	text-align: right;
}

.marginsnug {
	margin-top: -1em;
}

table.gsstudytable, td.gsstudytable{
	text-align: right;
	font-size: 1em;
	margin: 3px;
	border-width: 0;
}

td.gsstudytable {
	height: 28px;
}

td.brdr {
	border-top-width: 1px;
}

td.bluecell {
	width: 120px;
	font-size: .9em;
	text-align: center;
	border-width: 1px;
	color: white;
	background-color: steelblue;
}

td.bluecell a {
	color: white;
	text-decoration: none;
}


/* Formatting for the S link to Scorch music-browsing pages     */
/* Shown as <a> tag with text S as visible link, formatted here */
/*	with border, normally black on orange background,          */
/*	on hover white on red background.                          */
.scorch {
	font-size: 50%;
	color: black;
	background-color: orange;
	border: solid 1px black;
}

a:visited.scorch {
	background-color: orange;
	color: black;
	border-color: black;
}

a:hover.scorch {
	background-color: red;
	color: white;
	border-color: red;
}

.downarrow {
	color: black;
}

a:hover.downarrow {
	color: white;
	background-color: red;
}

.sm2btndisplay {
 background-color:steelblue;
 width:9px;
 height:10px;
 padding: 4px;
 vertical-align:middle;
 border-radius:2px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

UL {
	list-style: circle inside none;
}

LI {
	margin: .8em;
}

.hover_hidden {
	display: none;
}

.hover_shell:hover>div.hover_hidden {
	display: block;
}

.toggle-content {
	display: none;
}

.toggle-content.is-visible {
	display: block;
}