@charset "utf-8";
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #BFB3AC;   /* cfe6e6    acbfbf*/
	background-image: url(images/brown047.jpg);
	background-repeat:repeat;
	font: 100%/1.125 Arial, Helvetica, sans-serif;   /* 16 x 1.125=18; 100% needed for IE6 and 7 */
	/*border:solid #000000 2px; */
	text-align:center;
}

#fixed { /* Needed to center in ID 6.  Take out fixed div to make a liquid layout for mobile to desktop. */
margin:0 auto;
width:90%;
max-width:1140px;		/* The max-width property does not work in old versions of Internet Explorer */
text-align:left;
border:solid #000000 2px;
background-color:#fffffa;
}

p, h1, h2, h3, h4, h5, h5, ol, ul, th, td {
	margin: 0px;
	padding: 0px;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#600;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fffffa;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#ffcc80;    	/* Right column background colour  ffcc80*/
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {  /* center column */
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:190px;  /* was 170 */
	position:relative;
	margin-left:-50%;  /* was -50% */
	left:205px;  /* was 215  Moves content left and right*/
	overflow:hidden;
}
#col3 {
	float:left;
	width:170px;  /* was 170  Moves content left and right*/
	position:relative;
	left:15px;  /* was 15 moves content to the right */
	overflow:hidden;
}
/* My CSS */
/*********************/
/* BANNER STYLES */
/*********************/

#banner {
	background-color:#000000;
	color:#FFFFFF;
	height:85px;
	position: relative;
	text-align:center;
	overflow:hidden;  /* solves problems if zoom in */
}
.title {
	padding:0 5em;
}
.seal {
	padding:0 2%;
}
#sidebar {
	width: 160px;
	float: left;
}
#main {
	margin-left: 10px;
	margin-right: 10px;	
}

#secondary {
	float: right;
	width: 164px;
	background-color:#FFFFcc;
	border:3px solid black;
	border-top:0;
}
h2, h3, h4, h5, h6 {
	padding:0;
	letter-spacing:0.05em;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
	color:#990000;	
	border-left:0;
	border-right:0;
}
h4 {
	font-size:.875em;
}
p {
	font-size:.75em;
}

blockquote {
	margin: .5em 3em 1em 2.3em;
	padding: .5em 3em 1em 2.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.25;
	border-left:2px dotted #900;
}

blockquote p {
font-size:1em;
}

blockquote p.short{
margin-bottom:1em;
}


#main blockquote ul{  /* needed for ch5s05*/
font-size:1em;
}

img {
	border:none;
}
table {
	margin: auto;	
	border:2px solid #900;
	border-collapse:collapse;
}
table.census {
	width:450px;
	margin-bottom:2em;
}
caption {
	font-weight:bold;
	color:#900;
	padding-bottom:.7em;
}
td, th {
	padding:3px 5px 2px 5px;
	font-size:.8em;
}
table.census td {
	border:1px solid #808080;
	text-align:center;
}
table.census td.left {
	text-align:left;
}
table.census th.border {
	border-top:1px solid #808080;
}
acronym, abbr {
   border-bottom: .1em dotted;
   cursor: help;
}

/* NAVIGATION */
#navcontainer {
	width: 170px;
	padding: 0px;
	margin-bottom: 1em;
	background-color: #660000;  /* Brown */
	color: #333;
	font-size:.8em;	 /* was .813 */
}
#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#navcontainer li {
	border-bottom: 1px solid #ffcc33;
	margin: 0;
}
#navcontainer li a {
	display: block;
	padding: 6px 0px 6px 0px;
	border-left: 7px solid #600;   /*changes to yellow on hover */
	border-right: 10px solid #600;  /* was 20 */  /*changes to green on hover */
	background-color: #660000;
	color: #ffff80;
	text-decoration: none;
	width: 170px;  /* was 11.3em,  176px */
}
#navcontainer li a:hover {
	border-left-color: #ffcc33;  /* yellow */
	border-right-color: #006600;
	background-color:#904600;
	color:#ffff00;
}
#navcontainer li li {
	border-top: 1px solid #ffcc33;  /* yellow */
	border-bottom: 0;
	margin-left: 5px;	
	font-size:.95em; /*needed to counter cascade effects */
}
#navcontainer li li a {
	padding: 4px 0px 4px 8px;  /* left was 16 px */
	background-color: #fff;
	width: 150px;  /* was 11.3  150*/
	color:#662200;
}
#navcontainer li li a:hover {	
	border-left-color: #ffcc33;    /* yellow */
    border-right-color: #006600;  /*green */
	color: #ffffcc;
}
#navcontainer h2 {
	color:#fff;
	text-align:center;
	font-size:1.45em;
	background-color:#600;
	border-top:5px solid #600;
	border-bottom:5px solid #600;
	background-image:url(file:///N|/Web/ChicanoHistory/images/bkg_hdr_nav.gif);
	background-repeat: repeat-x;
	margin-bottom:0;
	width: 190px;
}
#navcontainer img {
	display:block; 
	margin-right:auto;
	margin-left:auto;	
}

/* SECONDARY */
#secondary h3 {
	font-size:1em;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	border-top:5px solid #060;
	border-left:0;
	border-right:0;
	margin-bottom:.8em;
}

#secondary.collage {
background-color:#060;
}


#secondary h3.filler {		
	border-top:5px solid #600;
	border-bottom:5px solid #600;
background-image:url("images/bkg_hdr_nav.gif");
	background-repeat: repeat-x;
	padding-bottom:0;
	margin-bottom:0;
}

#secondary ul {
	margin-bottom:.5em;
}

#secondary ul.filler {
padding-bottom:3em;
}

#secondary li {
	float:left;
	text-align:center;
	color:#000000;
	font-size:.7em;
	list-style:none;
	background-color:#FFFFcc;
}
#secondary img {
	border:2px solid #cc9900;
	margin:5px 10px 0px 15px;  /* was 5 7 0 12 */
}
#secondary img.icon {
	border:2px solid #cc9900;
	margin:3px 5px 3px 2px;
	vertical-align:top;
	float:left;
}

#secondary img.collage {
border:none;
	margin:0;
	}
#secondary img.alignMiddle {
	vertical-align:middle;
}
#secondary img.alignBottom {
	vertical-align:bottom;
}
#secondary a {
	text-decoration:none;
	color:#000;
}
/* Hover was misleading.  Highlighted an area beneath the image that could only be seen partially. So took out */

#secondary a.transcript:hover, #secondary a.transcript:active, #secondary a.transcript:focus {
	color: #fff;
	background: #600;
} /* active and focus for keyboard users */
#secondary p {
	margin:5px 7px 5px 7px;
}
/* MAIN */

#main h1 {
	font-size:1.1em;
	background-color:#060;
	color:#fff;
	padding:.5em 0;
	text-indent:.5em;
	margin-right:-20px;
	margin-left:-10px;
}
#main h2, #main h3, #main h4 {
	margin:.8em 0 1.2em .5em;
}
#main h2, #main h3 {
	text-align:left;
	padding-left:.5em;
	color:#990000;
}
#main h3 {
	padding-left:1em;
}
#main p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	margin: 0 1.5em 2em 1.5em; /* WCAG 2.0 Criterion 1.4.8 - bottom margin*/
	padding-left:0;
}
#main p.in2 {
	padding-left:2em;
}
#main p.short {
	margin-bottom:0;
}
#main p.conclusion {
	margin-left:1em;
	padding-left:1em;
}

#main p.top2m{
margin-top:2em;
}

#main ul, #main dl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	margin:.35em 0 .35em 2em;
	padding-left:1em;
	list-style:square;
	font-size:.75em;
}

#main ul.maps {
	font-size:1em;
}

#main ul ul {
	font-size:100%;
}

#main ul.nomarker {
list-style:none;
}

#main li {
	margin-left:1em;
	font-size:1em;
}
#main ol {  /* Key Questions */
	padding:.5em 0 .5em 1em;
	margin:.5em 0 .5em 1em;
}
#main ol li { /* Key Questions - larger font & color */
	color:#600;
	padding-bottom:10px;
}

#main ol ul.gallery{
	font-size:1em;
	margin-bottom:-5px;
}

#main ol li.black{
color:#000000;
}

#main ol.footnote {
	padding:0 0 .5em 1em;
	margin:0 0 .5em 1em;
}
#main li.footnote {
	font-size:.75em;
	line-height:1.3em;
	color:#000000;
	padding-bottom:0;
}
#main ol.plain {
	padding:0 0 .5em 1.3em;
	margin:0 0 .5em 1.3em;
	font-size:.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
}

#main ol.indent {
padding-left:2em;
margin-left:2em;
}

#main li.plain {
	color:#000000;
	padding-bottom:0;
}

#main li a {
line-height:1.6;
}

#main ul.bottom1, dl.bottom1{
margin-bottom:1em;
}

#main ul.bottom2, dl.bottom2, ol.bottom2{
margin-bottom:2em;}

#main ul.ethnic {
width:11em;
background-color: #FFCC33;
font-weight:bold;
margin-top:1em;
margin-bottom:1em;
padding-top:.5em;
padding-bottom:.5em;
}


dl {
	margin: 0;
	padding: 0;
}

dt {margin-top:1em;}

dd.bottom04 {
margin-bottom:.4em;
}

#main hr{
border:1px solid #060;} 

#main img {
	vertical-align:middle;
}
#main a {
	text-decoration:underline;
}
#main a:link {
	color: #530000;  /* was 600 */
}
#main a:visited {
	color: #666;
}
#main a:hover, #main a:active, #main a:focus {
	border: .063em solid #fc3;
	color: #fff;
	background: #600;
} /* active and focus for keyboard users */

#main h1 a {
font-size:.8em;
padding:0 .5em 0 .5em;
}

#main h1 a:link {
	color: #fff;
}

#main h1 a:visited {
	color: #fc3;
}

#main.index {
font-size:1.3em;
}


#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skip a:focus {
	position:static;
	width:auto;
	height:auto;
}
#positionCenter {
	text-align:center;
}
#positionCenter H3 {
	text-align:center;
}
.clearer { /*needed to keep H3 from moving R and up */
	clear:left;
	line-height:0;
	height:8px;
}

.clearer2 {
height:15px;
}

.superEnd {
	vertical-align:super;
	font-size:.8em;
}

/* #collage {
	float:right;
	width: 300px;
	height:400px;
	background-color:#060;
	border:5px solid #fc3;
}
*/

.class {
	margin-left: 185px;
	margin-right: 315px;
}
dl.table-display {
	float: left;
	width: 520px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
.table-display dt {
	clear: left;
	float: left;
	width: 150px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
}
.table-display dd {
	float: left;
	width: 350px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}
.texttop {
	vertical-align:top;
	float:left;
	
}

img.start{
margin-right:1em;
}


#graphic_toc{
float:right;
}

.video{
margin-left:1em;;

}

#main p.video{
text-indent:2.5em;
}

/* Fix for the Q tag in EI up to version 8.  Makes other browsers remove any quotes from the q tag.*/
q:before, q:after {
content:"";
}

sup.spaceright{
padding-right:.5em;
}

#footer {  /*Needed to put bottom margin on page */
	clear:both;
}

.date {
	margin-top:20px;
	color:#ffff80; 
	font-size:1em;
	text-align:center;
}