body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background-color: #295392;
	background-image: url(img/pattern.png);
}

a {
	text-decoration: none;
	color: #295392;
	outline: none;
}
	
a img { border: none; }

.big-link {
	font-size: 22px;
	font-weight: bold;
}

h1 {
	color: #295392;
	margin-bottom: 30px;
}

h2 {
	margin: 0;
}
.container {
	width: 964px;
	margin: 0px auto;
}

.container .top {
	height: 27px;
	background-image: url(img/container-top.png);
	background-repeat: no-repeat;
}

.container .content {
	background-image: url(img/container-bg.png);
	background-repeat: repeat-y;
	padding: 20px;
}
.container .bottom {
	height: 27px;
	background-image: url(img/container-bottom.png);
	background-repeat: no-repeat;
}

.ribbon {
	position: relative;
	left: -95px;
	width: 1114px;
	height: 61px;
	background-image: url(img/blue-ribbon.png);
	
	color: #fff;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}

#box {
	margin-top: 30px;
	min-height: 170px;
}

.answer:hover, .answer input {
	color: #295392;
	cursor: pointer;
}

.qlocation {
	text-align: center;
}

.qlocation .active {
	color: #295392;
	font-weight: bold;
	font-size: 12pt;
}

.extra {
	margin-top: 30px;
	padding: 20px;
	border-top: 1px solid #ddd;
	text-align: center;
}


.exportbuttons {
  text-align: center;
}

.exportbuttons a {
  display: inline-block;
  padding: 8px 12px; 
  background-color: #295392;
  color: white;
}

.exportbuttons a:hover {
  background-color: #204070;
}