/* body in the grid container
	same as the notebook styles*/
body {
	display: grid;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-right: 25px;
	background-color: darkgrey;
	height: 800px;
	width: 1350px;
	grid-template-columns: 450px 300px 450px;
	grid-column-gap: 50px;
	/*grid-template-rows: 700px 50px;
	grid-row-gap: 0px;*/
	font-family:Helvetica, sans-serif;
	font-size:10pt;
	line-height:1.2;
	text-align: left;
	color:#000000;
}

/* titles at top center */
.center_title {
	grid-column: 2/3; grid-row: 1/2;
	font-family: times;
	font-size:36px; color:#00f; 
	text-align:center; vertical-align:bottom;
	}

.center_sub_title{
	grid-column: 2/3; grid-row: 1/2;
	font-family: verdana, san-serif;
	font-size:24px; color:#f00; 
	text-align:center; vertical-align:bottom;
	margin-top: 48pt;
	}
/* center column text -- notebook style*/
.centered {	
	font-family:Verdana, sans-serif;
	font-size:12pt;
	text-align:center;	
	margin-top:0;
	margin-bottom:0;}


/* page text columns -- there will be a center column in the art intro page*/
.left_col{
		grid-column: 1/2;
		/*grid-row: 1/2;*/
		margin-top: 24pt;}

.cent_col{
		grid-column: 2/3;
		/*grid-row: 1/2; */
		margin-top: 40pt;
		}

.right_col{grid-column: 3/4;
		/*grid-row: 1/2;*/
		margin-top: 24pt;}

.bloglink{text-decoration: none;
	font-family:Verdana, sans-serif;
	margin-bottom:0;
	margin-top:0;
	line-height:1.2;
	color:#000000;}

/*.nav {color:#00f; font-size:36px; width:200px; 
	text-decoration: none; text-align: center;
	grid-column: 2/3 ;grid-row: 7/8;
	margin-top: 0pt;}*/

.nav {
	grid-column: 2/3;
	grid-row: 1/2;
	font-family:Verdana, sans-serif;
	text-align: center;
	font-size: 12pt;
	text-decoration: none;
	margin-bottom: 12pt;
	/*margin-top: 600px;*/
}


.uplink {font-size:24pt; color: #00f; text-decoration: none; margin-bottom: 0pt;}

.mid_link{margin-top: 600px;}

.nav_text{font-size:14pt; margin-top: 0pt;}

.plain_text{
	margin-bottom: 0;
	margin-top: 0;}
	/*margin-left: 0;
	margin-right: 0;*/

.left_headers {
	font-family:Verdana, sans-serif;
	margin-bottom:0;
	margin-top:0;
	line-height:1.2;}
	/*margin-left:0;
	margin-right:0;*/

.left_head_lg {font-size: 14pt;
	}

.indent_1{margin-left: 18pt;}
.indent_2{margin-left: 36pt;}

/* not sure if this will be used
.page
	{grid-column: 2/3;
	grid-row: 8/9;
		width: 400px;
	text-align: center;
	margin-top: 240px;
	font-family:Verdana, sans-serif;
	font-size:12pt;
	}*/



		
	.nav_links{font-size:24pt;color: #00f; text-decoration: none;margin-top: 24pt;}
	

	.rand_links{grid-column: 2/3; margin-top: 12pt;}
	.home_link{grid-column: 3/4; margin-top: 18pt;}
	.real_links{grid-column: 4/5; margin-top: 12pt;}
	.no_link{color: #888; text-decoration: none;}
		
	.home_but{font-size: 14pt; 
			width: 75px; height: 16pt; 
			border: 5px solid #888; 
			text-align: center; color: #00f;}
		
		
	
		
	.bottom_left{grid-column: 1/2;}
	.bottom_right{grid-column: 5/6;}