body {color: #000000; }

a:link {text-decoration: underline; color: blue }
a:visited {text-decoration: underline; color: #482888}
a:active {text-decoration: underline; color: #C02020}
a:hover, a:focus { text-decoration: underline; color: #902828 }

body.glossdef { background-color: #e8e0d8; color: #302020; padding: 0 5px; }
body.glossdef dt { font-size: 1.25em; font-weight: bold; }
body.glossdef dd { margin-left: 0.5em; padding-left: 0; }

#header {
	height: 55px; margin-bottom: 5px;
	background-image: url(/images/OEDBookshelves.jpg);
	background-repeat: repeat-x;
	color: white; background-color: black;
	border-bottom: 1px solid #777; border-right: 1px solid #777;
}
html>body #header { height: 50px; }

#header h1 {
	margin:0 20px; padding: 0px 1.0em; font-size: 24px; font-style:italic;
	border-bottom:1px solid white;
}
#header p.tagline {
	position: absolute; top: 45px; left: auto; bottom: auto; right: 35px;
	margin:0; padding: 0; font-size: 14px; font-weight: bold;
}
html>body #header p.tagline { top: 40px; }

#header a:link, #header a:visited { color: white; text-decoration: none; }
#header a:hover, #header a:focus { color: yellow; text-decoration: none; }

#content {
	margin-right: 205px;
	padding-right: 1.0em;
}
#content p {
	line-height: 130%;
}
#content .cross-reference {
	background: url(/images/forward.png) no-repeat;
	padding-left:24px;
	margin-left: 1.5em;
}
#content .cross-reference h3 {
	display: inline; margin: 0; padding: 0;
	font-size: 1.0em; font-style: italic; font-weight: bold;
}
#content .cross-reference ul {
	display: inline; list-style: none; margin: 0; padding: 0;
}
#content .cross-reference li {
	display: inline; margin: 0; padding: 0;
}

#navigation {
	position: absolute;
	top: 75px; left: auto; right: 14px; bottom: auto;
	width: 200px; height: auto;
	padding: 0;
	border-left: 1px solid black;
}
html>body #navigation { top: 65px; right: 13px; }

#copyright {
	margin-right: 205px;
	padding-top: 0.5em; padding-bottom: 0.5em;
	border-top: 1px solid #777;
	text-align: center;
	font-weight: bold;
	background-color: #d8d0c8;
}
#copyright p {
	font-size: smaller; margin: 0;
}

body.navbar, #navigation { background-color: #c0b4b0; color: #302020; }

body.navbar a:link, #navigation a:link { text-decoration: none; color: blue }
body.navbar a:visited, #navigation a:visited { text-decoration: none; color: #4828D0 }

body.navbar a:active, #navigation a:active { text-decoration: underline; color: #C02020 }
body.navbar a:hover, #navigation a:hover
body.navbar a:focus, #navigation a:focus { text-decoration: underline; color: #902828 }

body.navbar th, #navigation th, body.navbar h2, #navigation h2, #navigation h1 {
	background-color: #a08080; font-size: 1.25em;
	margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.1em; font-weight: bold;
	text-align: center;
}
body.navbar ul, #navigation ul { list-style: none; display: block; margin: 0; padding: 0; }
body.navbar td, body.navbar li,
#navigation td, #navigation li { margin: 0; padding: 0 0.5em; font-size: smaller; }

/* Search Box elements from Google CSE */
.gsc-control-cse {
    background-color: transparent !important;
    border-style: none !important;
}
input.gsc-search-button-v2 {
    padding: 6px 6px !important;
}

/* Responsiveness. Ish. */
#navigation h1 {
    display: none;
}
@media (max-width: 1000px) {
    #content { margin-right: 0px; }
    #copyright { margin-right: 0px; margin-top: 20px; }
    #navigation {
	position: static;
	width: auto; top: auto; right: auto;
	border-left: none;
	border-top: 1px solid black;
	padding-top: 0px; padding-bottom: 10px;
    }
    #navigation h1 { display: block; }
}