/* https://chemandy.com/themes/calculatora.css */
/* Use the reference number series 30 to 39 */

em { font: 400 100% Georgia, Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif; text-decoration: underline
}
.f31 {font: italic 400 100% Georgia, Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif
}
.f32 {font-size:120%; font-weight: 500; text-align:center
}
.f33 {font-size:120%; font-weight: 500
}
h1 { border: #000 1pt solid; background: #c9ebb2; color: #000; font: 600 110% "Times New Roman", Cambria, Palatino, Serif; margin: 7% 30% 2%; padding: .5%; text-decoration: none; vertical-align: bottom
}
.hide-on-fallback {display: block; position: absolute; left: -100%; height: 0; width: 0; overflow: hidden
}
hr {background: #000 0 50%; height: 1px
}
input, select {text-align: center; font-size: 100%; font-weight: 400
}
#nav > a {display: none
}
#nav li {position: relative
}
#nav li a {margin-top: 3%; padding: 5% 0; background: #66d819; display: block; text-decoration: none; text-align: center; font-weight: 600; white-space: nowrap
}
#nav li a:active { background: #88e04c
}			
#nav span:after {width: 0; height: 0; border: .5em solid transparent; border-bottom: none; border-top-color: #FFF; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em
}
/* first level */
#nav > ul {margin: -9% 2% -3%; height: 2.5em; background: #66d819; list-style: none
}
#nav > ul > li {width: 17%; height: 75%; float: left
}
#nav > ul > a {font-size: 1.2em; line-height: 2.9em; padding: 0	
}
#nav > ul > li:not( :last-child ) > a {border-right: 2px solid #333
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {background: #88e04c
}
/* second level */
#nav li ul {margin: 10% 2% 3% -10.2%; background: #4cbe00; width: 111%; display: none; position: absolute; top: 100%; list-style: none; padding: 0 5% 5%
}
#nav li:hover ul {display: block
}
#nav li ul a {border-top: 2px solid #333; padding: .75em; margin: -1% 5% 2%
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background: #88e04c
}
.sidebyside80 {height: auto; margin: 5% 0 0 10%; width: 80%
}
.sidebyside90 {height: auto; margin-left: 5%; width: 90%
}
.spar {text-align: right; padding: .5% 0
}
@media screen and (-webkit-min-device-pixel-ratio:0){
a:visited {fill:inherit; stroke:inherit
}
}
td {white-space: nowrap
}
.wrap {white-space: pre-wrap
}

/* large screens/TV */
@media only screen and (max-width: 2001px) {
body { font-size: 120%; font-weight: 500
}
h1 {margin: 9% 30% 4%
}
}
/* large laptops */
@media only screen and (max-width: 1601px) {
body { font-size: 100%
}
}
/* laptops */
@media only screen and (max-width: 1299px) {
body {font-size: 80%
}
hr {background: #000 0 25%; height: .5px
}
#nav {width: 100%; position: static; margin: 0
}
/* second level */
#nav li ul {margin: 9% 2% 3% -12%
}
#nav li ul li {line-height: .9em
}
}
/* small laptops */
@media only screen and (max-width: 1001px) {
body {font-size: 90%
}
#nav > ul > li {width: 20%
}
#nav > ul {margin: -10% 2% -2% 3%
}
/* second level */
#nav li ul {margin: 9% -10% 0 -25%
}
.sidebyside80 {margin: 0; width: 100%
}
}
/* large tablets */
@media only screen and (max-width: 801px) {
body {font-size: 75%
}
.imgleft3 {width: 15%
}
input, button {font-size: 90%
}
}
/*small tablets */
@media only screen and (max-width: 655px) {
body {font-size: 66.7%
}
.footer {font-size: 90%
}
.imgleft3 {margin: 0 2% 0 8%
}
h1 {margin: 5% 20%; font-size: 100%
}
#nav {position: relative; top: auto; left: auto
}
#nav > a {width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background: #00F; position: relative
}
#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''
}
#nav > a:after {top: 60%
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type	{display: block
}
/* first level */
#nav > ul {width: 25%; height: auto; margin: -5% 0 0 65%; background: #4cbe00; display: none;	position: absolute;	left: 0; right: 0
}
#nav:target > ul {display: block; line-height: 4em
}
#nav > ul > li {width: 80%; margin: -2% 0 0 -10%; float: none
}
#nav > ul > li > a {padding: 0 .833em; font-size: 100%
}
#nav > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #333
}
/* second level */
#nav li ul { margin: 0 0 0 -20%; position: static; padding: 1.25em; padding-top: 0; width: 130%
}
#nav li ul li {font-size: 100%; margin: 0 0 -4% 6%; width: 105%
}
#nav li ul a {border-top: 1px solid #333
}
} 
/* mobile phones */
@media only screen and (max-width: 505px) {
h1 {margin: 6% 10% 2%
}
/* first level */
#nav > ul {width: 37%; margin: -7% 0 0 45%
}
#nav > ul > li {margin: -2% 0 0 -15%
}
/* second level */
#nav li ul {font-size: 100%; margin: 1% 0 2%; width: 100%
}
#nav li ul li {width: 155%; margin: 0 0 2% -20%
}
}
/* small mobile phones */
@media only screen and (max-width: 350px) {
h1 {font-size: 107%
}
#nav > ul {margin: -10% 0 0 45%
}
/* second level */
#nav li ul li {margin: 0 0 2% -44%; width: 175%
}
select {font-size: 90%
}
}
/* smallest mobile phones */
@media only screen and (max-width: 300px) {
body {font-size: 50%
}
h1 {font-size: 100%
}
#nav > ul {font-size: 110%; margin: -10% 0 0 45%; width: 40%
}
/* second level */
#nav li ul li {width: 140%; margin: 0 0 2% -30%
}
}