body { 
    background-color: #ffffff;
    font-family: helvetica, tahoma;
    font-size: 100%;
}

.header{
    font-size: 90%;
}

.footer{
    width: 90%;
    margin: 0 auto;
    bottom: 0;
    font-variant: small-caps;
    text-align:right;
	vertical-align: text-bottom;
    text-shadow: 1px 1px #cccccc;
    padding: 7px;
}

.devfooter{
    width: 90%;
    margin: 0 auto;
    bottom: 0;
    font-variant: small-caps;
    text-align:right;
    vertical-align: text-bottom;
    text-shadow: 1px 1px #cccccc;
	background: #ffffff;
/*
	font-variant: small-caps;
	text-align:right;
	text-shadow: 1px 1px #cccccc;
	position: fixed;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0px 5px 0px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
    padding: 7px;
*/
}

.nameplate {
    font-size: 110%;
    font-weight: 700;
    font-variant: normal;
    font-family: Courier, 'Courier new', monospace;
    text-decoration: none;
}

.nameplatelinks {
    font-size: 1vw;
    font-weight: 400;
    font-variant: normal;
    font-family: Courier, 'Courier new', monospace;
    text-decoration: none;
}

a:link {
    color: black
}

a:visited {
    color: black 
}


.colhead{
    font-variant: small-caps;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    body { 
    background-color: #ffffff;
    font-family: helvetica, tahoma;
    font-size: 100%;
    }
    
    .footer{
        font-size:70%; 
    }
}

/* Tooltip container */
.tooltip {
  /*position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; */ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
    font-variant: normal;
    font-weight: normal;
    font-size: 65%;
  background-color: #eeeeee;
  /*width: 250px;*/
  color: #000000;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*
Floats & Clear   https://css-tricks.com/all-about-floats/
https://css-tricks.com/viewport-sized-typography/

From the Style Guide
Cirque Colors:
Gold Gradient    F5E6A5
Blue Background  0032A0
Gold Background  8A7358

KA Carpentry Duties Coors
Weeklies     e4dfec
Monthlies    fde9d9
Expendables  eeece1
Cleaning     daeef3

Primary Typeface (for web and print advertising).
Neutrif Studio Regular → Italic
Neutrif Studio Medium → Italic
Neutrif Studio Semi-Bold → Italic

Secondary Typeface
Arial Regular - Italic
Arial Bold - Italic

font stuff:
https://css-tricks.com/snippets/css/using-font-face-in-css/
https://fonts.google.com/

*/