/* General rules for the document */
body {
	background:#06f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#112212;
}
div.wrap {
	width:680px;
}
a {
	color:blue;
}
/* Rules for the header portion of the document */
header {
	padding:2px ;
}
header img.logo {
	width:164px;
	height:133px;
	float:left;
}
header .text {
	text-align:center;
	padding:2px;
}
header .text h3 {
	font-size:13px;
}
header .text h2 {
	font-size:24px;
	font-weight:normal;
}
/* Rules for the notification at the top of the document */
section.box {
	border:2px outset gray;
	font-size:18px;
	padding:2px;
	margin:1px;
}
section.box p {
	margin-top:0;
}
section.box p:last-of-type {
	margin-bottom:0;
}
/* Rules for the main content area of the page */
section.content article > div {
	width:317px;
	float:left;
	margin-top:15px;
	margin-left:15px;
}
section.content > div:nth-of-type(even) {
	margin-right:15px;
	float:right;
}
section .question {
	font-size:large;
	margin-bottom:15px;
}
section .answer {
	font-size:small;
}
/* CSS for the date/time at the bottom of the page */
section.lastupdate {
	font-size:x-small;
	margin:15px;
	line-height:72px;
}
/* CSS for the Internet Studies Center logo */
/* That is a really terrible logo */
section.iscLogo {
	margin:15px;
}
/* Styles for the button */
section.button {
	text-align:center;
	width:650px;
	margin:15px;
}
/* CSS clearfix borrowed from http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after {
	content: " ";
	display:block;
}
.cf:after {
	clear:both;
}