body {
font-size: 101%;
background-color: #97b0e6;
text-align: center;
color: #333;
}

#wrapper {
width: 740px;
text-align: left;
margin-right: auto;
margin-left: auto;
font-size: .83em;
font-family: Verdana, lucida, Arial, Helvetica, sans-serif;
margin-top: 3em;
background-color: #dce6f2;
}

#header {
background-color: #97b0e6;
Height: 199px;
background-image: url(images/World-Marbles-Header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#header img {
float: left;
}

#header h1 {
text-align: right;
padding-top: 115px;
margin-right: 10px;
font-size: 250%}

.validator {
text-align: center;
}

#content {
width: 4.5in;
float: left;
margin: 0 2px 0 10px;
line-height: 150%;
}

#content p {
margin: 0 0 1em 0;
line-height: 1.6em;
}

#content blockquote {
line-height: 100%;
border-bottom: 1px #000000 groove;
padding-bottom: 1em;
}

#content a.text {
text-decoration: none;
color: #997A00;
border-bottom:1px dotted #997A00;
}

#content a.text:visited {
text-decoration: none;
color:#E6B873;
border-bottom:1px dotted #E6B873;
}

#content a.text:hover,
#content a.text:active {
text-decoration: none;
color: #FF9900;
border-bottom:1px dotted #FF9900;
}

#content a.note {
margin-right: .2em;
padding: .1em .2em .1em .2em;
text-decoration: none;
border: none;
line-height: 0em;
font-size: smaller;
background-color: #0033cc;
color: #ffffff;}

#content a.note:visited {
background-color: #98a5cf;
color: #333;
}

#content a.note:hover,
#content a.note:active {
background-color: #9999ff;
color: #333;
}

#intro {
border-bottom: 1px #000000 groove;
}

sup a span {
display:none;
} 

sup a:hover span {
display: block;
background-color: #ccccff;
font-size: 110%;
color: #333;
line-height: 130%;
margin: .2em 0 0 .5em;
padding: 10px;
width: 50%;
} 

.relativeparagraph {
position: relative;
}

#example1 {
width: 220px;
padding-right: 1em;
border-right: 1px #000000 solid;}

#nav {
width: 175px;
float: left;
text-align: left;}

#footnotes {
font-size: .94em;
margin: 0 0 0 1em;
width: 570px;
float: right;
} 

#footnotes p {
margin-top: .2em;
padding: 0 3em 0 2em;
line-height: 130%;
} 

#footnotes a.note {
background-color: #0033cc;
font-weight: normal;
text-decoration: none;
color: #ffffff;
padding: .1em .2em .1em .2em;
margin-right: .2em;
border: none;
font-size: smaller;
}

#footnotes a.note:visited {
background-color: #98a5cf;
}

#footnotes a.note:hover,
#footnotes a.note:active {
background-color: #9999ff;
}

#footer {
font-size: .75em;
text-align: center;
letter-spacing: +.25em;
padding: 5px 0 5px 0;
clear: both;
border: 1px solid;}

ol {
font-size: .85em;}

.pullquote 
{width: 50%;
color: #334d80;
margin: 8px;
float: right;
text-align: left;
padding: 5px 0 5px 0px;
border-top: 3px navy double;
border-bottom: 3px navy double;
font: 18px/2em Georgia, Times, "serif bold italic";
line-height: 1.75em;}