/* ----------------------------------- common styles to all pages ------------------------------------------------------------------------------- */

body {
	color:#000;
	background-color: #480000;
	font:80%/130% "lucida grande", arial, san-serif;
	margin:0;
	padding:0;
	font-weight:normal;
	}
	
p {
	font-size:1.0em;
	font-family: "lucida grande", verdana, san-serif;
	}
	
h1 {
	margin:0;
	padding:0 0 0.7em 0;
	font-size:1.4em;
	}
	
h2 {
	color:#480000;
	margin:0;
	padding:1.0em 0 0.8em 0;
	font-size:1.3em;
	line-height:1.3em;
	}
	
h3 {
	margin:0;
	padding:0.4em 0 0.25em 0;
	font-size:1.2em;
	line-height:1.1em;
	}
	
h4 {
	margin:0;
	padding:10px 0 2px 0;
	font-size:1.0em;
	}
	
h5 {
	font-size: 9px; 
	font-weight: 100;
	margin: 0;
	margin-top: 5px;
	text-align: center;
	}
	
img {
	border:none;
	}

select {
	margin:12px 0 0 0;
	}

form {
	margin: 12px 0 0 0;
	}
	
ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul li {
	list-style:none;
	}
	
ul.resourceslist {
	padding-left: 15px;
}

ul.resourceslist li {
	padding-top: 5px;
}

input {
	margin:18px 0 0 0;
	padding:0;
	}
	
ul.showlist li {
	margin-left: 30px;
	list-style: disc;
	font-size:1.0em;
	font-family: "lucida grande", verdana, san-serif;
}
	
cite {
	font:110%/120% serif;
	font-style:normal;
	display:block;
	}

a {
color: #600;
}

	
/* ----------------------------------- homePage specific ------------------------------------------------------------------------------- */	
.homePage #wrapper {
	background:#FFF url(/courses/amerhistory/images/AMHheaderHome.jpg) no-repeat;
	margin:0 auto;
	padding:0;
	width:777px;
	border-left:1px solid #888;
	border-right:1px solid #888;
	}
	
.homePage .topBar {
	margin:0;
	padding:0;
	height:130px
	}
	
.homePage .topBar h1 {
	display:none;
	overflow:hidden;
	}
	
		
#homeDescrip {
	position:relative;
	top:20px;
	left:420px;
	width:330px;
	float:left;
	}

.topBar h2 {
	font:1.2em georgia, "times new roman", times, serif;

	width: 300px;
	height: 40px;
	letter-spacing:0.03em;
	color:#480000;
	margin:0;
	padding:0;
	}
	
#intro {
	font-size:1em;
	line-height:1.2em;
	margin:10px 0 0 12px;
	width: 300px;
	}

#start {
	background:url(/courses/amerhistory/images/start_here_hov.gif) no-repeat;
	margin:0.4em 0 0 0;
	}

#start a {
	background:url(/courses/amerhistory/images/start_here.gif) no-repeat;
	text-indent:-5000px;
	text-decoration:none;
	display:block;
	width:121px;
	height:24px;
	}
	
/* hide from ie mac \*/
#start a {
	overflow:hidden;
	}
/* end hack */
	
#start a:hover, #start a.active {
	background-image:none;
	}
	
	
.homePage #leftContent {
	width:370px;
	float:left;
	padding:20px 0 20px 12px;	
	}
	
.homePage #rightContent {
	width:350px;
	float:right;
	padding: 19px 16px 0 0 ;
	} 
	
	
#unitNav {
	font-size:105%;
	margin:0;
	padding:0;
	}
	
#unitNav h2 {
	background:url(/courses/amerhistory/images/units_navheader.gif) no-repeat 0 50%;
	display:block;
	text-indent:-5000px;
	width:248px;
	height:40px;
	padding:0;
	margin:0 0 0 30px;
	}
	
	
#rollNav {
	color:#600;
	margin:0;
	padding:0 0 0 70px;
	}
	
#rollNav li {
	padding:2px 0;
	font-weight:bold;
	}
	
#rollNav a {
	text-decoration:none;
	color:#600;
	}

#rollNav a:hover, #rollNav a.active, #rollNav li:hover, #rollNav li.active {
	color:#066;
	}

#producedLinks {
	width:340px;
	margin:21px 0 0 30px;

	}

#producedLinks h2 {
	background:url(/courses/amerhistory/images/units_partheader.gif) no-repeat 0 50%;
	display:block;
	text-indent:-5000px;
	width:248px;
	height:40px;
	padding:0;
	margin:0;
	}
	
#producedLinks img {
	margin:5px 0;
	}

#producedLinks p {
	text-align:center;
	background-color:#acc4e0;
	margin:0;
	padding:4px;
	color:#480000;
	border-bottom:2px solid #480000;
	}
	
/*--- interactive links ----*/
#interactiveLinks {
	margin-top: 20px;
}

#interactiveLinks ul {
	list-style-type:none;
	margin:-97px 0 0 7.5px;
	padding:40px 0 0 0;
	height:50px;
	}

/*\*/
* html #supplementaryLinks1 {
	margin:-190px 0 0 0;
	}
/**/ /*fixing nn7 bug (img display:block) by way of manhandling iewin */

* html #interactiveLinks li {
	display:inline;
	}


#intv_1 {
	position:relative;
	left: 6px;
	}
	
#intv_2 {
	position:relative;
	left: 15px;
	}
	
#intv_3 {
	position:relative;
	left:22px;
	}		

#intv_4 {
position:relative;
	left:28px;
	}
	
#intv_5 {
position:relative;
	left:36px;
	}
	
#intv_6 {
position:relative;
	left:36px;
	}	
	
/* mac hack \*/
#interactiveLinks img {
	display:block;
	}

#intv_1 {
	position:relative;
	left:6px;
	}
	
#intv_2 {
	position:relative;
	left:55px;
	top:-48px;
	}
	
#intv_3 {
	position:relative;
	left:104px;
	top:-96px;
	}		

#intv_4 {
position:relative;
	left:153px;
	top:-144px;
	}
	
#intv_5 {
	position:relative;
	left:202px;
	top:-192px;
	}
	
#intv_6 {
	position:relative;
	left:250px;
	top:-240px;
	}	
/*end mac hack*/

/* start IE 7 hack */
*:first-child+html body #wrapper #rightContent #interactiveLinks ul #intv_2,
*:first-child+html body #wrapper #rightContent #interactiveLinks ul #intv_3,
*:first-child+html body #wrapper #rightContent #interactiveLinks ul #intv_4,
*:first-child+html body #wrapper #rightContent #interactiveLinks ul #intv_5,
*:first-child+html body #wrapper #rightContent #interactiveLinks ul #intv_6
{
	margin-top: -3px;
}
/* end IE 7 hack */

	
/*------- end interactive links ------------*/

#supplementaryLinks1 {
	padding:0 0 0 0;
	border-bottom:2px solid #E1C88C;
	}

#supplementaryLinks1 ul {
	list-style:none;
	margin:17px 0 12px 7px;
	padding:0 0 0 0;
	}

#supplementaryLinks1 li {
	padding:0.4em 0;
	}

#supplementaryLinks1 li a {
	text-decoration:none;
	padding:4px 0 4px 30px;
	}
	


.block a {
	color:#600;
	background:url(/courses/amerhistory/images/supp_links1_bullet.gif) no-repeat 0 50%;
	}
	
.block a:hover, .block a.active {
	color:#066;
	background:url(/courses/amerhistory/images/supp_links_bullet_hov.gif) no-repeat 0 50%;
	}
	
.vod a {
	color:#000;
	background:url(/courses/amerhistory/images/vod.gif) no-repeat 0 50%;
	}
	
.vod a:hover, .vod a.active {
	color:#066;
	background:url(/courses/amerhistory/images/vod_hov.gif) no-repeat 0 50%;
	}
	

#supplementaryLinks2 {
	font-size:90%;
	}
	
#supplementaryLinks2 ul {
	list-style:none;
	margin:12px 0 17px 7px;
	padding:0 0 0 0;
	}
	
#supplementaryLinks2 li {
	padding:0.4em 0;
	}
	
#supplementaryLinks2 a {
	text-decoration:none;
	color:#000;
	background:url(/courses/amerhistory/images/supp_links2_bullet.gif) no-repeat 0 50%;
	padding:0 0 0 30px;
	}

#supplementaryLinks2 a:hover, #supplementaryLinks2 a.active {
	background:url(/courses/amerhistory/images/supp_links_bullet_hov.gif) no-repeat 0 50%;
	color:#066;
	}



#supplementaryLinks3 {
	font-size:86%;
	}

#supplementaryLinks3 ul {
	list-style:none;
	margin:5px 0 0 7px;
	padding:0 0 0 0;
	}
	
#supplementaryLinks3 li {
	display:inline;
	}
	
#supplementaryLinks3 a {
	text-decoration:none;
	color:#000;
	}

#supplementaryLinks3 a:hover, #supplementaryLinks3 a.active {
	color:#666;
	text-decoration:underline;
	}

#supplementaryLinks3 .sepBar {
	border-right:1px solid #000;
	padding:0 6px 0 0;
	margin:0 6px 0 0;
	}
	
.partnersLinks li {
	margin:1em 0 0 0;
	clear:left;
	width:520px;
	}	
	
.partnersLinks img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}

#NCHSlg {
	margin-right:8px;
	}

.partnersLinks a {
	display:block;
	text-decoration:none;
	color:#000;
	}
	
.partnersLinks a:hover, .partnersLinks a.active {
	color:#600;
	}


/* ----------------------------------- unitPage specific ------------------------------------------------------------------------------- */
.unitPage #wrapper {
	width:777px;
	background:#FFF url(/courses/amerhistory/images/AMHheaderUnit.jpg) no-repeat;
	margin:0 auto;
	padding:0;
	border-left:1px solid #888;
	border-right:1px solid #888;
	}
	
.unitPage .topBar h1 {
	margin:0 0 30px 0;
	padding:0;
	width:200px;
	float:left;
	text-indent:-5000px;
	overflow:hidden;
	}
	
.unitPage .topBar h1 a {
	display:block;
	position:relative;
	width:224px;
	height:70px;
	}
	
#lowerContent {
	clear:both;
	}

.tooShort {
	height:37em;
	}	
	

/* ----------------------------------- dropdown nav ------------------------------------------------------------------------------- */
#ddnav {
	margin: 0 0 0 250px;
	padding:25px 0 0 0;
	font-size:90%;
	list-style:none;
	}

#ddnav ul {
	padding:0;
	list-style: none;
	}
#ddnav ul {
	list-style: none;
}

#MNunits, #MNinteractives, #MNresourceArchive, #MNtimeline, #MNsupportMaterials, #MNabout {
	display: block;
	margin:0 4px 0 0;
	}

.ddnavTop {
	float: left;
	}
	
#ddnav li ul a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:4px 10px;
	}
	
* html #ddnav li ul a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:4px 6px;
	margin:-7px 0 -10px 0;
	}
	
#ddnav ul li {
	margin:0;
	padding:0;
	}

#ddnav li
{
	list-style: none;
}

#ddnav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	background-color:#B7C8DC;
	border-right:2px solid #066;
	border-bottom:2px solid #066;
	padding:0;
	margin:0;
	}
	
* html #ddnav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	background-color:#B7C8DC;
	border-right:2px solid #066;
	border-bottom:2px solid #066;
	padding:5px 0 0 0;
	margin:0;
	}
	
#ddnav .even {
	background-color:#D2E1F0;
	}
	
#ddnav li ul a:hover, #ddnav li ul a.active {
	background-color:#F0F5FA;
	}

#ddnav li:hover ul, #ddnav li.sfhover ul {
	left: auto;
	}

/* hide from ie mac \*/
#ddnav a {
	overflow:hidden;
	}
/* end hack */

#ddnav a:hover, #ddnav a.active {
	background-position:100%;
	} /*pixy reveal*/

#MNunits {
	background:url(/courses/amerhistory/images/masterNav/units.gif) no-repeat 0 0;
	text-decoration:none;
	width:50px;
	height:19px;
	display:block;
	text-indent:-5000px;
	position:relative;
	}
	
#MNinteractives {
	background:url(/courses/amerhistory/images/masterNav/interactives.gif) no-repeat 0 0;
	text-decoration:none;
	width:82px;
	height:19px;
	display:block;
	text-indent:-5000px;
	}
	
#MNresourceArchive {
	background:url(/courses/amerhistory/images/masterNav/resourceArchive.gif) no-repeat 0 0;
	text-decoration:none;
	width:111px;
	height:19px;
	display:block;
	text-indent:-5000px;
	}
	
#MNtimeline {
	background:url(/courses/amerhistory/images/masterNav/timeline.gif) no-repeat 0 0;
	text-decoration:none;
	width:55px;
	height:19px;
	display:block;
	text-indent:-5000px;
	}
	
#MNsupportMaterials {
	background:url(/courses/amerhistory/images/masterNav/supportMaterials.gif) no-repeat 0 0;
	text-decoration:none;
	width:113px;
	height:19px;
	display:block;
	text-indent:-5000px;
	}
	
#MNabout {
	background:url(/courses/amerhistory/images/masterNav/about.gif) no-repeat 0 0;
	text-decoration:none;
	width:43px;
	height:19px;
	display:block;
	text-indent:-5000px;
	}


/* ----------------------------------- sidebar ------------------------------------------------------------------------------- */
#sidebar {
	float:left;
	width:150px;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	position:absolute;
	}
	
#sidebar h2 {
	background:url(/courses/amerhistory/images/supp_links2_bullet.gif) no-repeat 0 50%;
	padding:0 0 0 30px;
	}
	
#sidebar h2 a {
	color:#000;
	text-decoration:none;
	}
	
#sidebar h2 a:hover, #sidebar h2 a.active {
	color:#666;
	}
	
#unitOptions {
	border-top:4px solid #E1C88C;
	margin:12px 0 10px 0;
	padding:0.8em 0 0 0;
	font-size:90%;
	}	

#unitOptions ul {
	list-style:none;
	padding:0;
	margin:0 0 0 0;
	}
	
	
#unitOptions li {
	padding:0.4em 0;
	}
	
#unitOptions a {
	text-decoration:none;
	color:#000;
	background:url(/courses/amerhistory/images/supp_links2_bullet.gif) no-repeat 0 50%;
	padding:5px 0 5px 30px;
	}

#unitOptions a:hover, #unitOptions a.active {
	background:url(/courses/amerhistory/images/supp_links_bullet_hov.gif) no-repeat 0 50%;
	color:#066;
	}


#unitOptions .vod a {
	color:#000;
	background:url(/courses/amerhistory/images/vod.gif) no-repeat 0 50%;
	}
	
#unitOptions .vod a:hover, #unitOptions .vod a.active {
	color:#066;
	background:url(/courses/amerhistory/images/vod_hov.gif) no-repeat 0 50%;
	}
	
#resources {
	border-top:2px solid #600;
	}
	
#resources dt {
	color:#600;
	margin:10px 0 0 0;
	}
	
#resources dt a {
	color:#600;
	text-decoration:none;
	}
	
#resources dt a.active, #resources dt a:hover {
	color:#666;
	text-decoration:underline;
	}

#resources dd {
	font-size:85%;
	line-height:130%;
	padding:5px 0;
	margin:0 0;
	}
	
#resources dd a {
	display:block;
	text-decoration:none;
	color:#000;
	padding-left:20px;
	}
	
#resources dd a:hover, #resources dd a.active {
	background:url(/courses/amerhistory/images/roll_arrow.gif) no-repeat 0 50%;
	}

.moreInfo {
	font-size:100%;
	line-height:130%;
	display:block;
	background-color:#B2D1D1;
	border-top:1px solid #600;
	border-left:1px solid #600;
	text-decoration:none;
	color:#000;
	padding:5px;
	}

.moreInfo:hover, .moreInfo.active {
	color:#066;
	background-color:#D2E1F0;
	border-top:1px solid #066;
	border-left:1px solid #066;
	}

/* ----------------------------------- unit content ------------------------------------------------------------------------------- */

#unitContent {
	width:560px;
	margin:0 0 0 200px;
	}

.alltext, #video {
	width:450px;
	margin-left:30px;
	}
	
#alltextBody img {
	float:right;
	margin:8px 0 10px 10px;
	border:1px solid #480000;
	}

/* ------------ front page ----------------------*/
#unitContentTop img {
	border:1px solid #480000;
	float:left;
	margin: 0 8px 4px 0;
	}
	

#unitContentThemes img {
	border:1px solid #480000;

	margin-bottom:5px;
	}
	
#unitContentThemes {
	width:566px;
	float:left;
	}
	
#unitContentTop .more {
	clear:left;
	}
	

.more {
	background:url(/courses/amerhistory/images/more_hov.gif) no-repeat;
	}

.more a {
	background:url(/courses/amerhistory/images/more.gif) no-repeat;
	text-decoration:none;
	text-indent:-5000px;
	overflow:visible;
	display:block;
	width:67px;
	height:20px;
	}
	
/* hide from IE Mac \*/
.more a {
	overflow:hidden;
	}
/* end hide */
		
.more a:hover, .more a.active {
	background-image:none;
	}
	
a#start_here:link img, a#start_here:visited img {
	background:url(/courses/amerhistory/images/start_here.gif) no-repeat;
	border: 0;
	margin-top: 10px;
	}
	
a#start_here:hover img, a#start_here:active img {
	background:url(/courses/amerhistory/images/start_here_hov.gif) no-repeat;
	}



.themeSect {
	width:166px;
	padding:0 20px 0 0;
	margin:0;
	float:left;
	}
 /*\*/
 .themeSect {
 	padding:0 20px 0 0;
	}
 /**/


.themeSect p {
	}
	
.themeSectText {
	padding:0;
	background-color:#FFF;
	display:block;
	margin:0 0 10px 0;
	min-height:100px;
	font-size:85%;
	line-height:130%;

	}

#leftTheme, #middleTheme, #rightTheme {
	
	}

	
/* -------------------- end front page -----------------*/

/*--------------theme page -------------------*/
#sourceMaterials h3 {
	font-weight:bold;
	padding:0.4em 0.7em;
	margin:1.0em 0 0.3em 0;
	color:#FFF;
	background-color:#480000;
	border-bottom:3px solid #CCC;
	}

#sourceMaterials img {
	clear:left;
	margin-right:10px;
	width:120px;
	padding:2px;
	background-color:#CCC;
	border:2px solid #480000;
	}
	
#sourceMaterials dl {
	width:350px;
	list-style:none;
	margin:10px 0 20px 0;
	padding:0;
	}

#sourceMaterials dt {
	display:block;
	font-weight:bold;
	font-size: 1.2em;
	background-color: FFE085;
	padding:3px 6px;
	color:#480000;
	border-bottom:2px solid #480000;
	}

#sourceMaterials dd {
	display:block;
	margin:10px 0;
}
	
#sourceMaterials dd a {
	color:#000;
	text-decoration:none;
	}
	
#sourceMaterials a:hover, #sourceMaterials a.active {
	color:#666;
	}

/* --------------end theme page ----------------*/

/*----------video page ---------*/
	
.h3link a {
	color:#000;
	text-decoration:none;
	}
	
.h3link a.active, .h3link a:hover {
	color:#666;
	}	
	
/*--------------video end ---------*/

/*---- additional resources --------*/
#addtlResources {
	width:400px;
	}
	
#addtlResources dt {
	font-weight:bold;
	margin-bottom:5px;
	}
	
#addtlResources dd {
	margin:0 0 10px 15px;
	}
	
#addtlResources dd a {
	color:#000;
	}
	
#addtlResources a:hover, #addtlResources a.active {
	color:#666;
	}
/*--------end additional resources -----*/
	
.clear {
	padding:14px 0 0 0;
	margin:0 0 10px 0;
	clear:left;
	}
	
#unitContent p {
	padding-bottom:0.8em;
	margin:0;
	}

#unitContent h3 {
	}
	
#unitBottomNav {
	background-color:#FFF;
	clear:both;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	}
	
#unitBottomNav ul {
	list-style:none;
	margin:0;
	text-align:center;
	}
	
#unitBottomNav li {
	display:inline;
	}
	
#unitBottomNav a {
	font-size:85%;
	text-decoration:none;
	color:#000;
	}
	
#unitBottomNav a:hover, #unitBottomNav a.active {
	color:#666;
	text-decoration:underline;
	}
	
#unitBottomNav .sepBar {
	border-right:1px solid #000;
	padding-right:10px;
	margin-right:8px;
	}	

* html #unitBottomNav .sepBar {
	border-right:1px solid #000;
	padding-right:8px;
	margin-right:12px;
	}
	
/* ------ Resource Collection ----- */
#RCresults {
	width:450px;
	float:left;
	}

 #RCresults a, #RCresults a.visited {

	}	
		
#RCresults a:hover, #RCresults a.active {
	color:#666;
	}	
	
.RCresultsResult {
width:450px;
	float:left;
	margin:10px 0 0 0;
	clear: both;
	}

.RCresultsResult img {
	float:left;
	border:2px solid #480000;
	margin:0 10px 30px 0;
	}

.RCresultsText {
width: 310px;
float: right;
}

	
#RCresults h3 {
	font-weight:bold;
	padding:0.4em 0.7em;
	margin:1.0em 0 0.3em 0;
	color:#FFF;
	background-color:#480000;
	border-bottom:3px solid #CCC;	
	}
	
#RCresults h4 {
	display:block;
	font-weight:bold;
	font-size: 1.2em;
	padding: 3px 6px;
	margin-top: 25px;
	color:#480000;
	background-color: #FFE085;
	border-bottom:2px solid #480000;
	}	
	
	
#RCresults p.title {
	font-size: 105%;
	line-height: 110%;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	}
	
#RCresults p.caption {
	font-size: 80%;
	line-height: 115%;
	display:block;
	margin: 0 0 3px 0;
	padding: 0;
	}	

#RCresults p.itemnum {
	font-size: 80%;
	display:block;
	}	
	
.texticon {
	color:#333;
	text-decoration:none;
	width:114px;
	padding-left:20px;
	background:url(/courses/amerhistory/images/texticon.gif) no-repeat 0 50%;
	}


#RCdetail {
	width:300px;
	float:left;
	}

#RCdetail p.caption {
	font-size: 80%;
	line-height: 115%;
	display:block;
	margin: 10px 0 3px 0;
	padding: 0;
	clear: both;
	}	

#RCdetail p.itemnum {
	font-size: 80%;
	display:block;
	}	

#RClarger {
	width:550px;
	float:left;
	}
	
#RClarger p.caption {
	font-size: 80%;
	line-height: 115%;
	display:block;
	margin: 10px 0 3px 0;
	padding: 0;
	clear: both;
	}		
	
.RCresultsCloser {
	width:300px;
	float:left;
	}
	
.RCresultsCloser img {	
	margin-bottom:2px;
	border:2px solid #480000;
	}
	
.RCquote {
	background-color:#F7F1E3;
	padding:10px;
	}
	
#RChistorical {
	border:2px solid #480000;
	width:230px;
	float:right;
	margin:0 0 0 10px;
	}
	
#RChistorical h4 {
	padding:10px 10px 4px 10px;
	}
	
#RChistorical p {
	padding:5px 10px 10px 10px;
	}
	
/*\*/
* html #RChistorical {
	
	} /* hack to make IE WIN behave like other browsers */
/**/

.RCzoom {
display: block;
	float: right;
	text-decoration:none;
	color:#666;
	font-size:90%;
	line-height:130%;
	margin-bottom: 10px;
	}

.RCcaption {
	font-size:80%;
	line-height:130%;
	}

.RCzoom.active, .RCzoom:hover {
	color:#966;
	}
	
#RChistorical table {
	border-collapse:collapse;
	border-bottom:2px solid #480000;
	}
	
#RChistorical td {
	padding:3px 10px;
	border-bottom:1px solid #480000;
	}
	
#RChistorical .left {
	vertical-align:top;
	color:#FFF;
	background:#600 url(/courses/amerhistory/images/grad_cnr_600.gif) no-repeat 0 0;
	}
	

	
/*----------- Interactives --------------------*/
#intv_col {
	width:500px;
	}

.callout {
	background-color:#D2E1F0;
	border-top:2px solid #600;
	border-left:2px solid #600;
	text-decoration:none;
	color:#000;
	margin:0;
	padding:0;
	}
	
.callout h4 {
	padding:10px 0 0 10px;
	}

.callout p {
	padding:0 0 10px 10px;
	}
	
.intv_launch_section {
	margin:30px 0;
	}

.intv_launch_section a {
	display:block;
	width:87px;
	height:88px;
	float:left;
	text-decoration:none;
	text-indent:-5000px;
	margin-right:15px;
	clear:left;
	}
	
.intv_right {
	}
	
.intv_right h3 {
	color:#600;
	}

	
#intv_1_launch {
	background:url(/courses/amerhistory/images/interactives/1_launch.jpg) no-repeat;
	}
	
#intv_1_launch.active, #intv_1_launch:hover {
	background:url(/courses/amerhistory/images/interactives/1_launch_hov.jpg) no-repeat;
	}
	
#intv_2_launch {
	background:url(/courses/amerhistory/images/interactives/2_launch.jpg) no-repeat;
	}
	
#intv_2_launch.active, #intv_2_launch:hover {
	background:url(/courses/amerhistory/images/interactives/2_launch_hov.jpg) no-repeat;
	}
	
#intv_3_launch {
	background:url(/courses/amerhistory/images/interactives/3_launch.jpg) no-repeat;
	}	
	
#intv_3_launch.active, #intv_3_launch:hover {
	background:url(/courses/amerhistory/images/interactives/3_launch_hov.jpg) no-repeat;
	}

#intv_4_launch {
	background:url(/courses/amerhistory/images/interactives/4_launch.jpg) no-repeat;
	}
	
#intv_4_launch.active, #intv_4_launch:hover {
	background:url(/courses/amerhistory/images/interactives/4_launch_hov.jpg) no-repeat;
	}
	
#intv_5_launch {
	background:url(/courses/amerhistory/images/interactives/5_launch.jpg) no-repeat;
	}
	
#intv_5_launch.active, #intv_5_launch:hover {
	background:url(/courses/amerhistory/images/interactives/5_launch_hov.jpg) no-repeat;
	}
	
#intv_6_launch {
	background:url(/courses/amerhistory/images/interactives/6_launch.jpg) no-repeat;
	}
	
#intv_6_launch.active, #intv_6_launch:hover {
	background:url(/courses/amerhistory/images/interactives/6_launch_hov.jpg) no-repeat;
	}
	
#timeline_launch {
	background:url(/courses/amerhistory/images/timeline_launch.jpg) no-repeat;
	display:block;
	width:87px;
	height:88px;
	float: left;
	}
	
#timeline_launch.active, #timeline_launch:hover {
	background:url(/courses/amerhistory/images/timeline_launch_hov.jpg) no-repeat;
	}
	
/* -------------State Standards Table Styles ----------------*/
.SStable {
	width:550px;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border-left:1px solid #666;
		border-right:1px solid #666;
	border-bottom:1px solid #666;
	}

.SSgrade, .SSnumbers {
	text-align:center;
	background-color:#600;
	color:#FFF;
	font-weight:bold;
	}
	
.SSnumbers .SSinactive {
	color:#666;
	}
	
.SSunits, .SSinteractives {
	text-align:center;
	background:#600 url(/courses/amerhistory/images/grad_cnr_600.gif) no-repeat 0 0;
	color:#FFF;
	font-weight:bold;
	}	


.SSu1, .SSu2, .SSu3, .SSu4, .SSu6, .SSu7, .SSu8, .SSu9, .SSu10, .SSu13, .SSu14, .SSu15, .SSu16, .SSu18, .SSu19, .SSu20, .SSu21 {
	border-right:1px solid #666;
	border-top:1px solid #666;
	background-color:#FFF;
	text-align:center;
	}
	
.SSu5, .SSu12, .SSu17 {
	border-right:1px solid #666;
	border-top:1px solid #666;
	background: url(/courses/amerhistory/images/diag_stripe.gif) 0 0;
	text-align:center;
	}
	
.SSu11, .SSu22 {
	border-right:1px solid #666;
	border-top:1px solid #666;
	background: url(/courses/amerhistory/images/diag_stripe.gif) 0 0;
	text-align:center;
	}
	
.SSi1, .SSi2, .SSi3, .SSi4, .SSi5, .SSi6 {
	border-right:1px solid #666;
	border-top:1px solid #666;
	text-align:center;	
	background-color:#DBB;
	}


.SSnumbers td, .SSu1, .SSu2, .SSu3, .SSu4, .SSu5, .SSu6, .SSu7, .SSu8, .SSu9, .SSu10, .SSu11, .SSi1, .SSi2, .SSi3, .SSi4, .SSi5, .SSu12, .SSu13, .SSu14, .SSu15, .SSu16, .SSu17, .SSu18, .SSu19, .SSu20, .SSu21, .SSu22, .SSi6 {
	width:21px
	}
	
.SSgrade, .SSstandard {
	width:250px;
	padding:5px;
	}

.SSstandard {
	border-right:1px solid #666;
	}
	

.SSsubject {
	padding:5px;
	background-color:#666;
	color:#FFF;
	}
	
.SSstandard {
	border-top:1px solid #666;
	}	
	
ol.standardsKey {
	margin-left: -20px;
	font-size: 11px;
}

h4.standardsKey {
	color: #480000;
}

ul ul li
{
	margin-left: 30px;
	list-style: disc;
}
		
/* ----------------------------------- learner header and footer ------------------------------------------------------------------------------- */
#learnerHeader {background-color:#000;height:4em;}
#learnerHeader img {border:none;padding:10px 0 5px 10px;margin:0;}
#learnerHeader ul {background-color:#000;padding:0;margin:0;position:absolute;top:22px;right:0px;float:right;}
#learnerHeader ul li {display:inline;}
#learnerHeader ul a {color:#FFF;font-size:90%;text-decoration:none;padding:0 7px;}
#learnerHeader ul a:hover, #learnerHeader ul a.active {text-decoration:underline;}

#learnerFooter {clear:both;padding:0 0 10px 0;margin:0;background-color:#000;width:100%;}
#learnerFooter p {padding:5px 0 0 15px;margin:0;color:#FFF;font-size:90%;width:50em;}
#learnerFooter a {color:#FFF;text-decoration:none;padding:0 15px 0 0;}
#learnerFooter a:hover, #learnerFooter a.active {text-decoration:underline;}