* {
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

abbr,article,aside,audio,canvas,datalist,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,video {
	display:block;
}

html, body {
	margin:0;
	padding:0;
}

html {
	background:url(../img/html-bg.gif) repeat 0 0;
	overflow-y:scroll;
}

body {
	background:url(../img/color-bar.png) repeat-x center 0;
	line-height:26px;
}

body, textarea, input {
	font-family:Georgia,"Bitstream Charter",serif;
	font-size:14px;
}

pre {
	line-height:1em;
}

p {
	margin:0 0 1em;
}

a img {
	border:0;
}

h1, h2, nav {
	font-family:"lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}

h1 {
	font-size:22px;
	display:inline-block;
	padding-bottom:12px;
	margin:24px 0 0 0;
}

h2 {
	font-size:18px;
}

table {
	border-collapse:collapse;

}
th, td {
	padding: 0;
	vertical-align:top;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#wrapper {
	position:relative;
	width:980px;
	margin:0 auto;
	background:#fff;
	padding:0 0 1em;
	border-radius:0 0 4px 4px;

	overflow-x:hidden;

	-moz-box-shadow:0 0 6px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.25);
	box-shadow:0 0 6px rgba(0,0,0,0.25);
}

header {
	position:relative;
	width:980px;
	height:72px;
	left:0;
	background:#315e7d;
	border-radius:0 0 4px 4px;

	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.25);
	box-shadow:0 2px 2px rgba(0,0,0,0.25);
}

#logo {
	position:absolute;
	top:14px;
	left:16px;
	color:#fff;
	padding:4px;
}

#logo img {
	display:block;
	width:377px;
	height:34px;
}

nav {
	position:absolute;
	top:22px;
	right:10px;
}

nav li {
	float:left;
}

nav a {
	display:inline-block;
	text-decoration:none;
	color:#eee;
	font-size:13px;
	text-shadow:1px 1px 0 #000;
	line-height:24px;
	padding:0 10px;
	margin:0 2px;
}

nav a.active {
	color:#000;
	background-color:#7ca4bf;
	font-weight:bold;
	text-shadow:1px 1px 0 #fff;
	border-radius:4px;
	box-shadow:1px 1px 0 #000;
}

nav a:hover:not(.active) {
	background-color:rgba(255,255,255,0.1);
	border-radius:4px;
	box-shadow:1px 1px 0 rgba(0,0,0,0.25);
}

#content {
	padding:0 20px;
}

#content a {
	text-decoration:none;
	color:#202080;
}

#content a:hover {
	text-decoration:underline;
}

footer {
	width:100%;
	text-align:center;
	padding:2em 0;
}

footer, footer a {
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:#666;
	text-shadow:1px 1px 0px rgba(255,255,255,0.75);
	text-decoration:none;
}