/* CSS Document */
body {
	font-family:  Georgia, "Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-size: small;
	text-align: center;
}

/* GENERIC BOUNDARY SETTINGS FOR ALL PAGES --------------------- */
#wrapper	{
	top: 0px;
	margin: 0 auto 2% auto;
	width: 940px;
	text-align: left;
	font-size: 100%;
	line-height: 160%;
}
#wrapper_popup	{
	top: 0px;
	margin: 0 auto 2% auto;
	width: 90%;
	text-align: left;
	font-size: 100%;
	line-height: 160%;
}

/*GENERAL TYPE AND LAYOUT STYLES-----------------------*/
h1	{
	color: #cc9933;
	font-size: 150%;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: .1em;
}
.blurb	{  /*for the p text in the blue below the page title and above the buff page*/
	margin-top: -5px;
	font-weight: normal;
	width: 90%;
}

#wrapper_popup h1	{
	color: #694517;
	margin-bottom: 1em;
	font-size: 140%;
	font-weight: bold;
}
#wrapper_popup h5.pagetype{
	font-size: 100%;
	font-variant: small-caps;
	margin-bottom: -.5em;
	letter-spacing: .1em;
}

h2	{ font-size: 150%; }
h3	{ font-size: 120%; }
h4	{ font-size: 100%; font-weight: bold; }
h5	{ font-size: 95%; font-weight: bold; line-height: 100%;  }

hr	{ border: 1px #996600 solid; }

.leftcol	{ float: left; width: 250px;	}
.rightcol	{	margin-left: 270px; }
.rightcol_home	{	margin-left: 370px; }
.smalltext	{	font-size: 90%; }	
.smallcaps	{	font-variant: small-caps; font-size: 100%; line-height: 150%;	}
.top	{ font-size: 90%;	font-variant: small-caps; font-weight: bold; }
.caption	{	font-size: 90%; color: #59638F; margin-top: 0; }	
blockquote	{	margin-left: 20px; font-style: italic;	}
q	{ font-style: italic;	}

/* GENERAL IMAGE STYLES-----------------------*/

.img_left	{/* for plain images w no captions */
	float: left;
	margin: 0 2em 1em 0;
}
.img250	{ /*used in people and essay pages*/
	float: left;
	clear: left;
	margin: 0 2em 1em 0;
}
.img250 img	{
	border:#996633 thin solid;
}
.img250 p	{
	width: 250px;
	color: #996633;
	font-size: 90%;
	line-height: 125%;
	margin-top: .25em;
}


/* DARK BLUE PAGES ------------------------------ */
body.dark	{
	background-image: url(images/bkgnd_base.gif);
	background-color:#232645;
	color:#B88B2B;
}
body.dark a:link	{ /* for links against the dark background, lite warm-brown */
	color:#996600;
	text-decoration: underline;
}
body.dark a:visited	{
	color: #CC9933;
	text-decoration: underline;
}
body.dark a:hover	{
	color:#CC9900;
	text-decoration: underline;
}
body.dark a:active	{
	color: #FFCC00;
	text-decoration: underline;
}

/* LITE BUFF PAGES (MOSTLY POPUP PAGES)------------------- */
body.lite	{ 
	background-image: url(images/bkgnd_buff.gif);
	background-color: #FCF3DF;
	color: #694517;
}
body.lite a:link	{ /* for links against the lite background, reddish-brown */
	color:#692F1B;
	text-decoration: underline;
}
body.lite a:visited	{
	color:#663300;
	text-decoration: underline;
}
body.lite a:hover	{
	color:#333399;
	text-decoration: underline;
}
body.lite a:active	{
	color:#333399;
	text-decoration: underline;
}

/* LITE PAGE INSIDE DARK-BLUE PAGE, TEXT, LINKS ARE NAVY BLUE -------------*/
#buffpage	{
	background-image:url(images/bkgnd_buff.gif);
	border: thin #CC9966 solid;
	padding: 1em 5em 3em 5em;
	color:#333366;
	font-size: 100%;
	line-height: 140%;
}
#buffpage a:link	{
	color:#333399;
	text-decoration: underline;
}
#buffpage a:visited	{
	color:#666699;
	text-decoration: underline;
}
#buffpage a:hover	{
	color:#3333CC;
	text-decoration: underline;
}
#buffpage a:active	{
	color:#3333FF;
	text-decoration: underline;
}
#buffpage.scene	{
	padding: 1em 1em 2em 1em;
}	

/* MAIN NAVIGATION-----------------------------------*/
#mainnav	{
	color: #996600;
	margin-top: 0px;
	padding-top: 10px;
}
#mainnav ul	{
	padding: 0;
	margin: 0 0 3px 0;
}
#mainnav li	{
	font-size: 90%;
	font-variant: small-caps;
	background-color:#263366;
	float: left;
	list-style-type: none;
	display: block;
	letter-spacing: .15em;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #424577;
}
#mainnav li.selected	{
	background-color: #B89947;
}
#mainnav li.selected a	{
	color: #FFFFCC;
}
#mainnav a:link	{
	padding: .15em .75em .15em .5em;
	color: #996600;
	text-decoration: none;
}
#mainnav a:visited	{
	padding: .15em .75em .15em .5em;
	color:#996633;
	text-decoration: none;
}
#mainnav a:hover	{
	padding: .15em .75em .15em .5em;
	color: #FFFFCC;
	text-decoration: underline;
	background-color: #996600;
}
#mainnav a:active	{
	padding: .15em .75em .15em .5em;
	color: #FFFFCC;
	text-decoration: underline;
	background-color: #CC9900;
}
/* SUB-NAVIGATION-----------------------------------*/
#subnav	{
	clear: left;
	padding: 0 0 2.5em 0;
}
#subnav ul	{
	padding: 0 0 10px 0;
	margin: 0;
}
#subnav li	{
	font-size: 90%;
	font-variant: small-caps;
	letter-spacing: .1em;
	float: left;
	list-style-type: none;
	display: block;
	padding:  0 .5em 0 .5em;
	margin: 0;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #64648F;
}
#subnav li.selected	{
	color: #FFFFCC;
	font-weight: normal;
}
#subnav li.first	{
	border: none;
	padding:  0 .5em 0 0;
	font-weight: normal;
}
#subnav li.firstselected	{
	color: #FFFFCC;
	border: none;
	padding:  0 .5em 0 0;
	font-weight: normal;
}

#subnav a:link	{
	text-decoration: none;
}
#subnav a:visited	{
	text-decoration: none;
}
#subnav a:hover {
	text-decoration: underline;
}

#subnav h5.subnav_title {
	font-size: 90%;
	font-variant: small-caps;
	margin: 0;
	letter-spacing: .1em;
}

/* FOOTER------------------------------------*/
#footer	{
	margin-top: 40px;
	border-top: 1px solid #59638F;
	clear: both;
	color: #59638F;
}
#footer ul	{
	padding: 0;
	margin: 0 0 0 -6px;
}
#footer li	{
	font-size: 90%;
	font-variant: small-caps;
	letter-spacing: .1em;
	float: left;
	list-style-type: none;
	display: block;
	padding: .75em 0 .5em 0;
}
#footer a:link	{
	padding: 0 .75em 0 .75em;
	color: #59638F;
	text-decoration: none;
}
#footer a:visited	{
	text-decoration: none;
	color: #59638F;
	padding: 0 .75em 0 .75em;
}
#footer a:hover {
	text-decoration: underline;
	color: #B7C4F4;
	padding: 0 .75em 0 .75em;
}
#footer p	{
	font-size: 90%;
	clear: left;
}
.searchbox { /*------- search tool in footer ------*/
	margin: 0 0 -.5em 1em;
}


/* PAGE SPECIFIC STYLES ARRANGED BY PAGE TYPE ---*/

/* HOME PAGE--------------------------*/
.home_block	{
	background-image: url(../images/block.gif);
	background-repeat: no-repeat;
}
.home_icons	{
	padding: 0 1.5em 2em 1.5em;
}
.home_intro	{
	line-height: 1.5em;
	width: 200px;
	padding-right: 1em;
}
	
/* SCENE PAGES--------------------------*/
#scene_tool_zone	{ /* sets up the overall area below the flash file */
	width: 890px;
	clear: left;
	z-index: 1;
}
#scene_tool_zone a:link {
	text-decoration: none;
}
#scene_tool_zone a:visited { 
	text-decoration: none;
}
#scene_tool_zone a:hover { /* seems to solve the hover underline problem in safari */
	text-decoration: none;
}
#scene_tool_zone a:active { 
	text-decoration: none;
}

.scene_tools	{ /* boxes and spacing around related, observers, and themes features */
	padding: .25em 1.25em 0 1.25em;
	margin: 1em .5em .5em 0;
	border:#996600 thin solid;
	float: left;
	height: 130px;
}	
.scene_tools h5	{
	margin: 0 0 -.5em 0;
	padding: 0;
	color: #996600;
	font-size: 100%;
	font-variant: small-caps;
	letter-spacing: .15em;
}	
.scene_tools ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.scene_tools li	{
	margin: 1em 0 0 0;
	padding: 0;
	float: left;
}
ul.observers a	{ /*for rollover popup text-*/
	position: relative;
	z-index: 24;
	text-decoration: none;
	display: inline;
}
ul.observers a:hover	{
	z-index: 25;
	text-decoration: none;
	border: none;
}
ul.observers a span	{
	display: none;
}
ul.observers a:hover span {/*the span will display just on :hover state-*/
	display: block;
	position: absolute;
	text-decoration: none;
	top: -75px; left: 60px; width: 20em;
	border: thin solid #CCCC99;
	padding: .75em;
	background-color:#FCF3DF; 
	color: #333366;
	font-weight: normal;
}
ul.themes a	{ /*for rollover popup text-*/
	position: relative;
	z-index: 24;
	text-decoration: none;
	display: inline;
}
ul.themes a:hover	{
	z-index: 25;
	text-decoration: none;
	border: none;
}
ul.themes a span	{
	display: none;
}
ul.themes a:hover span {/*the span will display just on :hover state-*/
	display: block;
	position: absolute;
	text-decoration: none;
	top: -88px; left: 50px; width: 20em;
	border: thin solid #CCCC99;
	padding: .75em;
	background-color:#FCF3DF; 
	color: #333366;
	font-weight: normal;
}
.scene_subtitle	{
	font-weight: normal;
	font-style: italic;
}
#scroll_links	{
	overflow: auto;
	height: 95px;
	width: 220px;	/*-- leave 16px for the vertical scroll widget --*/
	border: thin solid #37417D;
	padding-left: 3px;
}
#scroll_links ul li	{
	margin: 0;
	padding: 0;
	font-size: 95%;
	float: none;
}
#scroll_links ul li a	img	{
	border: none;
	vertical-align: middle;
}
#subtitle	{ /*-- this is the text underneath the title on the popup pages --*/
	margin-top: -1em;
	letter-spacing: .1em;
}
.rollovers p	{/*-- this is for the scene html/printable text --*/
	border-bottom: thin dotted #996600;
	padding-bottom: 1.25em;
}
.scenedate	{ /*-- to style the Epilog and Prolog links on scene menu --*/
	font-variant: small-caps;
	letter-spacing: .05em;
	color: #59638F;
	margin: 0;
	padding: 0;
}

a.scenelink	{ /*-- to style the Epilog and Prolog links on scene menu --*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* ARTIFACT PAGES ------------------------------------*/

/* artifact popup page---------------------*/

table.coreinfo { /*table with curatorial info --*/
	border-top: 1px solid #CC9966;
	border-left: 1px solid #CC9966;
	border-collapse: collapse;
}
table.coreinfo td	{
	border-right: 1px solid #CC9966;
	border-bottom: 1px solid #CC9966;
	padding: .25em;
}
.artifact_icons	{	/* used to space tool icons on artifact page */
	padding: 20px 0 0 0;
}	
.transcription	{
	border: 1px solid #996600;
	padding: 3em;
	background:#EBE2D0;
	width: 75%;
}
.btm_links	{ /* to style close|print|top links at the btm of popup pages, useful for display-none in print stylesheet */
	font-size: 90%;
	font-variant: small-caps;
	font-weight: bold;
	clear: left;
}

table.trans_table { /*tables that are used for manuscript transcriptions such as account books --*/
	border-top: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
	border-collapse: collapse;
}
table.trans_table td	{
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	padding: .25em;
}
table.trans_table_sm { /*tables that are used for manuscript transcriptions such as account books that are overly large and need smaller text --*/
	border-top: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
	border-collapse: collapse;
	font-size: 90%;
}
table.trans_table_sm td	{
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	padding: .25em;
}

/* search input page---------*/
.search_form	{
	margin: 10px 0 10px 0;
	padding: 0;
}
.search_form dd	{
	margin: 0;
	padding: 0 0 5px 0;
}
.search_form dt	{
	float: left;
	padding: 0 10px 5px 0;
}	
.search_form label	{
}
fieldset	{
	border: 1px solid #CCCC99;
	margin: 10px 0 10px 0;
	padding: 10px;
}
.search_form dt.nofloat	{
	float: none;
}
/* --for resource search results -- */
.search_results dl	{
	padding: 0;
	margin-top: 1.5em;
}
.search_results	dt {
	margin-top: 1.5em;
}
.search_results dd	{
	margin-left: 1.5em;
}
/* PEOPLE PAGES ------------------------------------*/

/* MUSIC PAGES ------------------------------------*/
ul.music	{
	list-style: circle;
	font-weight: bold;
	line-height: 160%;
}

/* MAP PAGES ------------------------------------*/
.tools	{/* currently used for drop-down menu on map popup page */
	float: left;
	margin: 1em;
}	
.map_description	{
	width: 450px;
	margin-left: 300px;
}	
/* FOR MENUS WITH THUMBNAILS SUCH AS MAPS, ARTIFACT RESULTS AND PEOPLE ---*/
.img_menu { 
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	clear: left;
}
.img_menu li.image {
	float: left;
	padding: 4px 15px 15px 0;
}
.img_menu li.title	{
	font-size: 110%;
	font-weight: bold;
}
.img_menu li	{
	font-size: 100%;
	line-height: 150%;	
}
/* GLOSSARY PAGE ------------------------------------*/
ul.glossary	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.glossary li	{
	margin-bottom: .25em;
	font-size: 100%;
}

/* BIBLIOGRAPHY PAGE ------------------------------------*/
ul.bibli	{
	list-style-type: circle;
}
ul.bibli li	{
	margin-bottom: .5em;
	font-size: 100%;
}

/* TIMELINE PAGES ------------------------------------*/
.timeline_scroll	{
	height:	496px;
	width: 850px;
	overflow: auto;
	border: thin solid #cccc99;
	padding: 0px;
	margin: 0px;
}	
.dates 	{
	font-size: 125%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: .1em;
}
ul.dates li a:visited	{
	font-weight: bold;
}
ul.dates li.selected	{
	font-weight: bold;
}

/* THEME MATRIX ---------------------------------------*/
.theme_matrix	{
	font-size: 90%;
}
.theme_matrix a	{
	font-weight: bold;
}	
.theme_matrix	td {
	background-color: #DFD1A8;
	vertical-align: top;
	padding: .25em;
}
td.theme_label	{
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
	background-color: transparent;
	vertical-align: bottom;
	letter-spacing: .1em;
}
td.scene_titles	{
	background-color:#263366;
	color:#CCCC99;
	width: 120px;
	vertical-align: top;
	font-variant: small-caps;
	letter-spacing: .1em;
	font-size: 100%;
}
#buffpage td.scene_titles	a:link	{
	color: #FFFFCC;
}
#buffpage td.scene_titles	a:visited	{
	color: #CCCC99;
}
#buffpage td.scene_titles	a:hover	{
	color:#FFCC66;
	text-decoration: underline;
}
td.theme_title	{
	background-color: transparent;
}
td.theme_title a	{
	font-size: 100%;
}
td.theme_title a.theme_icon	{
	text-decoration: none;
}
td.picture	{
	background-color: transparent;
}
td.theme_rule	{
	border-bottom:#333366 1px solid;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
/* FOR TEACHERS PAGES ---------------------------------------*/
ol.lesson_menu a	{
	font-weight: bold;
}
ol.lesson_menu li	{
	margin-bottom: 1.5em;
}
.leftcol_lessons	{
	 float: left;
	 width: 230px;
	 background-color: #DFD1A8;
	 padding: 0 1em 2em 1em;
	}
.leftcol_lessons h4	{
	font-variant: small-caps;
	margin-bottom: -.5em;
	letter-spacing: .05em;
}	
.leftcol_lessons ul li	{
	font-size: 95%;
}