/* all pages */

	html { margin: 0; padding: 0; }
    body { margin: 0; padding: 0; text-align: left; background-color: #f8f8f8; 
		font-family:arial,helvetica,verdana,sans-serif;font-size:14px;line-height:1.6em;color:#444;}
	a {text-decoration:none;color:#115bb5;}

    .bar { width: 100%; height: 60px; position: absolute; top: 0px; left: 0px; background-color: #ea4a16; }

	.content { position: relative; margin: 0 auto 0 auto; text-align: left; width: 960px }

	.leofixes { margin-top: 30px; border: 0; padding-bottom: 7px; border-bottom: 2px solid #ca1500; margin-bottom: 3px }

	.nav { font: bold 16px/18px arial,helvetica,sans-serif; color: #444 }
	ul.nav { margin: 0px 0 35px 0; list-style-type: none; padding: 0}
	html>body ul.nav { margin: 4px 0 35px 0 }

	ul.nav li { display: inline; margin-right: 5px }

	a.navlink { color: #ca1500; text-decoration: none; white-space: nowrap } 
	a.navlink { border-bottom: 2px solid #f8f8f8; }
	a.navlink:hover { color: black; text-decoration: underline }
	a.alt { color: #d93600 }

	/* override first entry so it lines up with LEO */
	#nav_main { padding-left: 0px; }

	.headimage { margin-bottom: 15px }

	.superbighead { font: 30px georgia,times,serif; margin-bottom: 15px }
	.bighead      { font: 20px georgia,times,serif; margin-bottom: 10px }

	/* level 3 pages */

	.copy460, .copy480, .copy640, .copy790, .copy960
		{ font: 14px/21px georgia,times,serif; color: black; clear: both; width: 640px; margin-bottom: 15px }
	.copy460 { width: 460px }
	.copy480 { width: 480px }
	.copy640 { width: 640px }
	.copy790 { width: 790px }
	.copy960 { width: 960px }

	.copy460 .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px;
		color: white; background-color: #444 }
	.copy480 .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px;
		color: white; background-color: #444 }
	.copy640 .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px;
		color: white; background-color: #444 }
	.copy790 .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px;
		color: white; background-color: #444 }
	.copy960 .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px;
		color: white; background-color: #444 }

	.copy460 a { }
	.copy480 a { font-weight: bold; }
	.copy640 a { font-weight: bold; }
	.copy790 a { font-weight: bold; }
	.copy960 a { font-weight: bold; }

	.copy460 a:hover { text-decoration: underline }
	.copy480 a:hover { text-decoration: underline }
	.copy640 a:hover { text-decoration: underline }
	.copy790 a:hover { text-decoration: underline }
	.copy960 a:hover { text-decoration: underline }

	.shot { font: 14px/21px georgia,times,serif; color: black; clear: both }
	.shot img { float: left; margin: 0 15px 45px 0 }
	.shot .head { font: bold 14px arial,helvetica,sans-serif; border: 0; padding: 2px 4px 2px 4px; margin-right: 5px }
	.shot .head { color: white; background-color: #333 }

	.shot ul { margin-top: 0 } 
	.shot li { list-style-type: square; list-style-position: inside}	

	.backtotop { margin: 10px 0 20px 0 }
	.backtotop a { color: #999; text-decoration: none }
	.backtotop a:hover { text-decoration: underline }

	.caption { font: 11px/18px georgia,times,serif; color: black; margin-top: 5px}

	/* for old level 3 pages */

	.whitepagecopy { font: 12px/18px verdana,helvetica,sans-serif; color: black; }
	.whitepagecopy a { color: #999; text-decoration: none }
	.whitepagecopy a:hover { text-decoration: underline }

	/* level 2 pages */

	.bigintro { font: 13px/19px verdana,helvetica,sans-serif; color: #333; margin-bottom: 20px }
	.hilite { background-color: white }

	.sample { font: 14px/20px georgia,times,serif; color: black; }
	.sample { width: 100%; border-top: 1px solid #ccc; margin: 10px 0 10px 0; padding: 20px 0 10px 0; clear: left }
	.sample img { float: left; width: 250px; margin: 0 25px 25px 0; }

	.sample .head { font: bold 16px arial,helvetica,sans-serif; color: #444; }
	.sample .head { background-color: #f8f8f8 ; margin-bottom: 10px}

	.sample ul { padding-left: 15px; margin: 5px 0 5px 0 }
	.sample li { color: #444; list-style-type: square; list-style-position: inside; margin-left: 15px; padding-left: 5px}
	html>body .sample li { list-style-position: outside; }
	.sample li { font: 12px/20px verdana,helvetica,sans-serif; color: black; }

	.sample a { color: #c00; }
	.sample a:hover { color: #000; text-decoration: underline }

	.sample .go { margin-top: 10px; }
	.sample .go a { color: #aaa; text-decoration: none }
	.sample .go a:hover { color: #000; text-decoration: underline }

	.question { font: bold 14px/20px georgia,times,serif; color: black; width: 960px; margin: 20px 0 3px 0; border-top: 1px solid #ccc; padding-top: 10px}
	.answer   { font: 14px/20px georgia,times,serif; color: black; width: 640px; }

	.quote { font: 14px/22px georgia,times,serif; color: black; width: 640px; margin: 10px 0 3px 0; padding-top: 10px}
	.attribution   { font: italic 14px/20px georgia,times,serif; color: black; width: 640px; margin-top: 5px}

	/* home page, FWIW */

	.copy, select { font: 13px/20px verdana,helvetica,sans-serif; color: #333; }
	.copy a { color: #333; text-decoration: underline; white-space: nowrap }
	.copy a:hover { color: #a00; }

	.copy ul { }
	.copy ul li { list-style-type: square; }

	.copy2 { font: bold 14px/20px verdana,helvetica,sans-serif; color: #333; }

	.copybox { font: 14px/22px verdana,helvetica,sans-serif; color: #333; border: 1px solid #333; background: white; padding: 20px;
		display: none; }
	.copybox ul { padding-left: 15px; margin: 0 }
	.copybox li { list-style-type: square; list-style-position: inside; margin-left: 15px; padding-left: 5px}
	html>body .copybox li { list-style-position: outside; }

	.copybox .close { font: 14px verdana,helvetica,sans-serif; color: #888; float: right; }
	.close a { color: #888; text-decoration: none }
	.close a:hover { text-decoration: underline }

	.homethumb { border: 1px solid #ccc; width: 150px; height: 90px; margin: 0 }
	.homethumbcopy { font: 11px/15px verdana,helvetica,sans-serif; color: black; padding-top: 5px }
	.homethumbcopy a { color: #d93600; font-weight: bold; text-decoration: underline; }
	.homethumbcopy a:hover { color: black; }

	.diagramcont { padding: 10px 0 10px 0 }
	ul.diagram { margin-left: 0; padding-left: 0; white-space: nowrap }
	.diagram li { display: inline; list-style-type: none; padding-right: 5px }
	.diagram a { text-decoration: none; color: #333; background-color: white; padding: 20px 30px 20px 30px;
		 font: bold 16px arial,sans-serif; text-align: center; border: 1px dashed #999 }
	.diagram a:hover { text-decoration: none; background-color: #b00; border: 1px solid #999; color: white }

	.noshow { display: none; }
	.red { color: #ea4a16 }
	.gray { color: #aaa }
	.bold { font-weight: bold }
	.notbold { font-weight: normal }

	.copyright { font: 12px georgia,times,serif; color: #999; margin-top: 30px; margin-bottom: 200px;
		border-top: 1px solid #999; padding-top: 5px; }