/* TNT Tech Services — late-1990s edition (2026-10-14). Times, navy, gray, beveled. Loads instantly. */
body { background:#ffffff; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px; margin:0; }
a { color:#0000ee; } a:visited { color:#551a8b; }
.wrap { width:800px; max-width:100%; margin:0 auto; }
.banner { background:#000080; color:#ffffff; padding:14px 16px; border-bottom:4px solid #c0c0c0; }
.banner h1 { margin:0; font-size:28px; font-weight:bold; letter-spacing:1px; }
.banner h1 a { color:#fff; text-decoration:none; }
.banner .tag { margin:2px 0 0; font-size:14px; font-style:italic; color:#ffff99; }
.banner .tag a { color:#ffff99; }
.navbar { background:#c0c0c0; border-top:1px solid #fff; border-bottom:1px solid #808080; padding:6px 12px; font-size:14px; line-height:1.9; }
.navbar a.on { font-weight:bold; color:#000080; text-decoration:none; }
table.layout { width:100%; border-collapse:collapse; }
td.side { width:190px; vertical-align:top; background:#e8e8e8; border-right:1px solid #808080; padding:10px; font-size:14px; }
td.main { vertical-align:top; padding:12px 18px; }
h2 { font-size:20px; color:#000080; margin:18px 0 6px; border-bottom:1px solid #808080; }
h3 { font-size:16px; margin:12px 0 4px; }
p { margin:6px 0 10px; line-height:1.4; }
hr { border:0; border-top:1px solid #808080; margin:16px 0; }
ul, ol { margin:4px 0 10px 22px; }
li { margin-bottom:4px; }
.box { border:2px inset #c0c0c0; background:#f4f4f4; padding:8px 10px; margin:10px 0; }
.btn { font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#d4d0c8; border:2px outset #ffffff; padding:3px 12px; cursor:pointer; color:#000; }
.btn:active { border-style:inset; }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; border:2px inset #c0c0c0; background:#fff; padding:3px; max-width:100%; }
.small { font-size:12px; color:#333; }
.foot { background:#000080; color:#fff; font-size:12px; text-align:center; padding:8px; border-top:4px solid #c0c0c0; line-height:1.7; }
.foot a { color:#ffff99; }
blockquote { margin:6px 0 10px 18px; font-style:italic; }
blockquote .small { font-style:normal; }
marquee { font-size:13px; color:#800000; }
.photo { margin:0 0 10px 14px; text-align:center; max-width:46%; }
.photo.right { float:right; }
.photo.left { float:left; margin:0 14px 10px 0; }
.photo img { border:2px outset #c0c0c0; max-width:100%; height:auto; }
.clear { clear:both; }
#carousel { text-align:center; }
#carousel .frame img { border:2px outset #c0c0c0; max-width:100%; height:auto; }
.thumbs { margin:6px 0 14px; line-height:0; }
.thumbs a { display:inline-block; margin:3px; border:2px outset #c0c0c0; }
.thumbs a.cur { border:2px solid #000080; }
.thumbs img { display:block; width:60px; height:auto; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
@media (max-width:640px){ td.side{display:none;} td.main{display:block;padding:10px;} .photo{float:none;max-width:100%;margin:8px 0;} .photo.left{margin:8px 0;} .wrap{width:100%;} }