@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

body {
	margin: 0;
	padding: 0;
	font: 73% "lucida sans", tahoma, "Trebuchet MS", arial, verdana, sans-serif;
	font-family: 'Lato', Helvetica, arial, sans-serif;
	color: #555;
	background-color: #141414;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEyMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBwYXR0ZXJuVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBpZD0nYycgd2lkdGg9JzYwJyBoZWlnaHQ9JzEyMCcgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDUgMTAnPgoJCQk8cGF0aCBmaWxsLW9wYWNpdHk9JzAnIHN0cm9rZT0nIzI5MjkyOScgc3Ryb2tlLXdpZHRoPScwLjA5JyBkPSdNLTIsMUw3LDEwTS0yLDZMNywxNU0tMiwtNEw3LDUnLz4KCQk8L3BhdHRlcm4+CgkJPHBhdHRlcm4gcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgaWQ9J2MyJyB3aWR0aD0nNjAnIGhlaWdodD0nMTIwJyB4PScxMDAlJyB5PScwJyB2aWV3Qm94PScwIDAgNSAxMCc+CgkJCTxwYXRoIGZpbGwtb3BhY2l0eT0nMCcgc3Ryb2tlPScjMjkyOTI5JyBzdHJva2Utd2lkdGg9JzAuMDknIGQ9J003LDFMLTIsMTBNNyw2TC0yLDE1TTcsLTRMLTIsNScvPgoJCTwvcGF0dGVybj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPSc1MCUnIGhlaWdodD0nMTAwJScgZmlsbD0ndXJsKCNjKScvPgoJPHJlY3QgeD0nNTAlJyB3aWR0aD0nNTAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYzIpJy8+Cjwvc3ZnPg==');
	height: 100%;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.45;
	overflow: hidden;
}

#container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	line-height: 1.5em;
}

#banner {
	height: 150px;
	padding: 0;
	background: #f7f7f7 url(/images/banner.jpg) no-repeat center;
	background-size: cover;
	color: #333;
}

#banner h1 {
	margin: 0;
	padding: 5px;
	background: transparent;
	color: #fff;
}

#navlist {
	padding: 3px 5px 3px 0;
	margin: 0 0 0 0;
	text-align: right;
	letter-spacing: 3px;
	color: #fff;
	background: #476042;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 5px 0.75em;
	margin: 0;
	color: #fff;
	background: #476042;
	text-decoration: none;
}

#navlist li a:link {
	color: #fff;
	background: #476042;
}

#navlist li a:visited {
	color: #fff;
	background: #476042;
}

#navlist li a:hover {
	color: #000;
	background: #7ABA2E;
}

#navlist li a#current {
	color: #fff;
	background: #7ABA2E;
}

#content {
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-left: 1px dashed #333;
	border-right: 1px dashed #333;
	border-bottom: 1px dashed #333;
	border-top: 1px dashed #333;
	color: #555;
	min-height: calc(100vh - 248px);
}

#content p {
	margin: 20px;
}

#footer {
	clear: both;
	padding: 5px;
	margin: 0;
	background: #476042;
	color: #f7f7f7;
	text-align: center;
}

a {
	text-decoration: none;
	color: #f17c0b;
	background: inherit;
}

a:hover {
	text-decoration: underline;
	color: #aaa;
	background: inherit;
}

a img {
	border: 0;
}

.border {
	padding: 10px;
	margin: 10px;
	border: 1px solid #476042;
}

h1 {
	margin: 20px;
	padding: 5px;
	font-size: 150%;
	letter-spacing: 3px;
	color: #fff;
	background: #476042;
}

h2 {
	padding-left: 20px;
	font-size: 140%;
	text-transform: uppercase;
	letter-spacing: 10px;
	color: #476042;
	background: inherit;
}

h3 {
	padding: 5px;
	text-transform: uppercase;
	font-size: 110%;
	color: #fff;
	background: #476042;
}

h4 {
	padding: 5px;
	text-transform: uppercase;
	font-size: 110%;
	color: #fff;
	background: #f17c0b;
}

blockquote {
	font-weight: bold;
	font-style: italic;
	color: #b29b35;
}

.clear {
	clear: both;
	width: 100%;
}

.col3,.col3center {
	float: left;
	width: 30.5%;
}

.col3center {
	margin: 0 3%;
}

.rpi {
	color: lightgray;
}

.copyright {
	float: left;
	width: 350px;
}

.w3 {
	text-align: right;
	float: right;
	width: 350px;
}

.w3a {
	margin-right: 5px;
	height: 20px;
}

.w3b {
	margin-right: 10px;
	height: 20px;
}

.w3c {
	margin-right: 5px;
	height: 20px;
}

.goatl {
	float: left;
}

.goatr {
	float: right;
}

.goatl img {
	height: 150px;
}

.goatr img {
	height: 150px;
}

.site {
	background: url('/images/rpi.png') no-repeat center;
	height: 150px;
}

.site h1 {
	line-height: 140px;
	text-align: center;
}

.dash {
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	border-top: 1px dashed #333;
	width: 100%
}

.data {
	margin-top: -10px;
	line-height: calc(100vh - 359px);
	text-align: center;
	color: white;
}

.welcome {
	font-weight: bold;
	color: #891E18;
}

.datat {
	width: 48%;
	float: left;
	text-align: justify;
	margin-top: 10px;
}

.datap {
	text-align: justify;
}

.datathr {
	margin-top: 0px;
}

.dataphr {
	margin-top: 20px;
}

.datatrb {
	margin-top: 0px;
}

.datatr {
	width: 48%;
	float: left;
	margin-left: 4%;
	text-align: justify;
	margin-top: 10px;
}

.welcome1 {
	color: #fff;
}

.welcome2 {
	font-weight: bold;
	color: #891E18;
}