body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: white;
    color: black;
    margin: 1em;
}
h1 {
    color: #777777;
    font-size: 28px;
    font-weight: bold;
}
h2 {
    color: #777777;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid;
}
h3 {
    color: #777777;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
p.PhotoCaption {font-size: smaller; margin-top: 3px; margin-bottom: 5px;
                text-align: center;}
a {
    background-color: white;
    color: black;
    text-decoration: underline;
}
h2 a.fragment {
    color: #777777;
    border-bottom: 2px solid;
    text-decoration: none;
}
a:hover {
    background-color: #777777;
    color: white;
    text-decoration: underline;
}
h2 a.fragment:hover {
    background-color: white;
    color: #777777;
    border-bottom: 2px solid;
    text-decoration: none;
}
p {
    padding: 0;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-left: 0pt;
    margin-bottom: 0.8em;
}

q {
    display: block;
    margin: 1em 3em 1em 3em;
}
pre {
    margin-top: 1em;
}
dl { margin-left: 1em; }
dt { font-weight: bold; }
ol {
    margin-top: 0;
}
li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear: right;
}
li ul li { margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 1em; }
ul li { list-style-type: none; }
.warning {
    margin: 3em;
    padding: 1em;
    border: 5px solid black;
    font-weight: bold;
}
.ErrorMsg { color: black; background-color: yellow; }

/*
 *     Navigation bar in left column
 */
#NavBar { background-color: white; color: black; }
#NavBarText { margin-left: 1em; }
#NavBarText h3 { margin-bottom: 0; }
#NavBarText li { list-style-type: none; margin-top: 0.5em;}
#NavBar .SelectedNav { background-color: white;}
#NavBar .SelectedNav a { background-color: white;}
#NavBar li.SelectedNav { padding-left: 1em;}
#NavBar li.NotSelectedNav { padding-left: 1em;}

/*
 *  Breadcrumbs
 */
#BreadCrumbs {
    font-weight: bold;
    color: #777777;
    margin-top: 0;
    padding-top: 0;
}

#BreadCrumbs a {
    font-weight: bold;
    color: #777777;
    margin-top: 0;
    padding-top: 0;
}

#BreadCrumbs a:hover {
    background-color: #777777;
    color: white;
    margin-top: 0;
    padding-top: 0;
    text-decoration: underline;
}


/*
 *     Treatment of images
 */
img {
    display: block;        
    padding: 0;
    border: 0;
}
.mapped-image {
        position: relative;
     }
.mouseoverbox {
        display: none;
	background-color: #fff;
	height: auto;
	margin: 0px;
        padding: 0.5ex 1ex 0.5ex 1ex;
	border: 1px solid black;
	color: #000;
	cursor: pointer; 
	position: absolute;
	z-index: 10;
     }
.screengrab {
    display: block;
    margin: 5px;
}

/*
 *     Contents in right column
 */
#Content { padding-left: 1em; }
#Content h4 { margin-bottom: 0.2em; }
#Content p.ErrorMsg { color: red; font-size: larger; font-weight: bold; }
#Content caption { font-size: larger; font-weight: bold; }

/*
 *     We want to change color and background on the focused
 *     input element, but IE is too stupid to implement the
 *     :focus and :blur peudo-classes, so say it slowly
 *     in words of one syllable
 */
.blur  {color: white; background-color: #777777; }
.focus {color: black; background-color: white; }

/*
 *  Last modification
 */
#LastModified {
     color: #777777;
     margin-top: 2em;
     border-top: 1px solid #777777;
     font-size:  12px;
     font-style: italic;
}

/*
 *  Main body text
 */
.text {
    width: 400px;
}

/*
 *  Inline example text (monospace font)
 */

.Example {
    font-family: Courier New,Courier,mono;
    font-size: 12px;
}

p.Example {
    padding: 1em;
    width: 500px;
    border: 1px #2f6fab dashed;
    color: black;
    background-color: #f9f9f9;
    font-family: Courier New,Courier,mono;
    font-size: 12px;
    overflow: scroll;
}

.Sidebar { background-color: #bbbbbb; float: right;
           padding-left: 1em; margin-left: 1em; }
a.ToTop { font-size: smaller; font-style: italic; }

/*
 *  Credits on the left bottom
 */
#Credits { margin: 1em; font-size: smaller; font-style: italic; }
.Valid { background-color: #777777; color: white; padding: 3px; }