/* ------------ (general) -----------------*/


body {
background:url('/global/images/bg_gray.gif');
background-repeat: repeat-x;
/*margin: 0px 0px 10px 0px;*/
background-color:#A69772;
color:#000000;
font: 9pt verdana,arial,tahoma,geneva,sans-serif; 
}

td, p {font: 10pt/1.5em verdana,arial,tahoma,sans-serif; color:#000000;text-align:left;}
p.footnote {font: 10pt/1.2em verdana,arial,tahoma,sans-serif; color:#666666;}
.subtitle {font: 11px/1.4em verdana,arial,tahoma,sans-serif; color:#000000;}
h3 {font-size: 120%;}	
h3.lessons {font-size: 90%;padding-bottom:0; margin-bottom:0;color: #630;}
h4 {text-transform:uppercase;color: #630;font-size: 90%;padding-bottom:6px; margin-bottom:6px;}

a:link, a:visited {color:#990000; font-size:12px; text-decoration:none;}
a.text, a.text:visited  {color:#990000; font-size:10pt; text-decoration:none;}
a.bc, a.bc:visited {color:#990000; font-size:10px; text-decoration:none;} 
a.footer, a.footer:visited {text-decoration:none; color:#000000; font-size:11px;}
a.home, a.home:visited {font-size:11px; text-decoration:none; color:#FFF022;}
a:hover, a.home:hover, a.footer:hover, a.bc:hover, a.text:hover {text-decoration:underline;}
a:active {color:#cc0000;}

.mouseOverMessage {display:none;}
.mouseOverText {color:#CDB390; font: 12px/1.1em verdana,arial,tahoma,sans-serif;}

td.mouseovertext {
height:31px;
background-color:#660000;
}

/* -------(bibliography styles)------------------------------- */	

ul, ol { 
  margin-top: 0.35em; 
  margin-left: 1.5em; 
  padding-left: 20px; 
  padding-right: 10px;
} 
ol {padding-left: 30px;margin-left: 2em; }
ul li { 
  	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
	list-style-type: none;
   padding-bottom:10px;
} 
 ol li {padding-bottom:10px;}
 
/* -------(drop down menu styles)------------------------------- */	

.ddm {background-color:#FBF7E7;}
.dropdown {text-align:left; padding:4px; border: solid 1px #660000;}
div.dropdown a.nav {font-family: arial, sans-serif; font-weight: bold; line-height: 17px; font-size : 11px;
text-decoration:none; color:#996633;}
div.dropdown a.nav:hover {color: #663300;}
/*div.dropdown a.nav:visited {color: #666666;}*/

/* ------------ (home page) ----------------- */
.homebox {
border: 1px solid #fff;
background-color: #660000;
margin:30px 0px 0px 0px;
}

a.home {color:#FFF022; font-size:11px; text-decoration:none;}

td.hometext {
color:#fff;
font: 11px/1.3em verdana,arial,tahoma,sans-serif; 
background: #600 url(images/bgkd-right2-text.gif) no-repeat;
height:115px;
width:390px;
}

/* ------------ (historical figures) ----------------- */

td.breadcrumb {
background-color: #DBCFC3;
height: 14px;
width:694px;
font: 10px/1.2em verdana,arial,tahoma,sans-serif; 
color:#000000;
padding: 2px 2px 2px 15px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}

td.border {
width:2px;
background-color: #660000;
}

td.bkgdMain {
background: #FBF7E7 url(images/bkgd_repeat2.gif) repeat;
width:694px;
height:500px;
padding: 15px 15px 24px 15px;
}

td.bio {
background-color: #EFECD9;
padding:10px;
width: 385px;
}

td.biolinks {
line-height:1.4em;
}

td.biopic {
width: 130px;
background-color: #EFECD9;
padding:10px;
}

.name {color:#00004C; font-weight:bold; font-size:14px;}
.designation, .downloadArea {color:#000000; font-weight:bold; font-size:11px;}
.dates {color:#000000; font-size:10px;}
.downloadArea {padding:4px;background-color:#E9E0C0;border-bottom:1px solid #630;text-align:center;text-transform:uppercase;}

.thumbnail, .thumbnailHover {
display:block;
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
.thumbnailHover {border: 1px solid #990000;}
.thumbnail {border: 1px solid #EFEBD9;}

.aInactive, .aHover {
color:#990000; 
font-size:12px; 
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
.aInactive {text-decoration:none;}
.aHover {text-decoration:underline;}
.empty{}

blockquote {
font: 10pt/1.3em verdana,arial,tahoma,sans-serif; 
color:#000000;
font-style:italic;
}


/* ------------ (prelude to war) ----------------- */

.prelude {
background-color: #EDE9D5;
padding:15px;
width: 664px;
font: 11px/1.5em verdana,arial,tahoma,sans-serif; 
}

/* This rule applies only to IEWin or Mac */
* html body .prelude  {
width:100%;
}

td.bkgdMainPrelude {
background-color: #FBF7E7;
background-image: url(images/bkgd_repeat2.gif);
background-repeat: repeat;
width:694px;
}

.vdots {
background-image: url(images/prelude/repeat_vdots.gif);
background-repeat: repeat-y;
background-position : center;
height:71px;
width:29px;
}

.preludeHeader {color:#00004C; font-weight:bold; font-size:10pt;}

a.gotonext {color:#900; font-weight:bold; font-size:10pt; text-decoration:none;}
a.gotonext:hover {text-decoration:underline;}
a.gotonext:visited {color:#900;}

a.top, a.top:visited {background-color: #900; padding:1px; color:#ffffff; font-weight:bold; font-size:10px; text-decoration:none;}
a.top:hover {background-color: #FBF7E7; color:#900; text-decoration:none;}

/* ------------ (indian wars) ----------------- */

.iwtitle {color:#000; font-weight:bold; font-size:10px;}
a.iwtitle, a.iwtitle:visited  {color:#990000; font-weight:bold; font-size:10px; text-decoration:none;}
a.iwtitle:hover {text-decoration:underline;}

td.xdots-iw {
background-image: url(images/dots_x_indianwars.gif);
background-repeat: repeat-x;
background-position : top;
height:3px;
width:300px;
}

.tabBlock {
	display:none;
}

#boxContainer {
	position:relative;
	left:4px;
	top:0px;
}

#tabs {
	position:relative; /*absolute;*/
	left:0px;
	top:0px;
	z-index:10;
}
#tabCanvas {
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	background-color:#F0ECDA;
	border: 2px solid #E5DBCF;
	margin-top:2px;
	width:655px;
	height:300px;
	overflow:auto;
	z-index:0;
}

.tabSep {
	background-image:url(images/spacer.gif);
	width:2px;
}
.tab,.tabHot {
	padding:2px 5px 2px 5px;
	border:2px solid #E5DBCF;
	border-bottom:1px solid #E5DBCF;
	background-color:#FBF7E7;
	color:#990000; 
   font-weight:bold; 
   font-size:11px; 
   text-decoration:none;
}
/* This rule applies only to IEWin or Mac */
*html body .tab {border-bottom:2px solid #E5DBCF;}
*html body .tabHot {border-bottom:2px solid #F0ECDA;}
a.tab:hover {text-decoration:underline;}

.tabHot {
	background-color:#F0ECDA;
	border-bottom:2px solid #F0ECDA;
}

div.timeline {width:440px; padding-left:18px;}

#foo {
	position:absolute;
	top:0px;
	left:0px;
	width:420px;
	border:2px solid #BBAC95;
	background-color:#F2EEE3;
	font: 12px/1.6em verdana,arial,tahoma,sans-serif; 
	color:#000000; 
	visibility:hidden;
	z-index:10;
	display:none;
}
#fooContainer {
	position:relative;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	visibility:hidden;
	display:inline;
	z-index:20;
}

#popWindow2 {
	width:420px;
	height:400px;
	overflow:auto; 
}

td.closebar {
     background-color:#4C2601;
	 background-image: url(images/indianwars/popup-bar.gif);
     background-repeat: no-repeat;
	 width:100%;
	 height:20px;
	 font: 10px/1.2em verdana,arial,tahoma,sans-serif; 
	 color:#ffffff;
	 font-weight:bold;
}
a.close, a.close:visited {color:#ffffff; font-size:10px; text-decoration:none;}
a.close:hover {text-decoration:underline;}

/* ------------ (leschi on trial) ----------------- */

td.explore {
color:#000000;
padding-left:16px;
font: 12px/1.4em verdana,arial,tahoma,sans-serif; 
background-color: #FAF6E6;
background-image: url(images/leschitrial/bkgd_exploreaspects.gif);
background-repeat: no-repeat;
height:37px;
width:537px;
}

td.explore2 {
background-color:#EFECD9;
padding: 4px 8px 8px 8px;
border-left: 2px solid #E5DBCF;
border-right: 2px solid #E5DBCF;
color:#000000;
font: 12px/1.4em verdana,arial,tahoma,sans-serif; 
}

a.findout, a.findout:visited {color:#990000; font-weight:bold; font-size:11px; text-decoration:none;}
a.findout:hover {text-decoration:underline;}

p.text {width:440px;}
p.ct {width:400px;}
.ct-caption {line-height:13px;background-color:#EFECD9;padding:6px;color:#000;font-size:10px;}
blockquote.trial {
font: 10pt/1.3em verdana,arial,tahoma,sans-serif; 
color:#000000;
font-style:italic;
width:390px;
}

/*a.news:link, a.news:visited {
	font-family: "Courier New", Courier, mono;
	color: #660000;
	font-size:11px;
	text-decoration:none;
}

a.news:hover {
text-decoration:underline;
}
*/

/* ------------ (leschi legacy) ----------------- */
#pictFrame {
background-color: #FAF6E6;
background-image: url(images/legacy/slideshow/slideshow-frame.gif);
background-repeat: no-repeat;
height:213px;
width:327px;
}

#pictContainer {}
#pictCaption {color:#000000;
font: 12px/1.4em verdana,arial,tahoma,sans-serif;}

/* -------(TEACHING)------------------------------- */	
#mytable {
	width: 660px;
	padding: 0;
	margin: 30px 0 0 0;
	border-top: 1px solid #A06D37;
	border-right: 1px solid #A06D37;
	border-left: 1px solid #A06D37;
}

th.first, th.next {
	border-bottom: 1px solid #A06D37;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: #F8F4E0 url(images/teaching/table_bkgd.gif) repeat-x;
	font-size:8pt; 
}

th.first {
	text-align: left;
	width:250px;
}

th.next {
	text-align: center;
}

th.first a, th.next a, table.sortable a.sortheader {font: bold 8pt/1.6em verdana,arial,tahoma,sans-serif; text-decoration:underline;}

table.sortable a.sortheader {
    display: block;
}
table.sortable span.sortarrow {
    color: #900;
    text-decoration: none;
}

td.alt, td.alt2 {
	padding: 6px;
	text-align:center;
	border-bottom: 1px solid #A06D37;
	border-right: 1px solid #D2C2A6;
	border-right: expression((this.parentNode.lastChild == this)? "none" :
"1px solid #D2C2A6" ); 
}

td.alt2 {
	background-color: #F6EFCD;
}
td.alt {
	background-color: #E5DEBA;
}

 td.alt2:last-child, td.alt:last-child  {
   border-right:none;
}

td.alt a, td.alt2 a, td.alt a:visited, td.alt2 a:visited, a.pdf, a.pdf:visited {text-decoration:underline;}
td.alt a:hover, td.alt2 a:hover, th.first a:hover, th.next a:hover, a.pdf:hover {text-decoration:none;} 

/* ------------ (teaching) ----------------- */

.floatRight {float:right;padding:0 0 3px 10px;}
a.download, a.download:visited {color:#900;font-size:11px;text-decoration:underline;}
a.download:hover {text-decoration:none;}
.downloadpdfsBox {background-color:#EFEAD9;padding:4px;border-bottom:1px solid #630;}

.instructions  {color:#fff; font-weight:bold; font-size:14px;margin-bottom:16px;background-color:#00004C;}
.floatRightBoxInside, .floatRightBoxInside2 {font-size:11px; background-color:#F6EFCD; padding:8px;border-top:2px solid #D2C2A6;border-bottom:2px solid #D2C2A6;}
.floatRightBoxInside {margin-bottom:80px;}
.linkBox {border:1px solid #000;padding:6px;text-align:center;margin-right:12px;}
.session {font-weight:bold;border-bottom:1px solid #000; width:100%;margin-bottom:12px;}
.soon {color:#c00; font-size:10px; font-weight:bold;}

/* ------------ (video) ----------------- */
#videoContainer {
	border:2px solid #BBAC95;
	width:471px;
	overflow:hidden;
}

.videoBoxLeft {width:130px;float:left;margin-right:1px;height:155px;}
.videoBoxLeftBkgd {background-color:#630;}
.videoBoxRight {background-color:#630;width:340px;float:left; height:178px;}
.videoBoxRight2 {background-color:#630;width:340px;float:left; height:198px;}
.videohline {border-bottom:1px solid #D2C2A6;}
.videoTitle {font-weight:bold; color:#fff; padding-bottom:8px;}
.speed {background-color:#D2C2A6;height:18px;width:330px;margin-top:2px;}
.speed div {font-size:11px; text-align:right; padding-right:4px;}
.movieSegments {color:#FFF799; font-size:10px; text-transform:uppercase; text-align:left; padding:8px; line-height:2.8em;}
.click {padding:2px 0 0 4px;}
