body {padding-top:0px; margin-top:0px; background:#EEF3E2}
#page {max-width:1200px; margin:auto; border-radius:12px; border-left:2px solid gainsboro; border-right:2px solid gainsboro; margin-top:10px; box-shadow:8px 8px 10px 2px gray}
#content {font:12px/160% Verdana; padding:25px; background-color:white}

.header { font:23px Arial; border-top:1px solid black; border-left: 1px solid black; background-color:"#9999FF"}

.table12 {background:silver; border:0px}
.table12 td {padding:4px; border:0px; font:12px/150% Arial}
.table12 tr {background:white}

.linedTable {font:12px/150% Arial; border-bottom:1px solid silver; margin:auto}
.linedTable caption { background: black; color:orange; font:18px/150% Tahoma; padding:2px; font-weight: bold;  border:-right:1px solid black}
.linedTable td {padding:4px; border-top:1px solid silver}
.linedTable th {text-align:center; background:gainsboro; color:navy; font-size:14px; font-weight:bold}


/*-------------------------------------------------*/
.dataTable {border-radius:12px 12px 0px 0px; overflow:hidden; border-collapse:collapse; display:inline-block; font:11px Arial;}

  /* The following for the title breaks if I use a <thead>, because then the first <tr> after *both* the <thead> and the <tbody> will be styled. */
.dataTable tr:first-child td {text-align:center; background:black; color:orange; font-weight:bold; font-size:16px}

  /* Style the column headers.  This way I don't have to manually change the tags from <td> to <th>. If the table doesn't have a header row, add a dummy blank row and then hide it. */
.dataTable tr:nth-child(2) td {background:gainsboro; font-weight:bold; font-size:12px; padding:4px}

.dataTable td {border:1px solid silver; padding:3px 5px; text-align:center}
.dataTable td:first-child {text-align:left} /* first column */
/*-------------------------------------------------*/

.fright {float:right; margin-left:10px}
#columnsDark TD {background:darkslategray; color:white}
.rowHilite {background:gainsboro; font-weight:bold; font-size:12px}
.reverse {background:black; color:silver; font-weight:bold}

.boxTable {font:12px/150% Arial; border-collapse:collapse; border-bottom:1px solid silver; border-left:1px solid silver;}
.boxTable caption { background: black; color:orange; font:18px/150% Tahoma; padding:2px; font-weight: bold;  border:-right:1px solid black}
.boxTable td {padding:3px 6px; border-top:1px solid silver; border-right:1px solid silver}
.boxTable th {text-align:center; background:gainsboro; color:navy; font-size:14px; font-weight:bold}


H1,H2,H3 {margin:0px; line-height:150%}
H1 {color:navy; font:normal 36px georgia}
H2 {color:darkgreen}
H3 {color:maroon}

a:hover {color:maroon; background-color:yellow}

.left-sidebar a:link {text-decoration:none}
.left-sidebar a:visited {text-decoration:none}

blockquote { margin-left:20px;}
.questions {font: 11px/150% Verdana;}
.menuhang UL { margin-left:8px; padding-left:8px; margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:0px; list-style:none}
.s9 {font-size:9px}
.s12 {font-size:12px}

.linedtable {margin-left:10px; border:1px solid silver}
.linedtable TD {border-bottom:1px solid silver}

.left { font:11px/150% Verdana; border-left:1px solid black; border-bottom: 1px solid black; border-right:1px dotted gray}
.right { font: 11px/150% Verdana; border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black }

.dimChoice {font-style:italic; color:gray}