body {
	background-color: #ffffee;
	font-family: Arial, sans-serif;
}

a {
	color: #e60000;
	text-decoration: none;
}
 
a:hover {
	color: #1f8f2a;
}

 /* The sidebar menu */

	.sidenav {
		height: 100%; /* Full-height: remove this if you want "auto" height */
		width: 200px; /* Set the width of the sidebar */
		position: fixed; /* Fixed Sidebar (stay in place on scroll) */
		z-index: 1; /* Stay on top */
		top: 0; /* Stay at the top */
		left: 0;
		background-color: #ffffee;
		overflow-x: hidden; /* Disable horizontal scroll */
		padding-top: 20px;
	}

	.sidenav h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 8px;
		font-family: Arial, sans-serif;
		font-size: 37px;
		color: #AF0A0F;
		text-decoration: normal;
	}

	.sidenav h3{
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 8px;
		font-family: Arial, sans-serif;
		font-size: 20px;
		color: #AF0A0F;
		background: #f2e1d6;
		text-decoration: normal;
	}

	.sidenav-disclaimer {
		padding: 6px 8px 8px 6px;
		font-family: Ariel, sans-serif;
		font-size: 10px;
		text-align: left;
	}

/* The navigation menu links */
	.sidenav-boards a {
		padding: 6px 8px 6px 16px;
		text-decoration: none;
		color: #e60000;
		display: block;
	}

/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
		color: #1f8f2a;
	}

	/* Style page content */
	.main {
		margin-left: 200px;
		padding: 0px 10px;
	}

	.main h1 {
		margin-bottom: 5px;
		text-align: center;
		font-size: 40px;
		font-family: Arial, sans-serif;
		font-size: 40px;
		color: #AF0A0F;
	}

	.main-slogan em {
		font-family: Arial, sans-serif;
		color: #AF0A0F;
	}

	#main-news {
		background-color: #ffffee;
		border: 1px solid #ddbeab;
	}

	#main-news h2 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 15px;
		color: #AF0A0F;
        background: #f2e1d6;
		
	}

	#main-news h3 {
		background: none;
		color: #AF0A0F;
	}

	.news-entry {
		padding: 6px 8px 6px 16px;
	}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	} 

/* Board CSS */

	.rotating-banners {
		text-align: center;
	}

	.rotating-banners img {
		margin: 10px 0px 0px 0px;
	}

	#board-links {
		text-align: center;
	}
	
	#boardLayout {
		margin: auto auto auto auto;
		width: 1000px;
	}