/* rem for font sizes, else em */

:root {
  --menu-text-color:white;
  --menu-background:#080280;
  --menu-hover:#B6DAEE;
  --menu-font-size:1.1rem;
  --content-background:#FCFFFF;
  --outer-background:#FCFCFC;
  --masthead-background:#F0F0F0;
  --action-button-background:whitesmoke; /* #F5F5F5 */
  --action-button-hover:#E7E7E7;
  --link-text:darkblue; /* #00008B */
  --link-text-visited:purple;
  --link-text-hover:blue;
  --link-text-active:firebrick; /* #B22222 */
  --top-text-color:midnightblue; /* #191970 */
  --price-text-color:firebrick;
}

.linktext{color:var(--link-text);}
/* note: order of link states is critical */
.linktext:visited{color:var(--link-text-visited);}
.linktext:hover{color:var(--link-text-hover);}
.linktext:active{color:var(--link-text-active);}
.h1-style{color:var(--top-text-color);font-size:1.6rem;font-weight:bold;text-align:left;}
.h2-style{font-size:1.1rem;font-weight:bold;text-align:left;}
.copyrightstyle{font-size:0.8rem;text-align:center;}
.companyname{color:var(--top-text-color);font-style:italic;font-weight:bold;}
.pricestyle{color:var(--price-text-color);}
.float-container{overflow:hidden;margin-bottom:0.5em;}
.aligncenter{text-align:center;}
.standard-padding{padding-left:1.5em;}
.vertical-spacer{min-height:0.25em;}
.vertical-small-spacer{min-height:0.05em;}
.spaced-list-item{margin-bottom:0.4375em;}
.clear-float{clear:both;}
.hr-style{border-top:0.09em solid black;}
.action-button{width:8em;height:2.2em;margin-bottom:0.1em;background-color:var(--action-button-background);color:black;font-size:1rem;border-radius:1.56em;border-color:black;border-width:0.075em;}
.action-button:hover{cursor:pointer;background-color:var(--action-button-hover);font-weight:bold;}
.floatleft{float:left;margin-top:0.5em;}
.floatright{float:right;}
.mobile-detected{display:none;}
.tiny-font{font-size:0.8rem;}
.column{display:block;width:49%;border-style:solid;border-width:0.05em;border-color:black;background-color:var(--content-background);padding:0 1em 0 1em;}
.left-column{margin-right:1%;}
.right-column{margin-left:1%;}
.pricediv{width:50%;}

.link-row{text-align:center;margin:1em 0 1em 0;}
.link-row-spacer{display:none;}
.link-row-item{font-size:1rem;margin:0 1.5em 0 1.5em;color:var(--link-text);}
/* note: order of link states is critical */
.link-row-item:visited{color:var(--link-text-visited);}
.link-row-item:hover{color:var(--link-text-hover);}
.link-row-item:active{color:var(--link-text-active);}

.top-menu-link-desktop{float:right;font-size:var(--menu-font-size);color:var(--menu-text-color);text-align:center;margin:0.25em 0.8em 0.25em 0.25em;text-decoration:none;}
.top-menu-link-desktop:hover{color:var(--menu-hover);}
.top-menu-link-mobile{float:left;font-size:var(--menu-font-size);color:var(--menu-text-color);text-align:center;margin:0.25em 0 0.25em 1.25em;text-decoration:none;}
.top-menu-link-mobile:hover{color:var(--menu-hover);}
.dropbutton-desktop{font-size:var(--menu-font-size);color:var(--menu-text-color);text-align:center;margin:0.18em 0.6em 0 0;background-color:var(--menu-background);border:none;}
.dropbutton-desktop:hover{color:var(--menu-hover);cursor:pointer;}
.dropbutton-mobile{font-size:var(--menu-font-size);color:var(--menu-text-color);text-align:center;margin:0.2em 0 0.1em 1em;background-color:var(--menu-background);border:none;}
.dropbutton-mobile:hover{color:var(--menu-hover);cursor:pointer;}
.dropdown-list{display:none;position:absolute;background-color:var(--menu-background);min-width:15em;}
.show{display:block;} /* used in javascript - preserve order of these classes */
.dropdown{position:relative;display:inline-block;z-index:1;}
.dropdown-link{font-size:var(--menu-font-size);color:var(--menu-text-color);text-align:left;display:inline-block;margin:0.3em 0 0.3em 0.5em;text-decoration:none;}
.dropdown-link:hover{color:var(--menu-hover);}

#desktop-navigation{clear:both;background-color:var(--menu-background);padding-right:1em;height:1.8em;}
#mobile-navigation{display:none;background-color:var(--menu-background);height:1.8em;}

#bodystyle{margin:0;font-family:Arial,Tahoma,Helvetica;font-size:1rem;background-color:var(--outer-background);}
#top-container{width:100%;background-color:var(--masthead-background);}
#content-div{width:90%;margin:0 5% 0 5%;background-color:var(--outer-background);text-align:left;}
#two-column-container{display:flex;flex-direction:row;}
#single-column-container{width:98%;border-style:solid;border-width:0.05em;border-color:black;background-color:var(--content-background);padding:0 1em 0 1em;}

#masthead-image-div{float:left;padding:0.35em 0.3em 0 0.3em;}
#masthead-title-div{float:left;}
#masthead-title-div p{color:var(--top-text-color);font-size:1.6rem;font-weight:bold;text-align:left;margin:0;padding:1em 0 0.4em 0.5em;}
#masthead-list-div{float:right;margin:1.5em;}
#masthead-list-div li{color:var(--top-text-color);font-size:1rem;font-weight:bold;text-align:left;}

#desktop-footer{width:90%;overflow:auto;clear:both;text-align:center;margin:0 0 0.3125em 3em;font-size:0.8rem;}
#mobile-footer{display:none;width:100%;overflow:auto;clear:both;text-align:center;margin-bottom:0.3125em;font-size:1.2rem;}
#email-footer{font-size:0.8rem;text-align:center;}

@media screen and (max-width: 60em) {
.desktop-download{display:none;}
.mobile-detected{display:block;}
.dropbutton-mobile{margin:0.2em 0 0.1em 0.5em;}
.pricediv{width:70%;}
#desktop-footer{display:none;}
#mobile-footer{display:block;}
#email-footer{display:none;}
#single-column-container{width:94%;}
}

@media screen and (max-width: 50em) {
#desktop-navigation{display:none;}
#mobile-navigation{clear:both;display:block;}
}

@media screen and (max-width: 40em) {
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
.column{width:40%;}
.h1-style{font-size:1.3rem;}
.link-row-item{font-size:1.2rem;margin:0 0 0 0;}
.link-row-spacer{display:block;}
.spaced-list-item{padding:0.5em 0 0.5em 0;}
#masthead-list-div{display:none;}
#single-column-container{width:90%;}
}