*	{ box-sizing:border-box; }
html	{ margin:0px; -webkit-text-size-adjust:100%; }
body	{ font-family:arial,helvetica,sans-serif; font-size:calc(10px + .5vw); color:black; margin:0; background-Color:#EEE; overflow-y:scroll; }

#white	{ background:white; }
#top	{ width:100%; background:black; }
#tbl1	{ width:100%; max-width:920px; height:60px; }
#title	{ font-family:arial,helvetica; font-size:calc(11px + .5vw); font-weight:bold; color:#FFFFFF; }
#stats	{ width:100%; max-width:150px; min-width:100px; height:auto; }
#logo	{ width:100%; max-width:71px; min-width:60px; height:auto; }

#nav 	{ width:100%; max-width:900px; border:1px solid white; }
#nav td	{ border:1px solid white; white-space:nowrap; }
.navof	{ background:black;	cursor:pointer; padding:5px 5px 7px 5px; }
.navon	{ background:#FFCC00;	cursor:pointer; padding:5px 5px 7px 5px;  blue:#3264FA; }
.navof a{ font-size:calc(8px + .25vw); font-weight:bold; color:white; text-decoration:none; }
.navon a{ font-size:calc(8px + .25vw); font-weight:bold; color:black; text-decoration:none; }

#main	{ width:90%; max-width:900px; background:white; text-align:center; margin:auto auto; padding:10px 0 20px 0; }
h3	{ font-size:16px; font-weight:bold; font-style:italic; margin:0 0 5px 0; }
sup	{ font-size:8px; }

#copy	{ font-size:calc(7px + .25vw); color:#999; clear:both; padding:10px; text-align:center; border-top:1px solid #CCC; }
.acopy	{ font-size:calc(7px + .25vw); color:#999; text-decoration:none; }

i	{ display:block; font-size:calc(8px + .25vw); font-style:italic; padding:5px; color:#999; }

#container { position:relative; height:auto; margin:0px 0px 0 00px; max-width:1200px; }

#hdr		{ padding:5px 5px 4px 5px; font-size:11px; font-weight:bold; background:#FFCC00; border:1px solid #999; border-bottom:0; height:24px; }
#grid .c1	{ float: left; width:11%; height:20.5px; text-align:right; border:1px solid #999; border-top:0; border-right:0;	padding:4px 5px 4px 5px; font-size:10px; }
#grid .c2	{ float: left; width:11%; height:20.5px; text-align:right; border:1px solid #999; border-top:0; border-right:0;	padding:4px 5px 4px 5px; font-size:10px; }
#grid .c3	{ float: left; width:78%; height:20.5px; text-align:left;	 border:1px solid #999; border-top:0;			padding:4px 5px 4px 5px; font-size:10px; overflow:hidden; white-space:nowrap; }
#grid .row:after{ content: ""; display:table; clear: both; }
#grid .row:nth-child(even) { background:rgb(245,245,245); }
#grid .sub	{ background:#CCC; }
#grid .top	{ border-top:   1px solid #999; }
#grid .right	{ border-right: 1px solid #999; }
#grid .left	{ border-left:  1px solid #999; }
#grid .bot	{ border-bottom:1px solid #999; }



#tbl		{ width:100%; height:50px; border:0px; background:#999; padding:0; }
#tbl th		{ font-size:11px; font-weight:bold; background:#FFCC00; }
#tbl td		{ font-size:12px; font-weight:normal; padding:3px; }
#tbl .top	{ border-top:   1px solid #999; }
#tbl .right	{ border-right: 1px solid #999; }
#tbl .left	{ border-left:  1px solid #999; }
#tbl .bot	{ border-bottom:1px solid #999; }
#tbl .back	{ padding:0; background:url('./pics/bar_back.gif'); background-size:auto 100%; }
#tbl .cell3	{ width:35px; }
#tbl .fill	{ width:15px; height:100%; background:rgb(245,245,245); }

#tbl .hdr	{ padding:5px 5px 5px 5px; font-size:11px; font-weight:bold; height:21px; background:#FFCC00; }
#tbl .sub	{ padding:4px 4px 4px 4px; font-size:10px; background:#CCC; height:21px; }

#tbl .cell1	{ width:120px; }
#tbl tr:nth-child(odd) { background:rgb(255,255,255); }
#tbl tr:nth-child(even) { background:rgb(245,245,245); }

#tbl .cell2	{ width:90px; }