body {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#001B38', endColorstr='#3F87BE');/*For IE7-8-9*/ 
	background-image: linear-gradient(bottom, rgb(63,135,190) 0%, rgb(0,27,56) 72%);
	background-image: -o-linear-gradient(bottom, rgb(63,135,190) 0%, rgb(0,27,56) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(63,135,190) 0%, rgb(0,27,56) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(63,135,190) 0%, rgb(0,27,56) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(63,135,190) 0%, rgb(0,27,56) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(63,135,190)),
		color-stop(0.72, rgb(0,27,56))
	);

	background-color: rgb(63,135,190);
	background-repeat: no-repeat;
	color: #ffffff;

	font-size: 0.8em;
}

body {
	font-family: Verdana, Arial, sans-serif;
}

pre {
	font-family: Courier, Verdana, Arial, sans-serif;
}

div.page {
	width: 1000px;

	background-color: #000D1B;
	border: 1px solid #000000;
}

div.header {
	position: relative;

	height: 220px;

	text-align: left;
}

div.navigation {
	position: absolute;
	left: 10px;
}

div.navigation-bar {
	position: absolute;
	top: 85px;

	width: 1000px;
	height: 15px;

	background-color: #262B31;
}

div.navigation a.link {
	cursor: default;
}

div.navigation div.link, div.navigation div.link-logo {
	display: inline-block;
	margin-right: 4px;
}

div.navigation div.link {
	position: relative;

	width: 120px;

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4FA4E2', endColorstr='#1F415A');/*For IE7-8-9*/ 
	background-image: linear-gradient(top, #1F415A 0px, #4FA4E2 20px, #1F415A 40px, #1F415A 100%);
	background-image: -o-linear-gradient(top, #1F415A 0px, #4FA4E2 20px, #1F415A 40px, #1F415A 100%);
	background-image: -moz-linear-gradient(top, #1F415A 0px, #4FA4E2 20px, #1F415A 40px, #1F415A 100%);
	background-image: -webkit-linear-gradient(top, #1F415A 0px, #4FA4E2 20px, #1F415A 40px, #1F415A 100%);
	background-image: -ms-linear-gradient(top, #1F415A 0px, #4FA4E2 20px, #1F415A 40px, #1F415A 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0px, #1F415A),
		color-stop(20px, #4FA4E2),
		color-stop(40px, #1F415A),
		color-stop(100%, #1F415A)
	);

	border: 2px solid #000000;
	border-radius: 10px;
	margin-top: 70px;
	text-align: center;
	vertical-align: top;
}

div.navigation div.link-logo {
	width: 180px;

	text-align: left;
	margin-right: 8px;
}

div.navigation div.link-logo div.logo {
	position: absolute;
	top: 0px;

	width: 180px;
	height: 180px;

	background-color: #ffffff;
	border: 2px solid #000000;
	border-radius: 180px;

	background-image: url('http://7dof.org.uk/resources/images/logo.png');
}

div.navigation div.link div.title {
	width: 200px;
	height: 40px;

	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

div.navigation div.link div.content {
	text-align: left;
	padding-left: 10px;

	transition:max-height 0.5 ease-in-out;
	max-height: 0px;
	overflow: hidden;
}

div.navigation div.link:hover div.content {
	max-height: 200px;
}

div.navigation a {
	text-decoration: none;
	color: #ffffff;
}

div.page-content {
	position: relative;

	margin: 5px;
}

div.page-content table a, div.page-content div.panel-title a {
	color: #b8dbff;
}

div.page-content table a:visited, div.page-content div.panel-title a, div.panel a, div.panel a:visited {
	color: #4db8ff;
}

div.page-content th {
	text-align: left;
}

div.page-content h1, div.page-content h2, div.page-content h3, div.page-content h4, div.page-content h5 {
	display: inline;
}

	font-size: 1em;
}

div.page-content h1 {
	font-size: 2em;
}

div.page-content h2 {
	font-size: 1.5em;
}

div.page-content h3 {
	font-size: 1.2em;
}

div.page-content h4 {
	font-size: 1em;
}

div.page-content h5 {
	font-size: 0.85em;
}

div.page-content div.heading {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

div.page-content div.panel-title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
}

div.page-content div.panel-title a.back-to-top {
	font-size: 0.85em;
	font-weight: bold;
	position: absolute;
	right: 0px;
}

div.page-content div.panel {
	background-color: #000000;
	border-radius: 10px;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 20px;
}

div.page-content div.latest-news {
	width: 700px;
}

div.page-content div.who-is-on {
	width: 250px;
}

div.page-content div.mud-classes {
	position: relative;
}

div.page-content div.mud-classes div.content {
	position: absolute;
	top: 0px;
	right: 50px;
}

div.page-content div.mud-file {
	color: #00b300;
}

span.color-high-white {
	color: #ffffff;
}
