body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;; 
	font-size: 16px;
	}

p, td, ol, ul, li { font-family: Arial, Helvetica, sans-serif;  font-size: 16px;}

#content p {padding: 0; margin: 0 0 1em 0;}

ul {list-style-image: url(images/bullet.jpg);}

ul ul li {list-style-image: url(images/sub_bullet.jpg);}

ul ul ul li {list-style-image: url(images/sub_sub_bullet.jpg);}

#content form ul { list-style-type: none; list-style-image: none; padding: 0; margin-left: 0; margin-bottom: 0;}

#content form li {padding-left: 50px; text-indent: -35px; margin-left: 8px;}

#content img, #popup img, .fbon img, .overlayon img {border:0; margin: 10px; z-index: 1;}

img.nopad, .nopad {margin: 0 !important; padding: 0 !important;}

.imgcapL {
	float: left;
	margin-bottom: .21em;
	}

.imgcapR {
	float: right;
	margin-bottom: .21em;
	}

.credit {
	color: #666666;
	font-size: 10px;
	text-align: center;
	margin-top: -13px;
	}

a:link { color: #336666;}
a:visited { color: #996666;}
a:hover { color: #336666;}
a:active { color: #003366;}

.bcFirst {
	color: #993333;
	font-weight: bold;
	font-size: 16px;
	}
	
.bcRest {
	color: #000000;
	font-weight: bold;
	font-size: 16px;}

.breadcrumbs {
	color: #003333;
	font-weight: bold;
	font-size: 12px;
	}

.TrueStory, .WhatYouKnow {
	color: #003333;
	font-size: 12px;
	margin: 10px;
	padding-top: 36px;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 1.1em;
	}
.TrueStory {
	background-image: url(images/icon_news.jpg);
	float: left;
	width: 60px;
	}
	
.WhatYouKnow {
	background-image: url(images/icon_what.jpg);
	display: block;
	margin: 2px 0 0 0;
	}

.WYKWrap {
	float: right;
	text-align: center;
	margin: 0 0 10px 10px;
	}
	
#content div.WYKWrap img {
	margin: 0;
	}
	
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

#popup {
	padding: 5px;
	}

div#wrapper .fl, div#popup .fl {
	float: left;
	margin-top: 4px;
	margin-left: 0;

	}
div#wrapper .fr, div#popup .fr  {
	float: right;
	margin-top: 4px;
	margin-right: 0;
	}

div.fl {
	padding-right: 10px;
	}
	
div.fr {
	padding-left: 10px;
	}

.TextSmall { font-size: 12px;}

.bold {font-weight: bold;}

.italics { font-style: italic;}

.underline { text-decoration: underline;}

.highlight { background-color: #FFFF00;}

.subscript {
	vertical-align: bottom;
	font-size: 10px;
	color: #666666;
	}

.superscript {
	vertical-align: text-top;
	font-size: 10px;
	color: #666666;
	}

.DevNote {color: green; font-size: 10pt; margin: 0 30em 0 2em; background-color: yellow;}

.Instruction {color: #336666; font-weight: bold;}

.Hint {
	color: #666666;
	font-size: 10pt;
	font-weight: normal;
}

.ScenarioNew {color: #006666}

.Nav {color: #993333; font-weight: bold;}

.NewTerm {color: #000000; font-weight: bold;}

.Bookref {color: #000000; font-weight: bold; font-style: italic;}
.Pageref {color: #000000; font-weight: bold;}

.Emphasis1 {color: #000000; font-weight: bold; font-style: italic;}
.Emphasis2 {color: #993333; font-weight: bold;}
.Emphasis3 {color: #996633;}

.Response {color: #996633; font-weight: bold;}

.FBCorrect {color: #000000;}
.FBIncorrect {color: #000000;}
.FBCorrect .FBBold, .FBCorrectBold { color: #006666; font-weight: bold }
.FBIncorrect .FBBold, .FBIncorrectBold { color: #993333; font-weight: bold }

h1, h2, h3, h4 {font-weight: bold; margin: 0px;}
h1 {color: #993333; font-size: 19px; text-align: center; margin-bottom: 1em; margin-top: 2px;}
h2 {color: #003333; font-size: 16px;}
h3 {color: #006666; font-size: 16px;}
h4 {color: #000000; font-size: 16px;}

td, th {padding: 3px; vertical-align:top;}
th {text-align: left;}

table, th, td {border: 1px solid #666; margin: 0; border-collapse: collapse;}
/* table {border-width: 1px; border-color: #84D5D6 #0E989A #0E989A #84D5D6;} */
/* th, td {border-width: 1px; border-color: #0E989A #84D5D6 #84D5D6 #0E989A;} */

.borderless, .borderless td, .borderless th { border: 0;}

.fbimg {width:20px; height:20px; display:block;}

.TableTitle {
	color: #003333;
	background-color: #B6DFDF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}
	
.TableTitleSM {
	color: #003333; 
	background-color: #B6DFDF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.ColTitle {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 16px;
	}
	
.ColTitleSM {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 12px;
	}

.RowTitle {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 16px;
	}
	
.RowTitleSM {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 12px;
	}
	
.talkon {display: inline;}

.talkoff {display: none;}

.clear {clear: both;}

	dl { 
		position: relative;
		margin: 0;
		padding: 0;
		}
	/* These will ultimately be applied only by IE/Mac */
	dt {
		color: #900; background-color: transparent;
		font-weight: bold;
		}
	dd {
		margin-bottom: 1em;
		}
	/* Commented backslash hack: all browsers EXCEPT IE Mac read this rule \*/

	dt {
		color: #900; background-color: transparent;
		font-weight: bold;
		text-align: right;
		float: left;
		clear: left;
		width: 5em;
		margin: 0 0 1em 0;
		}
		
	dd {
		clear: right;
		margin: 0 0 1em 6em;
		}
	dd.clear {
		clear: both;
		height: 0;
		visibility: hidden;
		margin: 0;
		padding: 0;
		width: 90%;
		}
/* End Mac Hack */
		
	/* only IE browsers see this rule */
	* html dd.clear { 
	    display: none; /* Set value for IE5.5 */
	    di\splay: normal; /* Reset value for IE6 Win and IE5 Mac */
    	}
.RespRight {
	background-image: url(images/Correct.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.RespWrong {
	background-image: url(images/Wrong.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666;
}
#swatchwrap {
	width: 102px;
	height: 92px;
	background-image: url(images/fig_03_01.jpg);
	background-repeat: no-repeat;
	}
#clock {
	 width: 35px;
	 position: relative;
	 top: 42px;
	 left: 26px;
	 font-weight: bold;
	 }
.fbon p, .overlayon p {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1em;
	}