body {
	padding: 0px;
	margin: 0px;

}

/*containers normal and case study */
.container_casestudy {
	position: absolute;
	left: -2px;
	top: 329px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(images/textexture.gif);
	background-position: top left;
	background-repeat:repeat;
}


/*containers normal and case study */
.container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.bannerbkgnd {
	display: none;
	background-image: url(../images/textexture.gif);
/*	background-image: url("images/banner_shim.gif");
	background-repeat: repeat-x;
	background-position: left;
	position: absolute;
	height: 135px;
	width: 100%;
*/}

.banner_print_only {
	display: none;
}

/* these are the banners for the course, various units, and case study */
.banner {
	display: none;
/*	background-image: url("images/course_banner.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner01 {
	display: none;
/*	background-image: url("images/banner_colliding_cultures.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner02 {
	display: none;
/*	background-image: url("images/banner_col_revol.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner03 {
	display: none;
/*	background-image: url("images/banner_newnation.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner04 {
	display: none;
/*	background-image: url("images/banner_cntry_dividing.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner05 {
	display: none;
/*	background-image: url("images/history2610_5.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner06 {
	display: none;
/*	background-image: url("images/history2610_6.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner07 {
	display: none;
/*	background-image: url("images/history2610_7.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner08 {
	display: none;
/*	background-image: url("images/history2610_8.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner_ancient {
	display: none;
/*	background-image: url("images/banner_cntry_dividing.jpg");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner_ancient1 {
	display: none;
/*	background-image: url("images/ancient_colliding_banner.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner_ancient2 {
	display: none;
/*	background-image: url("images/ancient_colonization_banner.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner_ancient3 {
	display: none;
/*	background-image: url("images/ancient_newnation_banner.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}
.banner_ancient4 {
	display: none;
/*	background-image: url("images/ancient_divided_banner.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	height: 135px;
	width: 610px;
*/}

.content {
	position: relative;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #434250;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 26px;
	margin-bottom: 26px;
}

/*for content without a nav bar*/
.content_nonav {
	position: relative;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #434250;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 26px;
	margin-bottom: 26px;
}

/* main content text style handling */

h1 {
	margin-top: 1.5em;
	font-size: large;
	font-weight: bold;
	color: #434250;
}
h2 {
	font-size: medium;
	font-weight: bold;
	color: #434250;
}
h3 {
	font-size: small;
	font-weight: bold;
	color: #434250;
}
p, table, td {
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
li {
	padding: 0px;
	margin: auto;
}

/* This is for a centered callout. */
.callout_center {
	width: 80%;
	margin: 15px auto 15px auto;	
	padding: 7px 0px 7px 0px;
	border: solid #9294A3 1px;
	background-color: #E5EBE9;
}

/* This is for a left-floated callout. */
.callout_left {
	width: 40%;
	margin: 7px 7px 7px 7px;	
	padding: 7px 0px 7px 0px;
	border: solid #9294A3 1px;
	background-color: #E5EBE9;
	float: left;
}

/* This is for a right-floated callout. */
.callout_right {
	width: 40%;
	margin: 7px 7px 7px 7px;	
	padding: 7px 0px 7px 0px;
	border: solid #9294A3 1px;
	background-color: #E5EBE9;
	float: right;
}

/* This is for all callout text and header. */
.callout_center h1, .callout_left h1, .callout_right h1 {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
	margin-top: -8px;
	margin-left: 0px;
	margin-right: 0px;
	color: #E5EBE9;
	font-size: small;
	font-weight: bold;
	background-color: #9294A3;
}
.callout_center p, .callout_center li, .callout_center table, .callout_left p, .callout_left li, .callout_left table, .callout_right p, .callout_right li, .callout_right table {
	margin-left: 7px;
	margin-right: 7px;
}

/* this is to create a frame around an object */
.framed {
	border: 3px solid #000000;
}

/* this is to add more vertical space between each list item */
.morelistspace li {
	padding: 0px;
	margin: 10px 0px 1.5em 0px;
}

/* this is to lessen the vertical space for list items--helps with sub items use a span for all of the li except the last*/
.lesslistspace li {
	margin-bottom: -1em;
}

/* bibliography style */
.biblio { 
	text-indent: -5em; 
	padding-left: 5em; 
	
}

/* cdl commenting for production */
.cdl_comment {
	font-family:"Courier New", Courier, mono;
	background-color:#FFFF00;
	color:#000000;
	font-size: 150%;
	font-weight: bold;
}
.cdl_comment:before {
	content: "[NOTE: ";
}
.cdl_comment:after {
	content: "]";
}

.nobreak {
	clear: both;
}

/* The 6 styles below deal with navigation handling.  If any of the margins need to be changed, the margins of the "content" style (whichwill also need to be changed. */

/*to handle a link to the previous page at the top of the page */
.nav_topback {
	display: none;
/*	position: absolute;
	top: 0;
	right: 62px;
	margin-top: -26px;
	background-image:url(images/back.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/*to handle a link up a level at the top of the page */
.nav_tophome {
	display: none;
/*	position: absolute;
	top: 0;
	right: 36px;
	margin-top: -26px;
	background-image:url(images/home.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/*to handle a link to the next page at the top of the page */
.nav_topforth {
	display: none;
/*	position: absolute;
	top: 0;
	right: 10px;
	margin-top: -26px;
	background-image:url(images/forth.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/*to handle a link to the previous page at the bottom of the page */
.nav_botback {
	display: none;
/*	position: absolute;
	bottom: 0;
	right: 62px;
	margin-top: -26px;
	background-image:url(images/back.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/*to handle a link up a level at the bottom of the page  */
.nav_bothome {
	display: none;
/*	position: absolute;
	bottom: 0;
	right: 36px;
	margin-top: -26px;
	background-image:url(images/home.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/*to handle a link to the next page at the bottom of the page  */
.nav_botforth {
	display: none;
/*	position: absolute;
	bottom: 0;
	right: 10px;
	margin-top: -26px;
	background-image:url(images/forth.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
*/}

/* The 6 styles below deal with navigation handling when there is no nav bar (like in the La Salle case study).  If any of the margins need to be changed, the margins of the "content" style (which will also need to be changed). */

/*to handle a link to the previous page at the bottom of the page */
.nonav_back {
	position: absolute;
	top: -25px;
	right: 69px;
	margin-top: 0px;
	background-image:url(images/back.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
}

/*to handle a link up a level at the bottom of the page */
.nonav_home {
	position: absolute;
	top: -25px;
	right: 56px;
	margin-top: 0px;
	background-image:url(images/home.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
}

/*to handle a link to the next page at the bottom of the page */
.nonav_forth {
	position: absolute;
	top: -25px;
	right: 30px;
	margin-top: 0px;
	background-image:url(images/forth.gif);
	background-repeat:no-repeat;
	height: 26px;
	width: 26px;
}

.img_left {
	padding: 0;
	display:block;
	margin: auto 10px auto 0px;
	float: left;
}

.img_right {
	padding: 0;
	display:block;
	margin: auto 0px auto 10px;
	float: right;
}

.img_cent {
	padding: 0;
	display:block;
	margin: auto;
}

.img_left p, .img_right p, .img_cent p {
	margin:0px;
	font-size:x-small;
	text-align:left;
}

.titlepagefont {
	font-size:xx-large;
}

img {
	border:0;
}

.interaction {
padding: 3px;
margin: 0px;
border: #666666 solid 1px;
background-color:#E5EBE9;
}

.interaction .instructions {
	padding: 3px;
	margin: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #434250;
}

.interaction p{
	margin-left: 10px;
	margin-right: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #434250;
}	

/* this handles the bottom frame of the lasalle game */
.bottombar {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #434250;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bottombar p, .bottombar td {
	padding: 0px;
	margin: 10px 10px 10px 10px;
}

.cs_parchment {
	background-image: url(../images/textexture.gif);
	background-repeat: repeat;
}