*                   { padding: 0; margin: 0; }
body                { background-color: #000; color: #FFF; margin: 10px; padding: 0;
                      font-family: Arial, Helvetica, sans-serif; font-size: 80%; }

p                   { margin: 0.7em 0; line-height: 1.35; }
h1                  { font-size: 1.6em; font-weight: bold; text-transform: uppercase; }
h2                  { font-size: 1.4em; font-weight: bold; margin: 1em 0 0.5em 0; }
h3                  { font-size: 1.1em; font-weight: bold; }
textarea            { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #999; }
input               { border: 1px solid #999; }
input.btn           { margin: 0.3em 0; font-size: 0.9em; padding: 0.2em 0.5em; background-color: #EEE; }
input.radio         { border: none; }
input.check         { border: none; }
label               { font-weight: bold; }
hr                  { height: 1px; color: #999; margin: 0.5em 0; }
ul                  { margin: 1em 0 1em 2em; line-height: 1.35; }
li                  { margin: 0.7em 0; }
ul.sax              { list-style-image: url('./images/bullet-sax.png'); }
ol                  { margin-left: 2em; }
a                   { text-decoration: none; font-style: normal; font-weight: bold; color: #9A2B1E; }
a img               { border: none; }
.grey a             { color: #999; }
.grey a:hover       { color: #BBB; }
.aqua a             { color: #2B8D87; }
.aqua a:hover       { color: #88A4A4; }
.blue a             { color: #1E569A; }
.blue a:hover       { color: #7A90B2; }
.red a              { color: #9A2B1E; }
.red a:hover        { color: #B27870; }
.green a            { color: #28751B; }
.green a:hover      { color: #659262; }
.orange a           { color: #BC8C24; }
.orange a:hover     { color: #C2B592; }
.purple a           { color: #771993; }
.purple a:hover     { color: #A37AAE; }

#page               { width: 695px; margin: 0 auto; background-color: #FFF; color: #000; }
#tnav               { margin: -1.3em 0 0 40px; padding-bottom: 3px; text-align: right; }
#tnav a             { font-style: italic; font-size: 1.1em; color: #666; }
#tnav a:hover       { color: #000; }
#tnav ul            { list-style: none; margin: 0; }
#tnav li            { display: inline; padding: 0 10px; margin: 0; }
#lnav               { float: left; text-align: right; width: 145px; margin-left: 5px; }
#lnav p             { margin: 0.7em 0 0.2em 0; }
#lnav ul            { list-style: none; line-height: 1; margin: 0; }
#lnav li            { margin: 0; }
#lnav h2            { font-style: italic; font-weight: bold; font-size: 1.1em;
                      margin: 0.8em 0 0.3em 0; border-bottom: 1px solid #DDD; }
#lnav a, #lnav p    { font-size: 0.8em; }
#lnav input         { font-size: 0.8em; }
#cpane              { padding: 10px 10px 10px 170px;
                      background: url('./images/cpane.png') top left repeat-y; }
#bnav               { padding-top: 3px; text-align: right; }
#bnav a             { font-style: italic; font-size: 1.1em; color: #666; }
#bnav a:hover       { color: #000; }
#bnav ul            { list-style: none; padding-bottom: 3px; margin: 0; }
#bnav li            { display: inline; padding: 0 10px; margin: 0; }
#foottext           { color: #FFF; font-size: 0.8em; text-align: center; margin-top: 5em; }
#footlinks          { font-size: 0.95em; text-align: center; margin: 2em 0; }

.link               { padding: 0.2em 0 0.5em 2em; }
.totop              { text-align: right; }
.ind                { margin-left: 2em; margin-right: 2em; }
.lind               { margin-left: 2em; }

.quote              { margin-left: 1.5em; margin-right: 1.5em; }
.quote p            { font-style: italic; }
.quoteauth          { font-size: 0.9em; font-weight: bold; font-style: normal; }
.crumb              { font-weight: bold; font-size: 0.8em; margin-bottom: 1em; }
.updated            { color: #999; font-size: 0.9em; margin-bottom: 1em; }
.captionsm          { font-style: italic; font-size: 0.85em; }
.smtext             { font-size: 0.85em; }
.cust td            { padding: 0.2em; }

.cubes              { width: 504px; height: 288px; background: url('./images/SXP-backdrop.jpg') top left;
                      border: 1px solid #666; border-collapse: collapse; margin: 1em auto; }
.cubes td           { border: 1px solid #000; }
.cube3 .cube        { height: 95px; }
.cube7 .cube        { height: 71px; }
.cube               { background-color: #FFF;
                      opacity: 0.6; moz-opacity: 0.6; filter: alpha(opacity=60); }
.cube a             { display: block; padding: 3px; color: #000; }
.cube a:hover       { color: #FFF; }
.cube:hover         { opacity: 1; moz-opacity: 1; filter: alpha(opacity=100); }
.cube:hover a       { color: #FFF; }
.cube3 .cube a      { font-size: 1.1em; }
.cube7 .cube a      { font-size: 0.9em; }
.red .cube:hover    { background-color: #C79790; }
.blue .cube:hover   { background-color: #AFB8C3; }
.green .cube:hover  { background-color: #B6C3AF; }
.orange .cube:hover { background-color: #D5CBB0; }
.purple .cube:hover { background-color: #BDA5C6; }

.adbox              { font-size: 0.9em; }
.adbox td           { padding: 0 0.2em; }
.adbox td ul        { margin-top: 0; }

table.fillin        { margin: 1em; }
table.fillin td     { padding: 0.2em; }

#tickercon          { position: relative; height: 1.3em; margin-left: 4px; width: 446px; overflow: hidden; }
#ticker             { position: absolute; top: 0; left: 0; color: #FFF; width: 1800px; text-align: left; }
#ticker a           { color: #F00; font-weight: normal; }
#ticker a:hover     { color: #FFF; }

.warn               { color: #D65; }
.redbox             { background-color: #FA9; padding: 0 0.5em; margin: 0.5em 0; border: 1px solid #D65; }
.redbox a           { color: #700; }
.redbox a:hover     { color: #d65; }
.ads                { width: 504px; margin: 0 auto; }
.boxad              { margin-bottom: 11px; margin-left: 0; }

.fl                 { float: left; }
.fr                 { float: right; }
.r                  { text-align: right; }
.c                  { text-align: center; margin-left: auto; margin-right: auto; }
.cr                 { clear: right; }
.tpad               { margin-top: 0.5em; }
.lpad               { margin-left: 0.5em; }
.rpad               { margin-right: 0.5em; }
.bpad               { margin-bottom: 0.5em; }
.t2pad              { margin-top: 2em; }
.npad               { margin: 0; padding: 0; }
.brd                { border: 1px solid #666; }
.clr                { padding: 0; margin: 0; height: 1px; clear: both;
                      margin-top: -1px; overflow: hidden; }
.space              { height: 100px; }
.small              { font-size: 0.9em; }
.vhc                { margin: 80px auto; text-align: center; }

/* commented backslash hack v2 \*/ 
* html .quote p     { width: 99%; }
//* html #cpane       { height: 1%; }
/* end hack */ 

