/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background: white;
	width: 800px;
}

/* --------------------------------------------- */
/* TITLES: logo /page title -------------------- */
/* --------------------------------------------- */
div#titles img
{
	display: block;
}

/* --------------------------------------------- */
/* HOLDER: holds indiv page content ----------- */
/* --------------------------------------------- */
div#holder 
{
	height: 410px;
}

/* --------------------------------------------- */
/* FULLPAGE: layout for non-columned content --- */
/* --------------------------------------------- */
div#fullpage 
{
	overflow: auto;
	height: 370px;
	padding: 20px;
}

/* --------------------------------------------- */
/* ROWS: for era and event selection rows ------ */
/* --------------------------------------------- */
ul#rows 
{
	padding-left: 60px;
}

ul#rows li 
{
	list-style: none;
}

ul#rows li.even a 
{
	background-color: #d4deea;
}

ul#rows li.odd a 
{
	background-color: #b0c1d5;
}

ul#rows li a:link, ul#rows li a:active, ul#rows li a:hover
{
	background-image: url(/courses/amerhistory/interactives/sources/images/era_unvisited.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

ul#rows li.odd a:visited, ul#rows li.even a:visited
{
	background-position: top left;
	background-repeat: repeat-y;
}

ul#rows li.odd a:visited
{
	background-image: url(/courses/amerhistory/interactives/sources/images/era_visited_odd.gif);
}

ul#rows li.even a:visited
{
	background-image: url(/courses/amerhistory/interactives/sources/images/era_visited_even.gif);
}

ul#rows li a:link, 
ul#rows li a:visited
{
	display: block;
	width: 600px;
	padding: 5px;
	padding-left: 35px;
	color: #003333;
	text-decoration: none;
	font-size: 12px;
}

ul#rows li a:link strong, 
ul#rows li a:visited strong
{
	color: #003333;
}

ul#rows li a:hover, ul#rows li a:active 
{
	background-color: #003333;
	color: white;
}

ul#rows li a:hover strong, 
ul#rows li a:active strong
{
	color: white;
}

/* --------------------------------------------- */
/* COLUMNS: left & right columns --------------- */
/* --------------------------------------------- */
div#col_left, div#col_right 
{
	width: 48%;
	overflow: auto;
	height: 390px;
	padding: 10px;
}

div#col_left
{
	float: left;
	background-color: #e7ce8c;
	padding-right: 0px;
}

div#col_right
{
	float: right;
	padding-left: 0px;
	text-align: center;
}

div#col_right div#diagram
{
	text-align: center;
	width: auto;
}

div#col_right div#diagram input
{
	background-color: #FFFFCC;
}

div#col_right a img
{
	border: 0;
}

/* --------------------------------------------- */
/* POPUP: for source pop up windows ------------ */
/* --------------------------------------------- */
img#examinsource
{
	display: block;
}

div#popup 
{
	width: 680px;
	height: 405px;
}

div#popup div#col_left, div#popup div#col_right
{
	width: 45%;
	overflow: auto;
	height: 385px;
	padding: 10px;
}

div#popup div#col_left
{
	padding-right: 0px;
}

div#popup div#col_right
{
	width: 50%;
	padding-left: 0px;
}

div#pop_foot
{
	width: 670px;
	height: 40px;
	padding: 15px;
	background: transparent url(/courses/amerhistory/interactives/sources/images/examin_foot.jpg) top left no-repeat;
}

div#pop_foot a
{
	display: block;
}

/* go back ---------------------- */
div#pop_foot a#goback:link, div#pop_foot a#goback:visited
{
	float: left;
	width: 101px;
	height: 33px;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_back.gif);
}

div#pop_foot a#goback:hover, div#pop_foot a#goback:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_back-over.gif);
}

/* choose  ---------------------- */
div#pop_foot a#choose:link, div#pop_foot a#choose:visited
{
	float: right;
	width: 123px;
	height: 33px;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_choose.gif);
}

div#pop_foot a#choose:hover, div#pop_foot a#choose:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_choose-over.gif);
}

/* remove  ---------------------- */
div#pop_foot a#remove:link, div#pop_foot a#remove:visited
{
	float: right;
	width: 173px;
	height: 33px;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_remove-bak.gif);
	margin-right: 10px;
}

div#pop_foot a#remove:hover, div#pop_foot a#remove:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_remove-over-bak.gif);
}

/* inactive images  ---------------------- */
div#pop_foot img#choose_inact, div#pop_foot img#remove_inact
{
	float: right;
}

/* --------------------------------------------- */
/* SOURCES: styles for source icons ------------ */
/* --------------------------------------------- */
div#source_icons 
{
	position: absolute;
	width: inherit;
	margin-right: 60%;
}

div#source_icons div
{
	width: 54px;
	float: left;
	background-color: #F4F4F4;
	margin: 0 5px 5px 0;
}

div#source_icons div a
{
	display: block;
	padding: 2px;
	width: 50px;
	color: white;
	text-decoration: underline;
	background: transparent url(/courses/amerhistory/interactives/sources/images/red_texture.jpg) top left no-repeat;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	height: 12px;
}

div#source_icons div a:hover,
div#source_icons div a:active
{
	background: transparent url(/courses/amerhistory/interactives/sources/images/red_texture_over.jpg) top left no-repeat;
	color: #FFFF99;
}

div#source_icons img
{
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #825a2d;
	cursor: move;
}

div#source_icons img:hover
{
	border-color: #c92323;
}


/* --------------------------------------------- */
/* FOOTER: paging buttons ---------------------- */
/* --------------------------------------------- */
div#footer 
{
	background: transparent url(/courses/amerhistory/interactives/sources/images/footer.jpg) top left no-repeat;
	height: 40px;
	width: auto;
	padding: 10px 18px 20px 15px;
}

#continuefoot
{
	background: transparent url(/courses/amerhistory/interactives/sources/images/footer_continue.jpg) top left no-repeat;
	height: 40px;
	width: auto;
	padding: 10px 18px 20px 15px;
}

/* paging buttons ---------------------- */
div#footer a#back, div#footer a#next, div#footer input.next, div#continuefoot a#back, div#continuefoot a#next, div#continuefoot input.next
{
	display: block;
	margin-top: 10px;
}

/* back ---------------------- */
div#footer a#back:link, div#footer a#back:visited, div#continuefoot a#back:link, div#continuefoot a#back:visited
{
	float: left;
	width: 101px;
	height: 33px;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_back.gif);
}

div#footer a#back:hover, div#footer a#back:active, div#continuefoot a#back:hover, div#continuefoot a#back:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_back-over.gif);
}

/* next ---------------------- */
div#footer a#next:link, div#footer a#next:visited, div#footer input#next, div#footer img#next_inact, div#continuefoot input#next, div#continuefoot img#next_inact
{
	width: 149px;
	height: 33px;
	float: right;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_continue.gif);
}

div#footer a#next:hover, div#footer a#next:active, div#footer input#next:hover, div#footer input#next:active, div#continuefoot a#next:hover, div#continuefoot a#next:active, div#continuefoot input#next:hover, div#continuefoot input#next:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_continue-over.gif);
}

div#footer input#next, div#footer a#startover, div#footer img#next_inact, div#continuefoot input#next, div#continuefoot img#next_inact
{
	margin-top: 10px;
}

/* start over ---------------------- */
div#footer a#startover:link, div#footer a#startover:visited
{
	width: 299px;
	height: 33px;
	float: right;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_selectevent.gif);
}

div#footer a#startover:hover, div#footer a#startover:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_selectevent-over.gif);
}

/* start interactive ---------------------- */
div#footer a#startinteractive:link, div#footer a#startinteractive:visited
{
	width: 249px;
	height: 33px;
	float: right;
	display: block;
	margin-top: 10px;
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_startinteractive.gif);
}

div#footer a#startinteractive:hover, div#footer a#startinteractive:active
{
	background-image: url(/courses/amerhistory/interactives/sources/images/btn_startinteractive-over.gif);
}

/* --------------------------------------------- */
/* SOURCE SET: souce selected set display ------ */
/* --------------------------------------------- */
div#set_note, div#set_1, div#set_2, div#set_3, div#set_4, div#set_5
{
	width: 50px;
	height: 50px;
	float: left;
	border: 1px solid #c92323;
	margin-left: 10px;
	background-color: #e7ce8c;
}

div#set_1:hover, div#set_2:hover, div#set_3:hover, div#set_4:hover, div#set_5:hover
{
	border-color: #c92323;
}

div#footer div a img
{
	border: 0;
}

div#set_1
{
	margin-left: 0;
}

div#set_note
{
	width: 185px;
	margin-right: 10px;
	border: 0;
	background: transparent;
}

div#set_note p
{
	margin: 0;
	margin-top: 10px;
	color: #840000;
	font-weight: bold;
}

/* --------------------------------------------- */
/* COMPARE SET: souce selected set for compare - */
/* --------------------------------------------- */
img.compare 
{
	margin-right: 10px;
	border: 1px solid #825a2d;
}

img.compare:hover, img.compare:active
{
	cursor: pointer;
	border-color: #c92323; 
}

/* --------------------------------------------- */
/* VENN DIAGRAM: rollover set up --------------- */
/* --------------------------------------------- */
div#venn_rollover_holder
{
	position: absolute; 
	left: 391px; 
	top: 114px; 
	z-index: 100;
}

div#venn_image
{
	display: block;
	width: 353px;
	height: 333px;
	background-image: url(/courses/amerhistory/interactives/sources/images/venn_diagram.gif);
	margin-left: 43px;
}

img#venn_rollover
{
	display: block; 
	width: 0; 
	height: 0; 
	border: 0;
}

div#preload
{
	display: none;
}

/* --------------------------------------------- */
/* FONT STYLES: -------------------------------- */
/* --------------------------------------------- */
p, td, li, h1, h2, h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

p, ol li 
{
	font-size: 11px;
	line-height: 1.4em;
	margin-right: 10px;
}

ol
{
	padding: 0 0 5px 20px;
	margin-top: 0;
	margin-bottom: 4px;
}

h3
{
	font-size: 13px;
	color: #840000;
}

/*strong 
{
	color: #45382b;
}*/

div#col_left strong 
{
	color: black;
}

/* --------------------------------------------- */
/* OTHER STYLES -------------------------------- */
/* --------------------------------------------- */
p#caption
{
	color: #45382b;
	font-size: 10px;
}

form
{
	margin: 0;
}