@media all {
body {margin: 0; padding: 0; color: #000; background: #fff;}
/* begin nav-top */
#nav-top {padding: 0; font: 0.73em verdana, kalimati, arial, garuda, utkal, nimbus sans l, freesans, malayalam, phetsarath ot, 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; border-bottom:5px ridge #dcdcdc; text-align: left; position:fixed; top:0; width:100%;}
#nav-top p {margin-bottom: 0; margin-top: 0; padding: 0.4em 0 0 0.4em;}
img.nav-bigbaer {float: left; width: 6em; height: 2em;}
#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: 2px #696969 solid; padding: 0 0 1em 0; margin-bottom: 1em; font: 0.8em verdana, kalimati, arial, garuda, utkal, nimbus sans l, freesans, malayalam, phetsarath ot, sans-serif; color: #000080; background: #f0f8ff url(../images/ghost.png) repeat;}
/* end nav-top */
/* begin teach styles */
.content {margin: 2.5em 3%; font: 1em georgia, nimbus roman no9 l, century schoolbook l, norasi, rekha, Palatino, Serif; padding: 1.5em; border: 8px groove  #c0c0c0; background: #f5f5f5;;}
h1.float-left {float: left; width: 9em; padding: 0 0 0 0.2em; margin: 0 0.2em 0 0; background: #eee8aa; border-right: 2px dotted #cd853f; border-bottom: 2px dotted #cd853f;}
h2.float-right {float: right; width: 11em; margin: 0 0 0 0.2em; padding: 0 0 0 0.2em;; border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57;}
h2.float-right strong {font-size: 1.5em; vertical-align: middle; border: 0;}
h3.float-right {float: right; width: 11em; margin: 0 0 0 0.2em; padding: 0 0 0 0.2em; background: #4fff4f; $$opacity:0.1; border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57;}
blockquote.opaque-right {$$opacity:0.2; filter:alpha($$opacity=20); float: right; width: 13.2em; padding: 0.3em; margin: 0.7em 1.0em; border-right: 2px dotted #000000; border-bottom: 2px dotted #000000;}
blockquote.sig {filter: glow(color=gray,strength=5); float: right; padding: 0px; margin: 0 1.5em 0 0;}
blockquote.sig {font: 1.5em bernhardfashion bt; font-weight: bold; color: white; border: 0; width: 2em; text-align: right;}
blockquote.float-left {float: left; width: 13.2em; padding: 0.5em; margin: 0 0.5em 0 0; color: #00008b; background: #add8e6; border-right: 2px dotted #4169e1; border-bottom: 2px dotted #4169e1;}
blockquote span.cap-g {float: left; font-size: 1.7em; padding: 0 0.15em; margin: 0 0.15em -0.5em 0; color: #b22222; background: #90ee90; border: 3px outset #2e8b57;}
blockquote.float-left strong {color: #000080;}
blockquote.float-left em {color: #800080;}
blockquote > p {margin: 0 0 0.5em 0;}
p.top {margin-top: 0; padding: 0.4em; border-top: 3px dotted #696969; background: #ffffe0;}
p.default-margin {/* margin-top: ;  undeclared - default margin */ padding: 0.4em; border-top: 3px dotted #696969; background: #f0fff0;}
p.after-blockquote {padding: 0.4em; border-top: 3px dotted #696969; background: #e6e6fa;}
span.cap-g, span.cap-o, span.cap-p, span.cap-y {position: relative; float: left; font-size: 1.7em; padding: 0 0.15em; margin: 0 0.15em -0.5em 0; border: 3px outset #2e8b57;}
span.cap-g {background: #90ee90;}
span.cap-o {background: #ffa500;}
span.cap-p {background: #dda0dd;}
span.cap-y {background: #ff0;}
span.b {position: relative;}
.bm02 {margin-bottom: 5em;}
.cl {clear: left;}
em[title]:hover {cursor: help; background: #ffc;}
pre:hover {background: #ffd700 url('dido02.jpg') right top no-repeat;}
#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, #idea-box h3 {font: 1em arial, garuda, utkal, nimbus sans l, freesans, malayalam, phetsarath ot, 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, #idea-box ul {font-weight: bold; margin-left: 1.2em; padding: 0 1em 0 0.2em; list-style: disc;}
#idea-box {float: left; width: 22em; text-align: left; border: 3px solid #8b0000; color: #000; background: #fff url(../images/ghost.png) repeat; padding: 0.2em 0.2em 1em 0.2em; margin: 0 1em 0.2em 0;}
#idea-box h3 {color: #fff; background: #8b0000 url(../images/garnet.png) repeat; border-top: 2px #f99 solid; border-left: 2px #f99 solid; border-bottom: 2px #416da4 solid; border-right: 2px #31557f solid; border-style: outset;}
#idea-box p, #resource-box p {padding-left: 1em; padding-right: 1em;}
/* end teach styles */
/* begin support elements */
acronym, abbr, dfn {cursor: help; border-bottom: 1px dotted #00008b;}
code {color: #00008b; font: 0.95em courier;}
img {border: 0;}
img.l {float: left;}
img.r {float: right;}
img.t {margin-top: 0.8em; padding-top: 0.8em;}
/* end support elements */
/* begin special constructs */
#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, #idea-box h3 {font: 1em arial, garuda, utkal, nimbus sans l, freesans, malayalam, phetsarath ot, 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, #idea-box ul {font-weight: bold; margin-left: 1.2em; padding: 0 1em 0 0.2em; list-style: disc;}
#idea-box {float: left; width: 22em; text-align: left; border: 3px solid #8b0000; color: #000; background: #fff url(../images/ghost.png) repeat; padding: 0.2em 0.2em 1em 0.2em; margin: 0 1em 0.2em 0;}
#idea-box h3 {color: #fff; background: #8b0000 url(../images/garnet.png) repeat; border-top: 2px #f99 solid; border-left: 2px #f99 solid; border-bottom: 2px #416da4 solid; border-right: 2px #31557f solid; border-style: outset;}
#idea-box p, #resource-box p {padding-left: 1em; padding-right: 1em;}
#footer {font-family: georgia, nimbus roman no9 l, century schoolbook l, norasi, rekha, Palatino, Serif; font-style: italic; text-align: center; padding-bottom: 1em;}
/* end special constructs */
/* begin specialty styles */
.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;}
.buttonlink {padding: 0px 4px 1px; border: outset 2px Menu; color: #8b0000; background: #f0f0f0; text-decoration: none;}
.buttonlink2 {padding: 6px; border: outset 2px Menu; color: #8b0000; background: #f0f0f0; text-decoration: none;}
/* end specialty styles */
}
/* work as opaque */
blockquote.opaque {}
blockquote.gradient {}
.float-right {float: right; width: 21em; margin: 0 0 0 0.2em; padding: 0 0 0 0.2em; background: #4fff4f; $$opacity:0.1; filter:alpha($$opacity=10); border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57;}
.float-left {float: left; width: 15em; margin: 0 0 0 0.2em; padding: 0 0 0 0.2em; background: #4fff4f; $$opacity:0.1; filter:alpha($$opacity=10); border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57;}
h3.gradient {float: right; width: 11em; margin: 0 0 0 0.2em; padding: 0 0 0 0.2em; background: #4fff4f; $$opacity:0.1; filter:alpha($$opacity=10); border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57;}
.o05 {$$opacity:0.05; filter:alpha($$opacity=5);}
.o1 {$$opacity:0.1; filter:alpha($$opacity=10);}
.o2 {$$opacity:0.2; filter:alpha($$opacity=20);}
.o3 {$$opacity:0.3; filter:alpha($$opacity=30);}
.o4 {$$opacity:0.4; filter:alpha($$opacity=40);}
.o5 {$$opacity:0.5; filter:alpha($$opacity=50);}
h6.o5 {$$opacity:0.5; filter:alpha($$opacity=50);}
.o6 {$$opacity:0.6; filter:alpha($$opacity=60);}
.o7 {$$opacity:0.7; filter:alpha($$opacity=70);}
.o8 {$$opacity:0.8; filter:alpha($$opacity=80);}
.o9 {$$opacity:0.9; filter:alpha($$opacity=90);}
img {width: 9%;}
/* p, span, div do not work */
/* makes text dark */
span.b {position: relative;}