body {
	
		background: url(/images/vines.gif);
		background-color: #561123;
		background-repeat: no-repeat;
		background-size: 300px;

		font-size: 18pt;
		line-height: 150%;
		color: white;
		
		font-family: Avenir, Lato, Roboto, Sans-Serif;
	}
	
	#wrapper {
	
		position: relative;
		border: 1px #561123 solid;
		min-width: 500px;
	}
	
	#content {

		position: relative;
		margin: 150px 150px 350px 300px;
	}
	
	#footer {

		position: absolute;
		text-align: right;
		right: 150px;
		bottom: 80px;
		font-size: 40pt;
		line-height: 130%;
		font-family: Garamond, Serif;	
		color: white;
	}
	
	#nav {
	
		position: absolute;
		top: 50px;
		right: 150px;
	}
	
	.nav_item {

		float: right;
		margin-left: 10px;
		padding: 3px 15px;	
		font-size: 15pt;
		border: 1px #561123 solid;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.nav_item_selected {
	
		border: 1px white solid;
	}

	.nav_item:hover {

		border: 1px white solid;
		background-color: white;
		color: #561123;
	}

	.nav_item:active {

		border: 1px white solid;
		background-color: #561123;
		color: white;
	}

	.body_text {
	
		margin-bottom: 50px;
	}
	
	.header {
	
		font-size: 24pt;
		font-weight: 800;
	}
	
	.subheader {
	
		font-size: 20pt;
		font-weight: 600;
	}
	
	.upper_right_image_frame {
	
		float: right;
		margin-left: 50px;
		margin-bottom: 50px;
	}
	
	.upper_left_image_frame {
	
		float: left;
		margin-right: 50px;
		margin-bottom: 50px;
	}
	
	.small {
	
		font-size: 13pt;
	}
	
	a {

		color: white;
		text-decoration: dotted underline 1px;
		text-underline-offset: 4px;
		text-decoration-skip-ink: all;
	}
	
	a:hover {

		text-decoration: solid underline 1px;
	}
	
	li {
	
		margin-top: 20px;
	}

	li:first-child {
	
		margin-top: 0;
	}


	@media only screen and (max-width: 1200px) {
	
		#content {

			margin: 250px 100px 350px 200px;
		}
		
		body {
		
			background-size: 200px;
		}

		#nav {
	
			right: 100px;
		}

		#footer {

			font-size: 30pt;
			right: 100px;
		}
	}

	@media only screen and (max-width: 900px) {
	
		.upper_right_image_frame {
	
			float: none;
			margin-left: 0;
		}
	
		.upper_left_image_frame {
	
			float: none;
			margin-right: 0;
		}
	}

	@media only screen and (max-width: 700px) {
	
		#content {

			margin: 200px 75px 250px 75px;
		}
		
		body {
		
			font-size: 15pt;
			background-size: 150px;
		}

		#footer {

			font-size: 25pt;
			right: 75px;
		}

		#nav {
	
			right: 75px;
		}
	
		.nav_item {

			float: right;
			margin-left: 6px;
			padding: 3px 12px;	
			font-size: 12pt;
		}
	}