@charset "UTF-8";

/* CSS Document Author: Edith Harvey
Purpose: Style Sheet for ITWP 1100 - Project 2
File: project1.css */

/*All CSS was created by the author unless other mentioned in notes below */

/* Grid Layout - 4 Row Set Up - Header (top), Nav and Nav2 (second), Main (third), and Footer (bottom) */
/* If border around entire page is wanted add border: to grid-container */
.grid-container { 
     display: grid;
     grid-template-columns: auto;
     grid-template-rows: 100px 50px auto;
}

/* Set which rows in the grid each section is, width at 100%, padding choice and text alignment */
/* Header and the main site navigation bar */
header {
     grid-row: 1 / 4;
     grid-column: 1 / 1;
     text-align: center;
}
/* Navigation for menus */
nav {
     grid-row: 2 / 4;
     grid-column: 1 / 1;
     text-align: center;
}
main {
     grid-row: 3 / 4;
     grid-column: 1 / 1;
     text-align: left;
     border-bottom: double;
}
footer {
     grid-row: 4 / 4;
     grid-column: 1 / 1;
     text-align: center;
}

/* Adjustments for each of the above sections for width, padding, etc */
/* Header and the main site navigation bar */
header {
     padding: 5px;
     width: 100%;
}
/* Navigation for menus */
nav {
     padding: 5px;
     width: 100%;
}
main {
     padding: 10px;
     padding-bottom: 20px;
     width: 100%;
}
footer {
     padding: 10px;
     width: 100%;
}

/* Body Font Styles, Background Images, etc */
body {
     background-image: url("images/backgrounds/27greenparchmentpaper.jpg");
     background-color: #ffffff; /* white */
     color: #333399; /* dark blue */
     font-family: "Century Gothic", "Arial", "Times New Roman", sans-serif;  
}

/* link anchor tag styles */
/* all links before clicked */
a:link {
     color: #333399 /* dark blue */
}
/* visited link style */
a:visited {
     color: #333399; /* dark blue */
}
/* hovering over link style */
a:hover {
     color: #009900; /* dark green */
}
a:active {
     text-decoration: none;
     color: #0000FF; /* blue */
}

/* Header Styles */
h1 {
     text-align: center;
     font-size: 2.5em;
     color: #333399;
}
h2 {
     text-align: center;
     font-size: 2em;
     color: #333399; /* dark blue */
     text-decoration: underline;
}
h3 {
     text-align: center;
     font-size: 2em;
     color: #333399; /* dark blue */
     text-decoration: underline;
}
h4 {
     text-align: left;
     font-size: 1.5em;
     color: #333399; /* dark blue */
     text-decoration: underline;
}
h5 {
     text-align: center;
     font-size: 1.25em;
     color: #333399; /* dark blue */
     text-decoration: underline;
}

/* TABLE Styling */
table {
     padding: 2px;
     width: 100%;
     
}
th, td {
     padding: 3px;
     vertical-align: top;
}

/* TEXT SIZE adjustments that aren't headings or rather h1, etc coding. */
/* Smaller text for 2nd line of nav menu */
.subnavmenu {
     font-size: 1.0em;
}

.disclaimer {
     font-size: .75em;
}

/* IMAGE STYLING Variations */
/* Specific class to center an img but not all images */
.imgcenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 50%;
}
/* Specific Class for images to Float Left */
.imgfloatleft {
     border: 0;
     float: left;
     padding: 2px;
}