* { 
	margin:0; 
	padding:0; 
	box-sizing:border-box; 
	}
	
body {
	font-size:1.25rem;
	}

header {
	height:100px;
	display:grid;
	grid-template-columns:10% 90%;
	grid-gap:10px;
	padding:10px 0px;
	}
	
header img {
	width:100%;
	height:80px;
	}

header h1 {
	color:#f00;
	margin-top:20px;
	margin-left:200px;
	}
	
#index {
	margin-left:300px;
	}

nav { 
	width:100%; 
	height:70px; 
	background-color:#ccc; 
	}
	
#linkHolder {
	float:left;
	margin:25px 0px 0px 0px;
	}
	
.navLinks {
	margin:0px 125px 0px 50px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	}

#home {
	width:98%;
	margin:0 auto; 
	display:grid;
	grid-template-columns:25% 50% 25%;
	grid-gap:5px;
	}
		
#image img {
	width:100%;
	height:500px;
	border:4px solid #f00;
	}

.mv h2 {
	margin-top:20px;
	text-align:center;
	color:#f00;
	}

p {
	margin:5px;
	text-align:justify;
	font-size:1.5rem;
	}

footer {
	width:100%;
	display:grid;
	grid-template-columns:50% 50%;
	height:50px;
	background-color:#ccc; 
	}
	
footer h3 {
	padding:10px 0px 0px 15px;
	color:#f00;
	}
	
footer img {
	float:right;
	height:40px;
	margin-right:25px;
	}
	
#footerBottom, #footerBottomReg {
	position:absolute;
	bottom:0px;
	}
	
form {
	margin:40px 15px 10px 75px;
	font-size:1.15rem;
	}
	
form p {
	font-weight:bold;
	}
	
label { 
	margin-left:15px;
	font-weight:bold;
	}
	
.formatLabel {
	display:inline-block;
	width:170px;
	}
	
#buttons {
	margin-left:550px;
	}
	
input[type], select {
	height:20px;
	border:2px solid #f00;
	}
	
input[type=submit], input[type=reset] {
	width:10%;
	height:45px;
	font-size:1rem;
	font-weight:bold;
	color:#000;
	border-radius:20px;
	border:none;
	box-shadow:0 6px #999;
	}
	
input[type=submit] {
	background-color:#ccc;
	}
	
input[type=reset] {
	background-color:#f00;
	}
	
.button:active {
	box-shadow:0 3px #666;
	transform:translateY(2px);
	}
	
/* Awardees page */
#sca {
	background-image:url("../img/paper.jpg");
	}
	
#sc-award {
	width:65%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:40% 60%; 
	grid-column-gap:25px;
	padding:20px 0px 0px 20px;
	}

#sc-award p {
	font-size:1.5rem;
	}
	
#sc-award img{
	width:500px;
	height:300px;
	}
	
h2 {
	text-align:center;
	color:#f00;
	margin:25px 0px;
	}
	
#awardee-grid { 
	width:65%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:auto auto; 
	grid-gap:5px; 
	padding:5px; 
	border:5px solid #6b6b6b;
	}
	
.grid-item {   
	border:2px solid #6b6b6b; 
	padding:20px; 
	}
	
.grid-item img {
	width:100%;
	height:250px;
	}

.year {
	text-align:center;
	font-size:1.25rem;
	font-weight:bold;
	}
	
/* News & Alumni Pages */
ul {
	padding:25px 0px 0px 75px;
	list-style-type:square;
	}

.newsList {
	font-size:1.25rem;
	text-decoration:none;	
	color:#000;
	}
	
li {
	padding-bottom:10px;
	}
	
#septVisit { 
	width:75%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:auto auto auto; 
	grid-gap:5px; 
	padding:5px; 
	background-image:url("../img/paper.jpg");
	border:5px solid #6b6b6b;
	}
	
.visit-item, .gallery {   
	border:2px solid #6b6b6b; 
	padding:20px; 
	}
	
.visitImg, .alumniImg {
	width:100%;
	height:250px;
	}
	
.desc {
	text-align:center;
	font-size:1.5rem;
	}
	
/* About Us Page */
#top {
	width:95%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:60% 40%; 
	grid-gap:5px; 
	padding:5px; 
	}

span {
	font-weight:bold;
	}
	
#top img {
	width:100%;
	height:500px;
	border:4px solid #f00;
	}

#top table {
	width:85%;
	margin:0 auto;
	padding-top:15px;
	}
	
.column1, .column2 {
	width:50%;
	}
	
#nb {
	color:#f00;
	}
	
/* Alumni Page */
#alumni { 
	width:95%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:auto auto auto auto; 
	grid-gap:5px; 
	padding:5px; 
	background-image:url("../img/paper.jpg");
	border:5px solid #6b6b6b;
	}
	
#link {	
	float:right;
	margin:25px 25px 15px 0px;
	}
	
#link a {
	color:#f00;
	text-decoration:none;
	font-weight:bold;
	}

/* Birthday List Page */
#birthHeading h2 {
	text-align:center;
	}

#bornday {
	width:65%;
	margin:0 auto; 
	display:grid; 
	grid-template-columns:auto auto; 
	grid-column-gap:10px;
	padding:5px 0px 0px 20px;
	}

.hb {
	font-size:1.5rem;
	margin:25px 0px 0px 100px;
	}	
	
.birth img {
	width:100%;
	height:365px;
	border:5px solid #6b6b6b;
	}

/* Responsive Design */
@media(max-width:768px)
{
	#home, #sc-award,#top 
	{
		grid-template-columns:1fr;
		width:100%;
	}
	
	#septVisit, #alumni, #bornday 
	{
		grid-template-columns:1fr 1fr;
		width:100%;
	}

	#awardee-grid
	{
		width:100%;
	}
	
	#index, header h1 
	{
		margin-top:5px;
		margin-left:60px;
	}
	
	#linkHolder 
	{
		margin:15px 0px 0px 0px;
	}
	
	#formatLabel1
	{
		display:inline-block;
		margin-top:20px;
		width:170px;
	}
	
	#buttons
	{
		margin-left:150px;
	}

	input[type=submit], input[type=reset] 
	{
		width:20%;
	}
	
	#footerBottomReg 
	{
		position:relative;
		bottom:0px;
	}
	
	#sc-award img
	{
		display:block;
		margin:0 auto;
	}
	
#bornday .hb
	{
		margin-left:50px;
	}
}