body {
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
	background-size: auto;
	background-image: url("bgs/background00.png");
}

text, p, a, h1, h2, h3, h4, h5, h6, input, figcaption, label, li, th, td {
	font-family: calibri, helvetica, sans-serif;
}

figcaption {
	font-size: 10pt;
}

.step_bu_div {
	float: left;
	margin: 10px;
}

nav {
	width: calc(70% + 30px);
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	
	background: #FFF;
}

nav table {
	width: 100%;
	height: 100%;
	
	border: none;
}

nav table tbody tr td {
	border: none;
	width: 100%;
	height: 100%;
}

nav table tbody tr td:hover {
	background-color: #CCC;
}

nav table tbody tr td {
	width: 100%;
	height: 100%;
	
	border: 1px solid #AAA;
}

nav table tbody tr td a {
	display: block;
	
	width: calc(100% - 24px);
	height: 100%;
	
	padding: 12px;
	
	text-decoration: none;
	text-align: center;
	color: #000;
}

article {
	width: 70%;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	
	background: #FFF;
	
	padding: 15px;
	
	border: 1px solid #CCC;
}

table {
	table-layout: fixed;
	border: 1px solid black;
	border-collapse: collapse;
}

table.image_tab {
	table-layout: fixed;
	
	border: none;
}

table.image_tab tr td {
	border: none;
}

div.image_grid {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto;
	grid-gap: 10px;
}

td {
	text-align: center;
	border: 1px solid black;
}

th {
	text-align: center;
	border: 1px solid black;
	padding: 5px;
}

h1.portfolio_header {
	text-align: center;
	font-size: 32pt;
	font-family: "Times New Roman", serif;
	color: #340034;
	margin: 15px;
}

h2.project_header {
	text-align: left;
	font-size: 24pt;
	font-family: "Times New Roman", serif;
	margin: 15px;
	margin-bottom: 2px;
	margin-left: 0px;
}

a.project_header {
	text-decoration: none;
	color: #000;
}

a.project_header:hover {
	text-decoration: none;
	color: #666;
}

a.project_header:active {
	text-decoration: none;
	color: #BBB;
}

.project_hrule {
	float: left;
	width: 40%;
	margin-top: 2px;
}