html,body,h1,h2,h3,h4,p {
	font-family:"Verdana", sans-serif;
}

body {

	/* Color scheme variables */
	--bg_default: #524948;
	--font_default: #D3CECD;
	--row_odd: #9D858D;
	--font_row_odd: #EFE9ED;
	--row_even: #8CABBE;
	--font_row_even: #E4EDFA;


	/* Default bg color */
	background-color: var(--bg_default);

}



/* My stuff */

table, th, td {
	border: 0px;
	text-align: left;
	padding: 10px;
}

img {
	padding: 10px;
	width: 90%;
}

ul li {
	margin: 15px;
	margin-left: -15px;
}

a {
	color: white;
}

.row_odd {
	background-color: var(--row_odd);
	text-align: center;
	padding: 10px;
	color: var(--font_row_odd);
} 

.row_even {
	background-color: var(--row_even);
	text-align: center;
	padding: 10px;
	color: var(--font_row_even);
} 



/* Modified code from https://www.w3schools.com/CSS/css_website_layout.asp */


/* Nice centered header */
.header {
	background-color: var(--bg_default);
	text-align: center;
	padding: 10px;
	color: var(--font_default);
} 


/* The navbar container */
.topnav {
	overflow: hidden;
	background-color: var(--bg_default);
}

/* Navbar links */
.topnav a {
	float: left;
	display: block;
	color: var(--font_default);
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

/* Links - change color on hover */
.topnav a:hover {
	background-color: var(--bg_default);
	color: var(--font_default);
} 


/* Create two	equal columns that float next to each other */
.column {
	float: left;
	width: 50%;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
	}
}


/* Use for contact info */
.footer {
	background-color: var(--cs3_bgblack);
	text-align: center;
	padding: 10px;
	color: var(--font_default);
} 

.footer a {
	color: var(--font_default);
}