/* This style sheet was created for Peoples of the Mesa Verde Region. It was created by Louise Schmidlap, July-Sept 2008. */

/* Adding font family to body tag accommodates Opera browsers */
body {
	background-color:#3d485e;
	font-family:Verdana, Arial, Helvetica, sans-serif;			
	}

/* Links */
a:link {
	font-weight: bold;
	color:#29458c;
	text-decoration:none;
	}

a:visited {
	font-weight: bold;
	color:#29458c;	
	text-decoration:none;
	}

a:hover {
	color:#000000;
	text-decoration:underline;
	}

a:active {
	color:#29458c;
	text-decoration:none;
	}		

/* Main outer-most table containing the header, footer, navigation bars, and content area */	
#maintable{							
	width:755px;
 	}			

/* Header graphic */	
#header{							
	background-color:#f8e4b0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	letter-spacing:1px;
	line-height:1;
	}
	
/* Introduction label left of the time period navigation bar */
#intromain {						
	background-color:#f8e4b0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1;
	padding:10px;
	}				

/* Secondary navigation */		
#navbar{							
	width:125px;
	background-color:#ffffff;
	vertical-align:top;
	padding:0px;
	border-right:.15em solid;
	border-right-color:#3d485e;
	}
	
#navbar p {							
	background-color:#ffffff;
	vertical-align:top;
	margin-left:10px;
	}	

/* Main content area for text, maps , and photographs */	
#content{								
	width:630px;
	background-color:#ffffff;
	vertical-align:top;
	padding:10px;
	}	

/* Table containing the photo album on some pages */	
#photoalbum{
	width:500px;
	float:left;
	}	

/* Footer */	
#footer {							
	align:left;
	background-color:#f8e4b0;
	padding:5px;	
	}
	
#footer p {							
	padding:0px;	
	margin-left:10px;
	}					

/* Body text */		
p	{														
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:1.75em;
	}
	
/* Main navigation text */		
dd	{								
	margin-left:10px;
	margin-right:10px;
	}	

/* Time periods in main navigation bar */	
ul	{								
	font-size:10px;
	margin:0px;
	padding:0px;
	list-style:none;
	background:#e3b38b;
	}	

/* Makes the time periods in main navigation bar horizontal */	
ul li	{							
	float:left;
		}

/* Sets the style for the links for the time periods in main navigation bar */		
ul a	{							
	display:block;
	padding:0 .5em;
	line-height:2.1em;
	text-decoration:none;
	font-weight: bold;
	color:#ffffff;
	}

/* Title page introductory text */	
.title	{							
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#665c74;
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
	}	

/* Heading 1 (time period) */			
h1	{								
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	letter-spacing:.5px;
	color:#3d485e;
	margin-top:5px;
	margin-bottom:5px;
	}

/* Heading 2 (overview, food, housing, artifacts, etc.) */	
h2	{								
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:.5px;
	color:#a01600;
	margin-bottom:0px;
	margin-top:-5px;
	}

/* Used on ancillary content pages that include text, photos, or both */	
.ancillarycontent{							
	width:600px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	padding:0px;
	}

/* Table containing the acknowledgments, bibliography, illustration credits, and how to cite pages. This separate table is nested inside the main table. */	
.othertable{
	width:600px;
	margin-left:60px;
	margin-right:60px;
 } 

/* Used only on the illustration credits page */ 
.illustration{
	margin-top:1.25em;
}

/* Used only on the illustration credits page */
.credit{
	margin-left:30px;
	margin-top:-1.5em;
	line-height:1.5em;
}

/* Used only on the bibliography and illustration credits pages */
.period {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#a01600;
	margin-bottom:-1.25em;
	} 	
		
/* Introductory paragraphs on the overview pages */	
.intro  {							
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#665c74;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	line-height:1.5em;
	margin-left:25px;
	margin-right:50px;
	}
	
/* Figure captions */	
.caption {							
	font-size:11px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:20px;
	}
	
.captioncenter {							
	font-size:11px;
	text-align:center;
	line-height:1.25em;
	font-weight:normal;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:20px;
	}
		
.caption250 {							
	width:250px;
	font-size:11px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:20px;
	}	
	
.caption400 {							
	width:400px;
	font-size:11px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:20px;
	}
	
.caption500 {							
	width:500px;
	font-size:11px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	margin-right:5px;
	margin-bottom:20px;
	}

.caption700 {
	width:700px;							
	font-size:11px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	margin-left:10px;
	margin-bottom:20px;
	}

/* Sets style for bulleted list*/	
.bullets {							
	width:420px;
	list-style-type:none;
	background-image:url(http://www.crowcanyon.org/images/sidearrow.jpg);
	background-repeat:no-repeat;
	background-position:0 .25em;
	padding-left:2em;
	list-style-position:outside;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:1.5;					 
	}			
	
/* Graphics */	
div.graphic750{
	width:750px;							
	margin-left:5px;
	margin-top:5px;
	}
	
div.graphicfull{
	width:600px;							
	float:left;
	margin-left:0px;
	margin-top:5px;
	}
	
div.graphic450left{
	width:450px;							
	float:left;
	margin-right:15px;
	margin-top:5px;
	}
		
div.graphic450right{
	width:450px;							
	float:right;
	margin-left:15px;
	margin-top:5px;
	}
		
div.graphic400left{
	width:400px;							
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:5px;
	}		
	
div.graphic400right{
	width:400px;							
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-top:5px;
	}	
	
div.graphic350right{
	width:350px;							
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-top:5px;
	}	
	
div.graphic300left{							
	width:300px;
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:5px;
	}	
			
div.graphic300right{
	width:300px;							
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-top:5px;
	}		
	
div.graphic265left{							
	width:265px;
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:5px;
	}		
	
div.graphic265right{							
	width:265px;
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-top:5px;
	}
			
div.graphic250right{							
	width:250px;
	float:right;
	margin-right:0px;
	margin-left:15px;
	margin-top:5px;
	}	
	
div.graphic200left{							
	width:200px;
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:5px;
	}		
	
div.graphic200right{							
	width:200px;
	float:right;
	margin-right:0px;
	margin-left:15px;
	margin-top:5px;
	}		
	
div.graphic150left{							
	width:150px;
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:5px;
	}
	
div.graphic150right{							
	width:150px;
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-top:5px;
	}