html,body { margin: 0; padding: 0; }
body { margin: 0 0 0 20px; font: 14px Arial,Verdana,sans-serif; }
p { margin: 0; }
td { font: 14px Arial,Verdana,sans-serif; }
formtext { font: 14px courier new,courier; width: 600px; }
submit { font: 14px Arial,Verdana,sans-serif; border: 0; }
a { font: 14px Arial,Verdana,sans-serif; text-decoration: none; }
a:link { color: #4181c0; text-decoration: none; font-weight: bold; }
a:visited { color: #4181c0; text-decoration: none; font-weight: bold; } 
a:hover { color: #009f82; text-decoration: none; font-weight: bold; }
a:active { outline: none; }
a:focus { outline: none; }
h1 { font: 24px Arial,Verdana,sans-serif; font-weight:bold; padding:5px 0 5px 0; margin:0; }
h2 { font: 20px Arial,Verdana,sans-serif; color:#004080; font-weight:bold; padding:20px 0 10px 0; margin:0; }
h3 { font: 18px Arial,Verdana,sans-serif; color:#004080; font-weight:bold; padding:10px 0 5px 0; margin:0; }
h4 { font: 14px Arial,Verdana,sans-serif; color:#4181c0; padding:0; margin:0; display:inline; }
h5 { font: 20px Arial,Verdana,sans-serif; color:#4181c0; padding:0; margin:0; display:inline; }
h6 { font: 14px Arial,Verdana,sans-serif; color:#000000; font-weight:bold; padding:2px 0 2px 0; margin:0; }
ul, li
 {
 font: 14px Arial,Verdana,sans-serif;
 padding: 0 0 0 1em;
 }
li a, li a:link, li a:active, li a:visited
 {
 text-decoration: none;
 color: #4181c0;
 }
li a:hover
 {
 text-decoration: none;
 color: #009f82;
 }
.mfp_premium_0_left
 {
 border-top: 2px solid #004080;
 border-left: 2px solid #004080;
 border-bottom: 2px solid #004080;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 padding: 5px;
 } 
.mfp_premium_0_right
 {
 border-top: 2px solid #004080;
 border-right: 2px solid #004080;
 border-bottom: 2px solid #004080;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 padding: 5px;
 } 
.mfp_premium_1_left
 {
 border-top: 2px solid #004080;
 border-left: 2px solid #004080;
 border-bottom: 1px solid #82c0ff;
 border-top-left-radius: 5px;
 padding: 5px;
 } 
.mfp_premium_1_right
 {
 border-top: 2px solid #004080;
 border-right: 2px solid #004080;
 border-bottom: 1px solid #82c0ff;
 border-top-right-radius: 5px;
 padding: 5px;
 } 
.mfp_premium_2_left
 {
 border-left: 2px solid #004080;
 border-bottom: 2px solid #004080;
 border-bottom-left-radius: 5px;
 padding: 5px;
 } 
.mfp_premium_2_right
 {
 border-right: 2px solid #004080;
 border-bottom: 2px solid #004080;
 border-bottom-right-radius: 5px;
 padding: 5px;
 } 
.mfp_basis_logo { height: 20px; }
.mfp_basis_logo { width: 100px; }
.mfp_basis_text { height: 20px; }
.mfp_basis_text a { font-size: 12px; line-height: 18px; color: #2f2f2f; }
.sl
 {
 height: 16px;
 padding: 2px 0 2px 0;
 }
.sl_n
 {
 float: left;
 height: 16px;
 padding: 5px 15px 5px 0;
 }
.sl_u
 {
 height: 16px;
 padding: 5px 0 5px 0;
 }
.sloppy-left, .sloppy-distance, .sloppy-streak, .sloppy-right
 {
 float: left;
 box-sizing: border-box;
 position: relative;
 display: block;
 height: 110px;
 margin-left: 5px;
 background-color: #004080;
 -webkit-transform: skew(160deg);
 -moz-transform: skew(160deg);
 -ms-transform: skew(160deg);
 -o-transform: skew(160deg);
 transform: skew(160deg);
 }
.sloppy-left
 {
 width: 30px;
 }
.sloppy-distance
 {
 width: 7px;
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 }
.sloppy-streak
 {
 width: 30px;
 margin: 0;
 padding: 0;
 }
.sloppy-right
 {
 width: 800px;
 margin: 0;
 padding: 0;
 }
#header
 {
 height: 110px;
 }
.header-text
 {
 float: left;
 padding: 5px 0 0 40px;
 color: #ffffff;
 font-family: Arial Black, sans-serif;
 -webkit-transform: skew(-160deg);
 -moz-transform: skew(-160deg);
 -ms-transform: skew(-160deg);
 -o-transform: skew(-160deg);
 transform: skew(-160deg);
 }
.header-short-name
 {
 font-size: 24px;
 line-height: 24px;
 text-transform: uppercase;
 opacity: 1.0;
 }
.header-long-name
 {
 opacity: 0.6;
 font-size: 12px;
 line-height: 12px;
 }
.header-by
 {
 opacity: 1.0;
 font-size: 12px;
 line-height: 12px;
 }
.header-nav
 {
 font-size: 16px;
 line-height: 16px;
 opacity: 1.0;
 }
.header-nav-element
 {
 float: left;
 color: #004080;
 background-color: #ffffff;
 padding: 3px;
 margin: 10px 20px 0 0;
 }
.header-nav a
 {
 text-decoration: none;
 color: #004080;
 }
.header-nav a:hover
 {
 color: #82c0ff;
 }
 
.suggestbox
 {
 float: left;
 width: 400px;
 
 border-radius: 3px;
 font-size: 18px;
 font-family: Arial,Verdana,sans-serif;
 padding: 5px 10px 5px 5px;
 text-decoration: none;
 display: inline-block;
 background-image: -webkit-gradient(linear, right top, right bottom, from(#004080), to(#82c0ff));
 background-image: linear-gradient(to bottom right, #004080, #82c0ff);
 margin: 0 0 20px 0;
 }
.suggestbox input[type=text]
 {
 width: 400px;
 height: 20px;
 font-size: 18px;
 color: #004080;
 }
#suggestarea
 {
 padding-left: 0;
 }
 
 
.ui-auto
 {
 max-height: 250px;
 overflow-y: auto;
 
 overflow-x: hidden;
 
 padding-right: 5px;
 }
 
.ui-auto li { font-size:10px; }
 
* html .ui-auto
 {
 height: 250px;
 }
#pagewrap
 {
 
 width: 1001px;
 padding: 0;
 margin: auto;
 }
 
@media screen and (min-width: 1001px)
 {
 #pagewrap { width: 1001px }
 #main { float: left; }
 }
 
@media screen and (max-width: calc(1001px-1px))
 {
 #pagewrap { width: 94%; }
 #main { float: left; }
 .sloppy-right { width: 650px; }
 .header-long-name { display: none; }
 .header-by { font-size: 12px; line-height: 14px;}
 }
 
@media screen and (max-width: 800px)
 {
 #pagewrap { width: 94%; }
 #main { width: auto; float: none; margin:0; }
 .sloppy-right { width: 600px; }
 .header-long-name { display: none; }
 .header-by { font-size: 12px; line-height: 14px;}
 .suggestbox { font-size: 24px; }
 .suggestbox input[type=text] { font-size: 24px; }
 }
 
@media screen and (max-width: 600px)
 {
 #pagewrap { width: 94%; }
 #main { width: auto; float: none; margin:0; }
 .sloppy-left { display: none; }
 .sloppy-distance { display: none; }
 .sloppy-streak { display: none; }
 .header-long-name { display: none; }
 .sloppy-right { width: 350px; }
 .header-by { font-size: 12px; line-height: 14px;}
 .mfp_premium a { font-size: 16px; }
 .mfp_basis a { font-size: 16px; line-height: 20px; }
 h4 { line-height:40px; padding:0 20px 0 20px; }
 h5 { line-height:40px; padding:0 20px 0 20px; }
 input[type=search] { width:250px; }
 .suggestbox { font-size: 24px; }
 .suggestbox input[type=text] { font-size: 24px; }
 }