body {
margin: 0;
padding: 0;
color: #000;
background: #696969 url(../images/iron.png) repeat;
}
#titlebar {
font: 0.8em Verdana, Arial, sans-serif;
color:#000;
background: #999 url(../images/999.png) repeat;
border-left: 4px inset #c0c0c0;
}
#titlebar img {display: block;}
img {border: 0;}
img.l {float: left;}
img.r {float: right;}
img.t {margin-top: 0.8em; padding-top: 0.8em;}
img.w {width: 100%;}
img.mr (margin-right: 15px;}
img.lr {margin-left: 15px;}

#nav-top {
padding: 0 0 0.5em 0;
font: 0.73em Verdana, Arial, sans-serif;
color: #f0f8ff;
background: #696969 url(../images/iron.png) repeat;
border-top: 2px #dcdcdc solid;
border-left: 2px #dcdcdc solid;
border-bottom: 2px #416da4 solid;
border-right: 2px #696969 solid;
border-style: outset;
text-align: left;
}
#nav-top p {
margin-bottom: 0;
margin-top: 0;
padding: 0.4em 0 0 0.4em;
}
#nav-top a {
background: transparent;
color: #fff;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}
#nav-top a:hover {
color: #f0e68c;
background: transparent;
}
#nav-top a span, p.accesskey span {text-decoration: underline;}
#nav-left {
position: absolute;
left: 0;
width: 13em;
border-right: 1px #000 solid;
border-bottom: 5px outset #c0c0c0;
padding: 0 0 1em 0;
margin-bottom: 1em;
font: 0.8em Verdana, Arial, sans-serif;
color: #000080;
background: #c0c0c0 url(../images/chrome.jpg);
}
#nav-left ul {
list-style: none;
margin: 5px;
padding: 0;
}
#nav-left li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#nav-left li a {
display: block;
padding: 5px 5px 5px 0.5em;
font-weight: bold;
font-variant: small-caps;
color: #224059;
background: #fc0;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
text-decoration: none;
width: 100%;
}
#nav-left li a:hover {
color: #fff;
background: #99aabf;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}
.nav-left-box, #footer-box {
margin: 5px;
padding-bottom: 10px;
color: #000;
background: #ffa500;
border: 3px inset #c0c0c0;
}
.nav-left-box p, #footer-box p {
margin-bottom: 0;
}
.nav-left-box:hover, #footer-box:hover {
background: #00bfff;
}
html>body #nav-left li a {width: auto;}
#nav-left p {
padding: 0 5px 0 0.8em;
background: transparent;
color: #000080;
font: 0.85em Arial, sans-serif;
}
#content {
font: 0.8em Verdana, Arial, sans-serif;
margin-left: 13em;
padding: 0em 1.3em 2em 1.3em;
background: #fff;
border: 4px inset #c0c0c0;
}
#content p {text-align: justify;}
#content p.c {text-align: center; margin-bottom: 0;}
#footer {
font: 0.8em Georgia, Palatino, Serif; font-style: italic;
margin-left: 13em;
padding: 5px;
text-align: center;
background: #c0c0c0 url(../images/chrome.jpg);
}
h1 {
margin-bottom: 0; font-variant: small-caps; color: #2f4f4f;
background: transparent;
} 
h2 {
margin-top: 0; color: #778899;
background: transparent;
}
h3 {
color: #005a9c;
background: transparent;
margin-bottom: 0;
}
h1, h2, h3 {font-family: Verdana, "News Gothic MT", Tahoma, sans-serif;}
h1 { font-size: 200% }
h2 { font-size: 160% }
h3 { font-size: 130% }

p.after-header { margin-top: 0.5em;}
p.tight { margin-top: 0; margin-bottom: 0;}
p.top {margin-top:0;}
p.c {text-align: center;}

#content ul {
list-style: disc;
list-style: none;
}
div.toc {
color: #000;
background: #e6e6fa;
border: 1px solid #e6e6fa;
}
ul.toc {
font-size: 1em;
color: #000;
background: #e6e6fa;
padding: 1em;
margin-right: 1em;
margin-left: 1em;
list-style: disc;
list-style: none;
}

#resource-box{
text-align: left;
float: right;
padding: 0.2em 0.2em 1em 0.2em;
margin: 0 0 0.2em 0.7em;
width: 22em;
border: 3px solid #4470a8;
color: #000080;
background: #f0f8ff url(../images/ghost.png) repeat;
}
#resource-box h3 {
color: #fff;
background: #375583 url(../images/iron.png) repeat;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #416da4 solid;
border-right: 2px #31557f solid;
border-style: outset;
}
#resource-box h3 {
font: 1em arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
margin: 0 0 0.2em 0;
padding:0.2em 0 0.2em 0.2em;
}
#resource-box ul {
font-weight: bold;
margin-left: 1.2em;
padding: 0;
list-style: disc;
}

.dfn {
color: #00513D; 
background: transparent;
font-style: italic 
}
a:link.dfn-instance, a:visited.dfn-instance {
color: #00513D;
background: transparent;
font-style: italic;
cursor: help;
pitch: high;
}
acronym, abbr, dfn {cursor: help; border-bottom: 1px dotted #00008b;}
dt {margin-top: 0; font: 1.8em "arial unicode MS", arial, geneva, sans-serif; color: #000; background: #eee; padding: 0.2em;}
dd {margin-top: 0; font-size: 1em; color: #000; background: #ffc; padding: 0.2em; border-bottom: 2px solid #ccc;}
dd img {width:100px; height:18px; border:none;}
pre, code {font:110% monospace;}
code {color: #009; background: transparent;}

blockquote {
font-style: italic;
color: #00008b;
background: #f0f8ff;
padding: 0.8em;
border: 1px solid #00008b;
}

.buttonlink {
padding: 0px 4px 1px;
border: outset 2px Menu;
color: #8b0000;
background: #f0f0f0;
text-decoration: none;
}
.buttonlink2 {
padding: 4px;
border: outset 2px Menu;
color: #224059;
background: #f0f0f0;
text-decoration: none;
}

fieldset {
width:44em;
margin: 0 0 2em 0;
padding: 1em 0.5em 1em 0.5em;
border: 1px solid #000;
}
legend {
padding: 0.2em;
background: #ebebff;
font-weight: bold;
color: #000;
border: 1px solid #000;
}
input {
border: 1px solid #000;
font-weight: bold;
color:#005a9c;
background: #f5f5f5;
}

.icandy340 {height: 353px; background: #000 url('http://www.bigbaer.com/assets/icandy340.jpg') no-repeat; margin: 5px; border:3px inset #c0c0c0;}

/* *************** print **************  */

@media print {
   h1, h2, h3,
   h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
   blockquote, pre { page-break-inside: avoid; }
   ul, ol, dl { page-break-before: avoid; }
}
/*  *************** speech ***************  */

@media aural {
   h1, h2, h3,
   h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }
   h1 { pitch: x-low; pitch-range: 90; }
   h2 { pitch: x-low; pitch-range: 80; }
   h3 { pitch: low; pitch-range: 70; }
   h4 { pitch: medium; pitch-range: 60; }
   h5 { pitch: medium; pitch-range: 50; }
   h6 { pitch: medium; pitch-range: 40; }
   li, dt, dd  { pitch: medium; richness: 60; }
   dt { stress: 80; }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80; }
   em { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
   strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
   dfn { pitch: high; pitch-range: 60; stress: 60; }
   s, strike { richness: 0; }
   i  { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
   b { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
   u { richness: 0; }
   a:link { voice-family: harry, male; }
   a:visited { voice-family: betty, female; }
   a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
}