html{
overflow-y:scroll;
}
body{
background-color:#A9B8C0;
font-size:100%;
line-height:1.3;
font-family:cambria, serif;
padding:0px;
margin:0px;
text-align:center;
min-width:30rem;
margin-bottom:6rem;
}
div{
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
div.title{
background-color:#506097;
color:#FFF;
text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
padding-top:1rem;
padding-bottom:1.1rem;
text-align:center;
width:100%;
cursor:default;
}
div.menu_bg{
display:inline-block;
background-color:#003;
width:100%;
}
div.menu{
text-align:center;
max-width:800px;
padding:1px;
}
div.menu_chunk{
display:inline-block;
margin:auto;
}
div.menuitem{
display:inline-block;
text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
font-size:4.0mm;
font-family:verdana, sans-serif;
position:relative;
width:16.0ex;
height:6.0ex;
line-height:6ex;
border-style:solid;
border-width:2px;
border-color:#003;
border-radius:8px;
margin:1px 0px 1px 0px;
background-color:#504850;
}
div.menuitem.current{
border-color:#505060;
background-color:#645C64;
}
div.menuitem:hover{
border-color:#AAAAAA;
}
div.menuitem a{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
text-decoration:none;
z-index:10;
color:#FAFAFA;
}
div.menuitem a:active{
outline:none;
}
div.menuitem.current a{
font-size:4.5mm;
color:#FFFFFF;
font-weight:bold;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
text-decoration:none;
z-index:10;
}
div.content{
text-align:left;
background-color:#F1F1F1;
color:#000;
max-width:800px;
padding:1rem;
padding-top:2rem;
padding-bottom:2rem;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
word-wrap:break-word;
}
div.content a:link{
text-decoration:none;
}
div.content a:hover{
text-decoration:underline;
}
div.content a:active{
text-decoration:underline;
color:#C72;
}
div.info{
display:inline-block;
text-align:left;
max-width:100%;
}
img.mugshot{
display:inline;
margin-right:12px;
margin-top:0.6rem;
}
h1{
display:inline;
}
h2{
font-family:verdana, sans-serif;
font-size:1.25rem;
margin-top:0.6rem;
padding-top:0.9rem;
}
h3{
font-size:1.1rem;
margin-top:0.0rem;
padding-top:0.8rem;
}

/*Dummy, used for hiding elements with JavaScript*/
.hideable{
}

/* Show by setting display:block */
#toggle_all_button{
display:none;
color:#202020;
background-color:#AFAFAF;
font-size: 1.1rem;
font-family:verdana, sans-serif;
box-sizing:border-box;
text-align:center;
margin-top:0.6rem;
margin-bottom:0.92rem;
width:8.8rem;
height:3.2rem;
border-style:solid;
border-color:rgba(0,0,0,0.2);
border-width:2px;
border-radius:8px;
cursor:pointer;
}
#toggle_all_button:hover{
background-color:#BFBFBF;
border-color:rgba(0,0,0,0.9);
}
/* Initial state assumes JavaScript is off and buttons won't work
Set width non-zero to make this look like a button */
.hide_content_button{
display:block;
background-color:transparent;
box-sizing:border-box;
text-align:left;
padding:0px;
margin:0px;
width:100%;
border-style:none;
border-color:rgba(0,0,0,0);
border-width:0;
border-bottom-style:solid;
border-bottom-color:#DEDEDE;
border-bottom-width:1;
cursor:pointer;
}
.hide_content_button h2{
display:inline-block;
}

/*Set display:inline-block to show this*/
.arrow_icon{
display:none;
position:relative;
top:0.45ex;
width:1.35rem;
height:1.35rem;
box-sizing:border-box;
padding:2px;
object-fit:contain;
}
.go_to_begin {
display:inline-block;
position:relative;
color:#004;
text-align:center;
font-size:1.6rem;
letter-spacing:0.02rem;
margin-top:0.5rem;
margin-bottom:4rem;
margin-left:auto;
margin-right:auto;
text-decoration:none;
text-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.go_to_begin:hover{
text-decoration:underline;
}