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;
	}
	
.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;
	 }
.fbon p, .overlayon p {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1em;
	}
	
/*  Playball styles */
.layered {position:absolute; top:0; left:0;}
#HomeScore {position:absolute; top:13px; left:47px;}
#VisitorScore {position:absolute; top:13px; left:12px;}
#Inning {position:absolute; top:7px; left:123px;}
#Outs {position:absolute; top: 39px; left: 120px;}
#Outs[id="Outs"] {top: 32px;}
.option {position:absolute; top:225px;}
#topPlayBall{position:relative; height:54px; width:476px;}
#textArea {
	background-color:#000;
	background-image:url(images/status_area.jpg);
	background-repeat:no-repeat;
	background-location:top left;
	color:#FFF;
	height:54px;
	width:325px;
	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 #SubText {font-size: 11px;}
#textArea p {margin:0;padding:0;}
#wrapScoreboard {position:absolute;top:0;left:325px;height:54px;width:151px;background-image:url(images/scoreboard_background.png);background-repeat:no-repeat;}
#wrapField {position:relative;height:266px;width:476px;background-image:url(images/field.jpg);background-repeat:no-repeat;}
#wrapPlayBall {position:absolute; left:273px; top:104px;}
#wrapPlayBall * {margin:0;padding:0; border:0;}
#overlayQ {margin:0; padding:1em 2em 2em 2em;}
#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: 50px; text-indent: -40px; margin-left: 8px;}