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;
	}

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

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

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

.breadcrumbs {
	color: #003366;
	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;
	}
	
	#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;
	 }
	 #clockclick {
	 display:block;
	 height:100px;
	 width:100px;
	 position:absolute;
	 margin-top:0px;
	 margin-left:-50px;
	 margin-top /* */:/**/-15px;
	 margin-left /* */:/**/-5px;
	 }
	 
	#BeatTheClock {
	border-style:dashed;
	border-color:#DFF1FF;
	border-width:5px;
	width:25em;
	height:3em;
	margin-left:1.5em;
	margin-top:-1em;
	padding-top:2em;
	padding-right:1em;
	padding-left:1em;
	padding-bottom:.5em;
	
	}
	
.Rule, ul.Rule , .Rule p {color: #993333; font-size: 13px; margin-left:40px;}

 ul.Rule {padding-left:30px;}

.Rule li { font-size: 13px;}

	
.indentedP {margin-left: 2em;}

.paddedL {padding-left:20px;}

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

.Glossary, dfn {font-family: Helvetica, Arial; font-weight: normal; font-style:normal;}
span.Glossary dfn, dfn{
border-bottom: 2px dotted #993333;
  cursor: help;
}
	
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.tat {text-align: top;}

.center{
text-align:center;
margin: 0 auto;
}

#popup {
	padding: 5px;
	}

div#wrapper .fl, div#popup .fl {
	float: left;
	margin-top: 4px;
	margin-left:0;
    
	}
div#wrapper img.fl, div#popup img.fl {
	float: left;
	margin-top: 4px;
	margin-left: 0;
    margin-bottom: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: #006699; font-weight: bold;}

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

.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; font-style:normal;}

.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: #3399CC; 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: #006699; font-size: 16px;}
h3 {color: #3399CC; 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: #003366;
	background-color: #B6DFDF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}
	
.TableTitleSM {
	color: #003366; 
	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;
	 }
	 
.audio{
float: right;
text-align:center;
width:54px;
margin-top: .1em;
}
.fbon p, .overlayon p {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: .2em;
	}

body p.Book, body p.book, body p.Resource, body p.resource {
	min-height:35px;
}

* html body p.Book, * html body p.book, * html body p.Resource, * html body p.resource {
	height:35px;
}


#content p.Book, #content p.book {
	padding-left: 50px;
	background-image: url(images/icon_book.jpg);
	background-repeat: no-repeat;
	background-position: left;
} 

#content p.CD, #content p.cd {
	padding-left: 50px;
	background-image: url(images/icon_cd.jpg);
	background-repeat: no-repeat;
	background-position: left;
} 

.descriptions {
display:block;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;;
border:1px solid #990000;
background-color:#D8E6F2;
height:11em;
width:15em;
padding:.7em;
float:right;
}
	
/*  Playball styles */
.layered {position:absolute; top:0; left:0;}
.option {position:absolute; top:285px;}
#topPlayBall{position:relative; height:30px; width:415px;}
#textArea {
	background-repeat:no-repeat;
	background-location:top left;
	color:#FFF;
	height:35px;
	width:415px;
	position:absolute;
	top:0;
	left:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}
#textArea #Text {font-size: 13px;margin-top:8px;}
#textArea p {margin:0;padding:0;}
#wrapField {position:relative;height:321px;width:415px;}
#wrapPlayBall {position:absolute; left:333.5px; top:103px;}
#wrapPlayBall * {margin:0;padding:0; border:0;}
#overlayQ {margin:0; padding:3em 1em 1em 1em;}
#overlayQ  p.question {margin-bottom:.5em;}
#wrapPlayBall form ul { list-style-type: none; list-style-image: none; padding: 0; margin-left: 0; margin-bottom: 0;}
#wrapPlayBall form li {padding-left: 25px; text-indent: -36px; margin-left: 8px;}