/* FunFax — house style, c. 1997. Websafe palette, system fonts, 3D bevels. */
:root{
--silver:#c0c0c0;
--silver-light:#dfdfdf;
--silver-dark:#808080;
--navy:#000080;
--maroon:#800000;
--fax-red:#cc0000;
--teal:#008080;
--olive:#808000;
--paper:#fffff0;
--paper-alt:#ffffcc;
--white:#ffffff;
--black:#000000;
--link:#0000cc;
--link-visited:#660099;
--font-ui:"Arial","Helvetica",sans-serif;
--font-body:"Times New Roman","Times",serif;
--font-fax:"Courier New","Courier",monospace;
}
html,body{margin:0;padding:0}
body{background:var(--silver);color:var(--black);font-family:var(--font-ui);font-size:12px}
a{color:var(--link)}
a:visited{color:var(--link-visited)}
a:hover{color:var(--fax-red)}
img{border:0}
h1,h2,h3{margin:0}
p{margin:0 0 10px}
.page{width:760px;margin:0 auto;background:var(--white);border-left:1px solid var(--silver-dark);border-right:1px solid var(--silver-dark)}
.masthead{background:var(--navy)}
.masthead .logo{display:block;width:186px;height:auto}
.masthead .logobox{display:inline-block;vertical-align:middle;background:var(--white);border:2px solid var(--black);padding:6px 10px}
.tagline{color:var(--paper-alt);font-size:11px;font-weight:bold;line-height:1.5}
.tagline b{color:var(--white);font-size:13px}
.navstrip{background:var(--silver);border-top:1px solid var(--white);border-bottom:1px solid var(--silver-dark);padding:4px 8px;font-size:11px;font-weight:bold}
.navstrip a{text-decoration:none;color:var(--navy)}
.navstrip a:hover{color:var(--fax-red);text-decoration:underline}
.navstrip .sep{color:var(--silver-dark)}
.navstrip .here{color:var(--maroon)}
.tickerbar{background:var(--paper-alt);border-bottom:2px solid var(--silver-dark);padding:3px 0;font-size:11px;font-weight:bold;color:var(--maroon)}
.sidebar{background:var(--silver);border-right:2px solid var(--silver-dark);width:152px;vertical-align:top}
.navbtn{display:block;background:var(--silver);border:2px outset var(--silver-light);padding:4px 6px;margin:0 0 5px;font-size:11px;font-weight:bold;color:var(--navy);text-decoration:none}
.navbtn:visited{color:var(--navy)}
.navbtn:hover{color:var(--fax-red)}
.navbtn:active{border-style:inset}
.navbtn.on{background:var(--navy);border-color:var(--navy);color:var(--white)}
.navbtn.on:visited,.navbtn.on:hover{color:var(--white)}
.sidepanel{background:var(--paper-alt);border:2px inset var(--silver-light);padding:6px;margin:0 0 10px;font-size:10px;color:var(--black);line-height:1.5}
.sidehead{background:var(--navy);color:var(--white);font-size:10px;font-weight:bold;padding:2px 4px;margin:0 0 5px}
.content{vertical-align:top;padding:14px 16px 18px}
.bar{background:var(--navy);color:var(--white);font-size:12px;font-weight:bold;padding:3px 7px}
.bar .right{color:var(--paper-alt);font-weight:normal;font-size:10px}
.bevel{background:var(--silver);border:2px outset var(--silver-light);padding:7px}
.fax{background:var(--paper);border:1px solid var(--silver-dark);border-top:1px solid var(--silver-dark);padding:11px 13px;font-family:var(--font-fax);font-size:13px;line-height:1.45;color:var(--black)}
.faxhead{font-size:10px;font-weight:bold;color:var(--maroon);border-bottom:1px dotted var(--silver-dark);padding:0 0 4px;margin:0 0 8px}
.btn3d{display:inline-block;background:var(--silver);border:2px outset var(--silver-light);padding:3px 11px;font-family:var(--font-ui);font-size:11px;font-weight:bold;color:var(--navy);text-decoration:none;cursor:pointer}
.btn3d:visited{color:var(--navy)}
.btn3d:hover{color:var(--fax-red)}
.btn3d:active{border-style:inset}
.btn-red{background:var(--fax-red);border:2px outset #ff8080;color:var(--white);font-size:13px;padding:5px 14px}
.btn-red:visited,.btn-red:hover{color:var(--white)}
.data{border-collapse:separate;font-size:11px;width:100%}
.data th{background:var(--navy);color:var(--white);font-size:10px;text-align:left;padding:4px 6px}
.data td{padding:4px 6px;vertical-align:top}
.data .odd td{background:var(--paper-alt)}
.new{color:var(--paper-alt);font-weight:bold;animation:ff-blink 1.2s steps(1,end) infinite}
@keyframes ff-blink{50%{opacity:0}}
.counter{display:inline-block;background:var(--black);border:2px inset var(--silver-dark);padding:2px 3px}
.counter b{display:inline-block;color:#00ff00;background:#003300;font-family:var(--font-fax);font-size:13px;font-weight:bold;padding:0 2px;margin-right:1px}
.foot{background:var(--silver);border-top:2px groove var(--white);padding:12px 10px;text-align:center;font-size:10px;color:var(--black);line-height:1.7}
.foot a{color:var(--navy)}
.badge{display:inline-block;background:var(--black);color:var(--white);border:2px outset var(--silver-dark);padding:3px 6px;font-size:9px;font-weight:bold;line-height:1.3}
.badge i{color:#00ff00;font-style:normal}
.memo{background:var(--paper-alt);border:2px ridge var(--silver-light);padding:12px 14px;font-family:var(--font-body);font-size:14px;line-height:1.5}
.memo h3{font-family:var(--font-ui);font-size:12px;color:var(--maroon);border-bottom:1px solid var(--silver-dark);padding:0 0 4px;margin:0 0 8px}
.stamp{display:inline-block;border:2px solid var(--fax-red);color:var(--fax-red);font-family:var(--font-ui);font-size:10px;font-weight:bold;padding:3px 7px}
.hr{height:2px;background:var(--silver);border-top:1px solid var(--silver-dark);border-bottom:1px solid var(--white);margin:14px 0;font-size:0}
.small{font-size:10px;color:#333333}
.led{display:inline-block;width:8px;height:8px;background:#00ff00;border:1px solid #006600}
.led.red{background:var(--fax-red);border-color:var(--maroon)}