/* styles for thumbnail pages*/

body {
	display: grid;
	margin: 25px;
	background-color: #666;
	height: 800px;
	width: 1350px;
    
	
	font-family:Helvetica, sans-serif;
	font-size:12pt;
	line-height:1.2;
	text-align: left;
	color:#000;
	
	grid-template-columns: 200px 750px 250px;
	column-gap: 50px;
	grid-template-rows: 375px 375px;
	row-gap: 0px;
	grid-template-areas: 
		"left_text image info"
		"left_text image nav";
}

.image {
	grid-area: image;
		background-color: #666;
		justify-self: center;
		align-self: center;
}

.info_block{
	grid-area: info;
}

.title {	
	font-family:Verdana, sans-serif; font-size:14pt;
	text-align:center;	
	margin-top:75px; margin-bottom:0; }


.nav_block {
	grid-area: nav;
}
	/* subgrid for navigation arrows - used in all images i think*/
.nav {
	display: grid;
	grid-template-columns: 80px 80px fr;
	grid-template-rows: 25px 70px 70px 70px fr;
	grid-template-areas:
		"left_link right_link ."
		"up1_link up1_text up1_text"
		"up2_link up2_text up2_text"
		"up3_link up3_text up3_text";}
	


.link 		{text-decoration: none; color: #00f;}
.no_link    {text-decoration: none; color: #888; }
.arrow {font-size: 30pt;}
.up_arrow {font-size: 24pt;}
.link_text{
	font-family:Verdana, sans-serif; 
	font-size:12pt;
	text-decoration: none; 
	}

.left_link {grid-area: left_link; justify-self:center;}
.right_link {grid-area: right_link; justify-self:center;}
.up1_link {grid-area: up1_link; justify-self:center;}
.up1_text {grid-area: up1_text; justify-self:start; align-self: center;}
.up2_link {grid-area: up2_link; justify-self:center;}
.up2_text {grid-area: up2_text; justify-self:start; align-self: center;}
.up3_link {grid-area: up3_link; justify-self:center;}
.up3_text {grid-area: up3_text; justify-self:start; align-self: center;}


.link_row_1 {grid-row: 2/3;}




/*.

.large{margin-top: 50px;
	margin-bottom: 100px;
	margin-left: 25px;
	margin-right: 25px;
		background-color: #111;
		height: 650px;
		width: 1250px;}



nav {color:#00f; font-size:36px; width:200px; 
	text-decoration: none; text-align: center;
	grid-column: 3/4 ;grid-row: 5/6;
	margin-top: 0pt;}

.nav_large{margin-top: 750px;}*/


/*styles for individual images */

/*.title {grid-column: 3/4; grid-row: 1/2; color:darkred}*/
	/*used along with 'centered' to center image title at top
.single_image{background-color: #111;}
	/* used with body tag to darken background */
/* 
.image_horiz {grid-column: 1/6; grid-row: 2/5;
		margin-top: 0px; margin-left: 200px;}
	used in div for image - centers on page 
.image_vert {grid-column: 1/6;grid-row: 2/5;
		margin-top: 0px;}
	/* used in div for image - centers on page */