html {
	/* In HTML rather than BODY because font-size relative unit (e.g. em) are relative
	   to "root element" (HTML) rather than the BODY. */
	font-size: 11pt;
}

@media screen and (min-resolution: 300dpi) { html { font-size: 14pt; } }

body {
	color: black;
	background-color: #f5ebd2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0pt
}

.rd { color: red; }
.gr { color: green; }
.bl { color: blue; }
.electricblue { color: #0067A5; font-weight: bold; }
.electricbluelink, .electricbluelink:visited { color: #0067A5; font-weight: bold; }

table.facegroup { margin: 0.5em 0 0.8em 0px; border-spacing: 3px; border: inset 1px; }
table.facegroup a img { border:none; }
table.facegroup caption { caption-side: bottom; width: auto; text-align: left; font-size: 90%; }

div#menubar {
	width: 100%;
	color: black;
	background-color: #FFFF00;
	border: 1px none #000000;
	z-index: 2;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

div#menubar a:link,a:visited { color: black; }

@media screen and (min-resolution: 300dpi) { div#menubar { font-size: 150%; } }
@media print { div#menubar { display: none; } }

div#content {
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 2em;
   
	min-width: 2in;
	max-width: 8in;
}

main {
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 2em;
   
	min-width: 2in;
	max-width: 6.5in;
}
@media screen and (min-resolution: 300dpi) {
  div#content { max-width: 100%; }
  main { max-width: 100%; }
}

main h1 { font-size: 200%; margin-top: 0.7em; margin-bottom: 0.7em; }

footer { font-style: italic; margin-top: 2em; }

/* Deal with old browsers that do not know to treat the HTML5 sectioning elements
   as block elements */
main, article, aside, details, figcaption, figure, footer, header, nav, section {
	display: block;
}

.floatLeft {
	float: left; 
	margin-right: 1em; 
}
.floatRight { 
	float: right; 
	margin-left: 1em; 
}

.floatRightNavLinks {
	float: right;
	margin-left: 1em;
}

.floatRightNavLinks	:link { text-decoration: none; color: blue; }
.floatRightNavLinks	a:visited { text-decoration: none; color: #900090; }
.floatRightNavLinks	:link:hover, :visited:hover { text-decoration: underline; color: blue; }
.floatRightNavLinks	:link:active, :visited:active { text-decoration: underline; color: red; }

table.center { margin-left: auto; margin-right: auto; }

td.center { text-align: center; }
td.right { text-align: right; }

img.center { display: block; margin-left: auto; margin-right: auto; }

.image .enlargeThis {
	background-image:url(/images/icons/enlarge_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: arial,helvetica,sans-serif;
	font-size: 76%;
	padding-left: 15px;
	text-decoration: none;
	margin-top: 2px;
}

.docicon { vertical-align: text-top; }

.seqNav {
	margin: 0;
	padding: 0.8em 0;
	width: 100%;
}

.seqNavUL {
    float: right;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.seqNav ul, .seqNav li, .seqNavUL li {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.seqNav a, .seqNavUL a {
	text-decoration: none;
	border: 1px solid #C4C4C4;
	display: block;
	margin: 0 0.38em 0 0;
	padding: 0.3em 0.4em;
	text-align: center;
}

.seqNav a:hover, .seqNavUL a:hover {
	text-decoration: none;
	background: none repeat scroll 0 0 #E0A060;
	border: 1px solid #A06020;
}

.code {
	margin-left: 0.3in;
	border: 1px solid black;
	background-color: white;
	padding: 1.5ex;
	font-size: 80%;
	font-family: 'courier new', courier, monospace;
	white-space: pre;
}

.cboth  { clear: both; }
.cleft  { clear: left; }
.cright { clear: right; }

.relatedLinks { font-size: 120%; font-weight: bold; color: #7b2385; font-family: "Trebuchet MS", Helvetica, sans-serif }
.relatedLinks a:link, .relatedLinks a:visited { text-decoration: none; color: #a100b4; }
.relatedLinks a:hover { text-decoration: none; color: #00a69c; }

.bigboldhand {
	letter-spacing: 0.25em;
	font-size: 16pt;
	font-weight: bold;
	font-family: 'Courier New', Courier, monospace;
	width: 8em; 
}

.nowrap { white-space: nowrap; }
.nosvg { color: red; font-weight: bold; }