body {
		margin:0px;
		font-family:arial;
		font-size:12px;
		background-color:#fff;
	}
	img {
		max-width:100%;
	}
	h1 {
		line-height:110%;
		color:#6a4d4d;
	}
	h2 {
		line-height:110%;
		color:#6a4d4d;
	}
	
	.outer {
		max-width:1000px;
		background-color: white;
		text-align:left;
		
	}
	.bodyText {
		padding:10px;
		text-align: left;
		font-size:16px;
		line-height:140%;
		color:#333;
	}
	.navTop {
		display:none;
	}
	.mobileNav {
		background-color: #e2d0c1;
		color:white;
		padding:6px;
		text-align: center;
	}
	.teaserImage {
		display:inline-block;
		vertical-align: top;
		margin-right:15px;
		max-width: 240px;
	}
	.teaserHeader {
		font-size:16px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.teaserText {
		color: gray;
		font-size:14px;
		line-height:140%;
		
	}
	.article {
		margin-left:10px;
		margin-bottom:15px;
	}
	.articleButton {
		margin-top:4px;
		background-color: #fff154;
		color:black;
		border:1px solid black;
		border-radius:10px;
		cursor:pointer;
		
	}
	.articleButton:hover {
		background-color: #7f8efc;
		color:white;
		cursor:pointer;
		
	}
	.loginButton {
		margin-top:4px;
		background-color: #824b06;
		color:white;
		border:1px solid black;
		border-radius:10px;
		cursor:pointer;
	}
	.loginButton:hover {
		background-color: #7f8efc;
		color:white;
		cursor:pointer;
		
	}
	.logo {
		display:none;
	}
	.mobileLogo {
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		background-color: #B8949B;
	}
@media(min-width : 1000px) {
	.navTop {
		display:block;
		background-color: #e2d0c1;
		color:maroon;
		padding:3px;
		text-align: center;
	}
	.navTop a {
		text-decoration:none;
		color:maroon;
		font-size:18px;
		padding-left:20px;
		padding-right:20px;
	}
	.navTop a:visited {
		color:maroon;
	}
	.navTop a:hover {
		color:#003755;
	}

	.logo {
		display:block;
	}
	.mobileLogo {
		display:none;
	}
	.mobileNav {
		display:none;
	}
}