﻿html { overflow-y: scroll; }
body { font-size: 15px; font-family: Verdana, Geneva, sans-serif; background-color: #ffffff; color: #000000; margin-top: 3px; line-height: 1.3; }

#nav { float: left; width: 165px; text-align: center; margin-bottom: 1px; font-size: 9px; }
#hdr { margin-bottom: 1px; text-align: center; margin-left: 0; margin-right: 0; }
#ads { float: right; width: 165px; position: relative; top: 0; text-align: center; }
#txt { margin-left: 170px; margin-right: 169px; padding-bottom: 10px; }
#pad { padding-left: 30px; padding-right: 30px; border: solid 1px #000066; background: #ffffcc; padding-top: 5px; padding-bottom: 5px; }
#ftr { text-align: center; font-size: 12px; margin-top:3px; margin-bottom:0; } /* clear: both; */

a:link {color: #0000FF; font-weight: bold;}
a:visited {color: #0000FF;}
a:hover {color: #FF0000;}
a:active {color: #0000FF;}

.menu, .submenu, .earmenu { margin: 0px; padding: 0px; list-style: none; }
.menu li, .submenu li { margin-bottom: 4px; } /* this puts some space in between the buttons */
.earmenu li { display:inline-block; margin-top: 4px;  margin-bottom: 2px; } /* this puts some space in between the buttons */
.menu a { display: block; width: 158px; }
.submenu a { display: block; width: 75px; }
.earmenu a { display: block; width: 100px; }
.compact { line-height: 1.2; }
.taller { line-height: 2.2; }

.menu a, .earmenu a {
    color: #000000; /* this defines the color of the link text */
    border: solid 1px #000000; /* this defines the color and width of the border */
    text-align: center; /* this defines the text alignment */
    text-decoration: none; /* this removes the underline */
	font-weight: normal;
	font-size: 12px;
	background: #ffffcc; 
}
.menu a {
    padding: 3px 2px 3px 2px; /* this puts some space between the text and border */
}
.earmenu a {
    padding: 4px 2px 4px 2px; /* this puts some space between the text and border */
}

.submenu a {
    color: #000000; /* this defines the color of the link text */
    text-align: center; /* this defines the text alignment */
    padding: 5px 2px 5px 2px; /* this puts some space between the text and border */
    text-decoration: none; /* this removes the underline */
	font-size: 12px;
	font-weight: normal;
	border: solid 1px #000000;
	background: #ffffff; 
}

.submenu li a.subactive { font-weight:bold; }

.earbox { display: inline-block; vertical-align: bottom; margin-bottom: 2px; }

.submenu li, .inlineb { display:inline-block; }

.menu a:link, .submenu a:link, .earmenu a:link { color: #000000; font-weight: normal; }
.menu a:visited, submenu a:visited, earmenu a:visited { color: #000000; font-weight: normal; }
.menu a:hover, .submenu a:hover, .earmenu a:hover { color: #FF0000; font-weight: bold; }

.submenu { margin-top: 9px; text-align:center; }

.boldred { color: #ff0000; font-weight: bold; }

body#a0 a#nav0,
body#a1 a#nav1,
body#a2 a#nav2,
body#a4 a#nav4,
body#a7 a#nav7,
body#a9 a#nav9,
body#a11 a#nav11,
body#a14 a#nav14,
body#a16 a#nav16,
body#a17 a#nav17,
body#a20 a#nav20 { background: #ffff00; }

img {display:block; margin: 6px auto 1px auto; border: 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
h1, h2, h3, h4, .linkhd, .linkhd2 { font-weight: bold; text-align: center; }
h1 { font-size: 22px; background:#000066; border: solid 1px #000066; padding: 2px 6px 3px 6px; color: #ffffff; margin: 0; }
h2 { font-size: 20px; }
div :not(.toph2) > h2 { background:#000066; color:#ffffff; padding: 5px; font-size: 18px; }
h3 { font-size: 16px; color: #FF0000; }
h4 { font-size: 14px; margin-top:3px; margin-bottom:0; line-height: 1.2; }
.email { text-align: center; font-size: 13px; margin-bottom: 8px; }
.emailtop { text-align: center; font-size: 18px; margin-bottom: 5px; }
/*.email a:link, .email a:visited, .email a:hover { color: #000000; font-weight: bold; }*/
.hdrtxt {font-size: 12px; text-align: center; margin-top:3px; margin-bottom:0; padding-left: 6px; padding-right: 6px; }
.linkhd2 { font-size: 18px; }
.textbox { display:table; background :#ffffff; border: solid 1px #000000; padding: 1px 6px 2px 6px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 9px; }
.textbox a { font-size: 18px; text-decoration: none; }
.linkbox { border: solid 1px #000000; padding: 0px 0px 5px 0px; width: 162px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
/*#ads img {  margin: 2px auto 1px auto; }*/
.linkbox p { text-align: left; font-size: 10px; margin-top:2px; margin-bottom:0; padding-left:4px;}
.linkbox a { font-size: 11px; }
.lrindent {margin-left: 50px; margin-right: 50px;}
#topbox { display:table; margin-bottom: 5px; }
.leftbox { display: table-cell; vertical-align: top; width : 33%; border: solid 1px #000000; padding: 0; height: 103px; }
.leftbox { font-size: 16px; }
.leftbox { background: #ffcc66; }
.leftbox p { padding: 5px 15px 5px 15px; margin: 0; }
.boxhead { font-weight: bold; font-size: 20px; text-align: center; background:#000000; padding: 2px 6px 3px 6px; color: #ffffff; margin: 0; }
.thumbnail {display:inline-block; padding: 0px 3px 0px 3px; }
.paycell {display:inline-block; margin: 0; vertical-align: top; width: 250px; }
.center {display:table; margin-left: auto; margin-right: auto; }
.toph2 {display:table; margin-left: auto; margin-right: auto; margin-top:10px; height:20px; }
.toph2 h2, .toph2 div { display:inline; }
.center3 {display:table; margin-left: auto; margin-right: auto; height:75px; }
.container { background:#fff; border: solid 3px #0000ff; margin-bottom:15px; margin-top:10px; } 
.left { float: left; padding: 12px; }
.spaced  li { margin-bottom: 10px; margin-right: 40px; }
.banner { text-align: center; }
iframe { border:none; background-color: #ffffff; }
.twocol li { width:45%; float:left; list-style:none; margin-right:5%; }
.boxlist li { width:42%; float:left; margin-right:8%; }
.clearleft { clear:left; }

.marquee { width: 100%; margin: 0 auto; white-space: nowrap; overflow: hidden; font-size: 18px; line-height: 1.2; }
.marquee span { display: inline-block; padding-left: 100%; padding-bottom: 5px; text-indent: 0; animation: marquee 5s linear infinite alternate; }
.marquee span:hover { animation-play-state: paused; }
@keyframes marquee { 0%   { transform: translate(-45%, 0); } 100% { transform: translate(-55%, 0); } }

@media screen and (min-width: 1265px) {
body{width: 1245px; margin-left: auto; margin-right: auto;}
#pad {padding-left: 50px; padding-right: 50px;}
}
@media screen and (max-width: 705px) {
#ads {float: left; clear: both; margin-top: 4px; }
#txt {margin-left: 170px; margin-right: 0; }
#pad {padding-left: 15px; padding-right: 15px;}
.emailtop, .marquee { font-size: 15px; }
body { font-size: 14px; }
h1 { font-size: 18px; max-width : 705px; }
h2 { font-size: 17px; }
h3 { font-size: 15px; }
ul {margin-left: -25px;}
ol {margin-left: -20px;}
.spaced  li { margin-bottom: 5px; margin-right: 0px; }
.container, .left { float:none; }
.imgpos { display:table; margin-left: auto; margin-right: auto; }
.boxlist li { width:100%; float:none; margin-right:0%; }
.leftbox { display: block; width: 99%; font-size: 14px; height: auto; }
.twocol li { width:100%; float:none; margin-right:0; }
.wide { display: none; }
.menu a {padding: 4px 2px 4px 2px; }
.thumbnail {padding: 3px 3px 0px 3px; }
header iframe { height: 50px; }
}
@media screen and (max-width: 350px) {
body { line-height: 1.7; }
h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
#txt { font-size: 12px; }
#pad { padding-left: 2px; padding-right: 2px; }
.emailtop { font-size: 13px; }
.leftbox { font-size: 12px; }
.left { float: left; padding: 2px; }
.leftbox p { padding: 5px 10px 5px 10px; margin: 0; }
}
@media print {
#nav, #ads, #ftr, #topbox, .submenu, .earbox, .noprint {display: none; }
#txt { margin: 0; border: 0; padding: 0; width: 100%; float: none; }
#pad { border:none; padding-left: 30px; padding-right: 30px; }
div :not(.toph2) > h2 { border-top:1px solid gray; padding-top:10px; background:#ffffff; color:#000000; }
body {font-size: 10pt; }
h1 { background:#ffffff; color:#000000; border:none; }
}