body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('/images/repeating/cloth-desktop.jpg');
}

.content {
	padding: 16px;
	/*background-image: url('/images/repeating/cloth-desktop.jpg');*/
	/*background-repeat: repeat;*/
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.sticky + .content {
	padding-top: 102px;
}

/* this is for the header logo */
div.top-container {
	padding: 10px;
	display: flex;
	/*background-image: url('/images/repeating/cloth-desktop.jpg');*/
	/*background-repeat: repeat;*/
}
div.top-container > a#logo {
	width: 128px;
	height: 128px;
	background: url('/images/logo.png') 0 0;
}
div.top-container > a#logo:hover {
	background: url('/images/logo.png') 0 -129px;
}
div.top-container > #site-heading {
	text-align: center;
	width: 100%;
	font-size: 80px;
	margin: 0;
}

/* This is for the navbar */
div#myHeader.header {
	padding: 10px 0px;			/* the left/right padding must be zero, because of a right positioning bug */
	background: #555;			/* this needs to be duplicated for the href */
}
div#myHeader > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div#myHeader > ul > li {
	float: left;
}
div#myHeader > ul > li > a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	background: #555;
}
div#myHeader > ul > li > a:hover {
	background-color: #111;
}