BODY { background-color: #FFFFFF; color: #000000; font-family: Helvetica, Arial;  font-size: 12pt; }

P, TD, OL, UL, LI { font-family: Helvetica, Arial;  font-size: 12pt;}

UL { list-style-image:  url(images/bullet.jpg);}
UL UL LI {list-style-image: url(images/sub_bullet.jpg);}
		
.scrolltext225 {
	overflow : auto;
	position : relative;
	Height : 210px;
	width: 200px;
	left: 0px;
	line-height: 1.2;

}

.scrolltext300X740 {
	overflow : auto;
	position : relative;
	Height : 300px;
	width: 740px;
	left: 0px;
	line-height: 1.2;

}

.scrolltext455 {overflow : auto; position : relative ; Height : 400px;}

A:link { color: #006699;}

A:visited { color: #996666;}

A:hover { color: #006699; text-decoration: none;}

A:active { color: #003366;}

.Breadcrumbs {padding-left: 10px; color: #003366; font-weight: bold; font-size: 10pt;}
.bcFirst {color: #993333; font-weight: bold; font-size: 12pt;}
.bcRest {color: #000000; font-weight: bold; font-size: 12pt;}

.Italics { font-style: italic;}

.Underline { text-decoration: underline;}

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

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

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

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

.FBCorrect {}
.FBCorrectbold {color: #3399CC; font-weight: bold;}


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

/* jts 2003.04.16 -- define rules for FBBold in the context of Correct or Incorrect Feedback */
.FBCorrect .FBBold { color: #3399CC; font-weight: bold }	/* replaces .FBCorrectBold rule */
.FBIncorrect .FBBold { color: #993333; font-weight: bold }	/* replaces .FBIncorrectBold rule */

H1 {color: #993333; font-weight: bold; font-size: 14pt; margin-bottom: 0px;}
H2 {color: #006699; font-weight: bold; font-size: 14pt; margin-bottom: 0px; margin-top: 0;}
H3 {color: #3399CC; font-weight: bold; font-size: 12pt; margin-bottom: 0px;}

p.ISBN { margin-top: 0}

p.Author { color: #003366; font-weight: bold; margin: 0 ;}

.Extras { color: #666; font-size: 90%; }

/* additional styles to support layout of preview site */


img, a img {
	border:0;
}
html, body {
	margin:0; padding:0;
}
/*  ===== BANNER ===== */
#banner {
	height: 100px;
	background-color: #999;
	position:relative; /* Bug fixes for child pos:abs */
	}
#banner #skipNav {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	}
#banner h1 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}
#banner h1 a { /* off-left image replacement technique */
	background-image:url("images/logo.jpg");
	background-repeat:no-repeat;
	height:100px;
	width:340px;
	display:block;
	text-indent: -1000px;
	}
#banner h2, #banner h3 {
	font-weight: bold;
	font-size:1.125em;
	text-transform:uppercase;
	width:19.5em;
	position:absolute;
	left:25em;
	border-left:1px solid #666;
	padding:0 0 0 7px;
	margin: 0;
	line-height: 1.0em;
}
/* Mac Hack; hide this from IE Mac \*/
#banner h2, #banner h3 {
	left:22.5em;
	}
/* End Mac Hack */
#banner h2 {
	height:83px;
	color:#000;
	top:17px;
	}
#banner h3 {
	color:#FFF;
	bottom:0px;
	vertical-align: bottom;
	}
#banner #signInOut {
	display:block;
	font-size:.6875em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-color:#000;
	position:absolute;
	left:336px;
	bottom:0;
	padding:2px 4px;
	width:5.5em;
	/* Mac IE Hack \*/
	width:auto;
	/* end IE Mac Hack */
	}
#banner #signInOut:hover {
	background-color:#666;
	}
#banner #viewCart {
	position:absolute;
	left:340px;
	top:30px;
	}



	.Bold {font-weight: bold;}
	
	#splash {
	      float: left;
		  margin-top: 15px;
		  margin-bottom: 10px;
		  margin-left: 10px;
		  		     }
	
	
	#header {
		height: 64px;/*	 has to match height of background image */
		clear: both;
		padding-bottom: 0px;
		padding-left: 80px;
		background-image:  url(images/ban_logo.jpg);
		background-color: #7EBAEC;	/* matches banner background, in case it needs to stretch */
		background-repeat: no-repeat;
		}

	#header h1 {
		font-size: 48px;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 10px;
		
		 }	
	
	#description {
		padding-top: 10px;
		padding-left: 10px;
		clear: both;
				}
	#tech {
		padding-top: 5px;
		padding-left:5px;
		padding-right:5px;	
	}
	#description p { margin-top: 0;}
	/* override default top margin -- bottom margin does all the spacing we need */
		
	#highlights {
	    margin-top: 10px;
		margin-left: 320px;
				}
		
	#highlights li {
		margin: 4px 0px;
		}
		
	a.Button {
		border: 3px outset ; 
		font-size: 80%;
		color: black;
		background-color: #D0E9FF;
		padding: 3px 6px;
		float: right;
		}
	
	a.Button:link, a.Button:visited { color: black }
	a.Button:hover { color: blue; }
	a.Button:active { border: 2px inset;}
		
	div.clear { clear: both }	
.Head1  { }