/* CSS style for CRJ's Spartan template for BetterHTMLExport */

body { font:12px "Lucida Grande",Verdana,Geneva,Arial,sans-serif }

a:link, a:visited { font-weight:bold; color:#0033cc; text-decoration:none }
a:hover           { font-weight:bold; color:#cccccc; text-decoration:none;
		    background:#0033cc }

.toptitle { font-size:18px; padding: 0px 4px 4px 0px }
.count    { font-size:10px; color:#333333 }

.pagenav { font-size:12px; font-weight:bold; color:#333333 }

.topcomment    { text-align:left; padding:5px  0px 10px; margin:0px 25% }
.bottomcomment { text-align:left; padding:8px 20px 3px }
.piccomment    { font-size:12px; color:#333333 }

.footer { font-size:10px; font-style:oblique; color:#333333; text-align:center }
/* a.footer:* inherits font from body, weight/color/decoration from a:*, and
   size/style from .footer. So just need to unbold them. CSS is pretty cool */
a.footer:link, a.footer:visited { font-weight:normal }
a.footer:hover                  { font-weight:normal }


/* The widths/heights on td.[tmb][lr] show the picture frame with no extra
   while border around it, making it feasible to set a non-white background */

td.tl { background:url(frame_tl.jpg) no-repeat scroll right bottom;
        height:12px; width:10px }
td.t  { background:url(frame_t.jpg)  repeat-x  scroll       bottom;
	height:12px }
td.tr { background:url(frame_tr.jpg) no-repeat scroll left  bottom;
	height:12px; width:11px }

td.ml { background:url(frame_l.jpg) repeat-y scroll right; width:10px }
td.mr { background:url(frame_r.jpg) repeat-y scroll left;  width:11px }

td.bl { background:url(frame_bl.jpg) no-repeat scroll right top;
	height:14px; width:10px }
td.b  { background:url(frame_b.jpg)  repeat-x  scroll       top;
	height:14px }
td.br { background:url(frame_br.jpg) no-repeat scroll left  top;
	height:14px; width:11px }