body {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial;
}

html > body #container {
}

div#scrll {
	overflow: auto;
}

div#cont {
	padding: 0.3em 2em 0.5em 2em;
}

.responsive {
	max-width: 100%;
	height: auto;
}

.cntr {
	display: block;
}

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { color: #FF0000; text-decoration: underline;} 
a:active { text-decoration: none;}

p {
	padding-left:10px; 
}

p.right {
	text-align:right; 
	padding-right:10px; 
}

p.date {
	font-size: 7pt;
	text-align: right;
	font-style: italic;
}

h1 {
	padding-left:10px; 
	font-size:18px;
}
h2 {
	padding-left:10px; 
	font-size:16px;
}

div.section {
	background-color: #dddddd;
	padding:5px;
	margin-bottom:5px;
}

div.header {
	padding:5px;
	margin-bottom:15px;
}

img.logo {
	float: left;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#container {
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#container {
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#container {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		
	}
} 

/* larger devices (laptops and desktops, 1000px and up) */
@media only screen and (min-width: 1000px) {
	#container {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
}