/* 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;
}

/*body {
	display: grid;
	margin-top: 29px;
	margin-bottom: 30px;
	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: repeat(8, 90px);
	grid-row-gap: 3px;
	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;
	} /*used in intro_site / art_intro*/

.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;
	}/*used in intro_site*  / art_intro/

/* center column text -- notebook style*/
.centered {	
	font-family:Verdana, sans-serif;
	font-size:12pt;
	text-align:center;	
	margin-top:0;
	margin-bottom:0;}/*used in intro_site*/


/* 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;}/*used in intro_site  / art_intro*/

/*places column text below header*/
.cent_col{
		grid-column: 2/3;
		grid-row: 1/2; 
		margin-top: 40pt;
		}/* used in art_intro*/

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

/*.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: 2/3;
	font-family:Verdana, sans-serif;
	text-align: center;
	font-size: 12pt;
	text-decoration: none;
	margin-bottom: 12pt;
}/*used in intro_site  / art_intro*/

a {font-size:24pt;color: #00f; text-decoration: none;margin-bottom: 0pt;}/*used in intro_site  / art_intro*/

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



.plain_text{
	margin-bottom: 0;
	margin-top: 0;}/*used in intro_site  / art_intro*/
	/*margin-left: 0;
	margin-right: 0;*/


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

/* 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;
	}*/


/*check if these are use*/
		
	.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;}