/* Also set to dark grey to white */
body {
	background: linear-gradient(#FFFFFF, #A9A9A9); /* blue to dark grey */
    color: #666666;
	Margin: 0;
	display: grid;
	grid-template-rows: auto lfr auto;
	height: 100vh;
}

/* Red font blue BG */
header {
    background-color: #002171;
    color: #FF0000;
    font-family: Tahoma, sans-serif; /* Font type for rubric */
    Padding: 1 em;
	grid-column: span 2;
}

/* Changed headers to red */
h1 {
    text-align: center;
    font-size: 1.5em
    color: #CCCCCC; 
}
/* Changed font to tahoma -- keep this */
p {
	font-family: impact; /* Font type for rubric */
}

/* Dark Grey Side Nav and Side Nav */
.sidebar {
  width: 200px;
  background-color: #333;
  height: 100vh;
  padding-top: 20px;
}
/* Side Nav */
.sidebar ul {
  list-style-type: none;
  padding: 0;
}
/* Side Nav */
.sidebar li {
  margin: 10px 0;
}
/* Side Nav */
.sidebar a {
  color: white; /* color for rubric */
  text-decoration: none;
  padding: 10px;
  display: block;
}
/* Side Nav */
.sidebar a:hover {
  background-color: #575757;
}
/* Side Nav */
.content {
  padding: 20px;
  flex: 1;
}

/* Change color on visited */
nav a:visited {
    color: #344873; /* Visited hyperlinks */
}

/* Change color on hover*/
nav a:hover {
    color: #A52A2A; /* Hover state */
}

/* Changed headers to red */
h2 {
    color: #FF0000; /* color for rubric */
    font-family: Tahoma, serif;
}

/* Green font blue BG*/
h3 {
	color: #00FF00; /* color for rubric */
	background-color: #0000FF;
    font-family: Georgia, serif; /* Font type for rubric */
	font-style: italic; /* Font type for rubric */
}

/* Comment section */
}
input, textarea {
	margin-bottom: .5em;
}
input {
	padding: .5em;
}
	
/* Grey font white background */
footer {
    font-size: 0.70em;
	color: #CCCCCC;
	Margin-left: 170px;
    font-style: italic;
    text-align: center;
    padding: 1em;
    background-color: #FFFFFF;    
}


/* Gradient Fade */
#wrapper {
    background-color: #FFFFFF; 
    background: linear-gradient(#FFFFFF, #A9A9A9); /* Dark Grey to white */
	margin: auto;
	width: 80%;
}


/* Styles for the main element */
#main {
    padding-left: 1em;
    padding-right: 1em;
    display: block; 
    background-color: #FFFFFF; /* Set background color */
    margin-left: 170px; 
    overflow: auto; 
}


/* Table data for the services page */
	Table {
		position: center; 
		border: 1px #3399CC;
		border-width: 90%;
		use border-collapse: collapse;
	}
	
	
/* Table data for the services page */	
	td,th {
		Padding: 5px;
		Border: 1px solid #3399CC;
		text-align: center; 
	}
	
/* Table data for the services page */	
	.text {
		td use text align: left;
	}
	
/* Table data for the services page */	
	tr: nth of type (even) { 
	background-color: #DFEFDF8;
	}
	
/* Table data for the services page */	
form {	display: flex;
		flex-direction: column;
		padding-left: 1em; width: 80%;
}

/* comment section */
textarea {
	margin-bottom: .5em;

}