@charset "iso-8859-1";
/* Creation date: 12/04/2002 */
body {
  /*background-color: #f7f9fb;*/
  background-color: #f3f5fa;
  font-size: 1em;
  font-family: arial, helvetica;
  color: #4a4e69;
  margin: 0px;
}
div.branding {
  display: flex;
  flex-flow: row wrap;
 
  /*background-color: #687864;*/
  
  width: 100%;
}

div.logo {
  background-color: #31708e;
  flex: 0 0 250px;
}
div.strap-line {
  flex: 1 0;
  background-color: #ffffff;
  min-height: 65px;
}

@media all and (max-width: 800px) {
  div.branding {
    display: block;
  }
  
  div.logo {
    flex: none;
    display: block;
  }
  
  div.strap-line {
    flex: none; 
    display: block;
  }
  

}




h1 {
  margin: 0;
  padding: 20px 50px;
  font-size: 1.25em;
}

.strap-line h1 {
  margin: 0;
  padding: 20px 50px;
  font-size: 1.25em;
}


table, tbody, tr, th, td {
  border: none;
  margin: 0;
  padding: 0;
}

table.pagetable {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}
td.main {
  text-align: left; 
  vertical-align: top; 
  font-family: Arial, Helvetica, sans-serif;
  padding: 40px; 
  border: none;
}

td.main.no-gutter {
  padding: 0;
}

div.main-content {
  background-color: #ffffff;
  padding: 40px;
}

td.main.no-gutter div.main-content {
  margin: 40px;
}

div.main-content h2 {
  margin: 0 0 40px 0;
  font-size: 1.15em;
}
div.main-content p {
  text-align: left;
}
td.button {
	background: url(images/button.gif);
}
td.button1 {
	background: url(images/button1.gif); 
	padding-left: 120px;
}
td.left {
  width: 250px;
  background-color: #5085a5; 
  vertical-align: top;
  height: 100%;
  padding-right: 0;
}
td.left table tr td{
	font-family: Arial, Helvetica, sans-serif;
	height: 26px;
	font-size: 8pt;
	color: #006699;
	font-weight: bold;
	
}

td.left-show {
  display: none;
  vertical-align: top;
  text-align: center;
  width: 40px;
  background-color: #5085a5;
  padding: 25px 0;
}

td.left-show a:link {
  color: #f7f9fb;
}

@media all and (max-width: 700px) {
  td.left {
    display: none;
  }
  
  td.left-show {
    display: table-cell;
  }
  
  body.show-menu td.left {
    display: table-cell;
  }

  
}

div.menu ul {
  padding-left: 40px;
}

div.menu a:link,
div.menu a:active,
div.menu a:visited {
	font-size: 1em;
	color: #f7f9fb;
	font-weight: bold;
	text-decoration: none;
}
div.menu a:hover {
  color: #687864;
}

div.leftnavhead {
  width: 100%;
  line-height: 40px;
  height: 40px;
  font-size: 1em;
  background-color: #8fc1e3;
}
div.leftnavhead span {
  display: inline-block;
  padding: 0 10px;
  color: #f7f9fb;
  font-weight: bold;
}

div.smallest {
	text-align: left;
	color: black;
	font-size: 0.75em;
}
h4.small {
	font-size: 13px;
	margin: 0px;
	color: #FF0000;
}
td.calculator {
  background-color: #8fc1e3;
}

form.calculator {
  width: 170px;
  margin: 10px auto;
}

form.calculator .calc-input {
  height: 30px;
  width: 170px;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5em;
}

form.calculator .btn {
  width: 40px;
  height:30px;
  padding: 6px;
  line-height: 18px;
  color: #000000;
}

form.calculator .big-btn {
  width: 60px;
  height:30px;
  padding: 6px;
  line-height: 18px;
  color: #000000;
}

div.menu ul {
  list-style: none;
  list-style-type: none;
}

div.menu ul li{
  line-height: 40px;
  height: 40px;
  
}


div.footer {
  width: 100%;
  background-color: #ffffff;
}
div.footer-contents {
  /*margin: 10px;*/
  padding: 40px;
}

p.copyright {
  text-align: center;
}

div.categories {
  display: flex;
  flex-flow: row wrap;
  max-width: 920px;
  margin: auto;
  
}

div.categories div.category {
  flex: 0 0 100px;
  padding: 40px;
  margin: 0 20px 20px 0;
  background-color: #8fc1e3;
}

div.categories div.category img{
  width: 100%;
}

div.categories div.category a:link,
div.categories div.category a:active,
div.categories div.category a:visited{
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

div.categories div.category a:hover {
  color: #687864;
}

div.more-calculators h4 {
  line-height: 2em;
}

table.calc-layout {
  background-color: #31708e;
}
table.calc-layout td{
  background-color: #8fc1e3;
  padding: 5px;
}
table.calc-layout.cols-3 td {
  width: 33%;
}
div.notice{
  background-color: #f7f9fb;
  padding: 40px;
}
div.notice p{
  margin: 0;
  font-size: 0.75em;
}

div.leaderboard {
  width: 970px;
  height: 90px;
  margin: 0 auto;
  display: block;
}

.hide {
  display: none;
}