.tiny, #choiceList, #content p.tiny, #content td.tiny, #content th.tiny {  font-size: 10px; }
.smaller {  font-size: .8em}
.gray, #content p.gray , #content td.gray { color: #999999; font-size: 10px}
.designa { text-align: right; margin-right: 10px}
.finish { position:absolute; left:280px; width:180px; visibility:hidden; }
.cool { position:absolute; left:280px; width:180px; top:250px; visibility:hidden; }
.rack { position:absolute; left:280px; width:180px; top:350px; visibility:hidden; }
.rackMig { position:absolute; left:280px; width:180px; top:250px; visibility:hidden; }
.add { position:absolute; left:280px; width:180px; top:440px; visibility:hidden; }
.addMig { position:absolute; left:280px; width:180px; top:350px; visibility:hidden; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; background-color:black; background:url("images/bgtile.jpg");
color:#fff; 
}

a { color:#ff9 }
a:visited { color:#ffc }
a:hover { color:#fff }

#head { height:80px; width:100%; text-align:right }
#brand { float:left; width:242px; height:97px  }
#designA { margin-right:1em; }

#nav { position:absolute; top:120px; left:1em; width:13em; padding:0; font-size:.7em; }
#nav ol { padding:0; list-style-type:decimal; margin:0; margin-left:2.5em; color:#666; }
#nav ul li { margin:0; padding:0; }
#nav li a { text-decoration:none; display:block; margin:0; padding:5px; color:#666 }
#nav li a:link, #nav li a:visited { color:#ff9; }
#nav li a:hover { background:#ff9; color:black }
#nav li a.here { font-weight:bold; background:#ff9; color:black }

#content { margin-left:10em; padding:20px; position:relative; margin-right:2em; }
#content h1 { font-size:1em; margin:0; }
#content td.left { padding: 0 2em 0 0; }
#content td h2 { font-size:1em; margin:0; }
#content td.right { padding: 0 0 2em 0; }
#content #options img { border:0 }
#content p, #content td { font-size:.8em; }
#content td p { font-size:1em; }
#content h2 {font-size:.8em; }

#description p { margin-bottom:0; }
#choices { padding-top:1em; }
#displays { padding-top:1em; }
.rollDisplay { display:none; }
#choicelist ul{ margin:0; padding:0; }
.displayDetail { margin-left:160px; z-index:5; padding-left:2em; }
.displayDetail h2 { margin:0 }
#displaySummary { float:left; width:160px; }
#displaySummary img { margin-bottom:.5em }

.summary { border-collapse:collapse; padding:0; }
.summary th { font-weight:bold; font-size:.8em; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif }
.summary tr.top th { border-bottom:1px silver solid;}
.summary tr.bot th { border-top:1px silver solid; text-align:right }
.summary td { vertical-align:top }
.summary .cost { text-align:right; padding-left:2em; }


/* debugging backgrounds 
#content h1 { background:darkgray }
#content { background:none }
#description { background:brown }
#displays { background:none }
#choices { background:darkgreen }
.rollDisplay { background:none }
#displaySummary { background:#333 }
.displayDetail { background:darkred }
*/
/* debugging borders 
#content h1 { border:2px solid gray }
#content { border:2px solid white }
#description { border:2px solid yellow }
#displays { border:2px solid lightblue }
#choices { border:2px solid lightgreen }
.rollDisplay { border:2px dashed blue }
#displaySummary { border:2px solid #ccc }
.displayDetail { border:2px solid orange }
*/