@media all {
body {
margin: 0;
padding: 0;
color: #000;
background: #fff;
}

/* begin nav-top */

#nav-top {
padding: 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;
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, Arial, 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, 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;
background: #90ee90;
border-left: 2px dotted #2e8b57;
border-bottom: 2px dotted #2e8b57;
}

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 {
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;
}

.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, 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, 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, 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 */
}