/* Reset */
html, body, div, span, a, h1, h2, h3, h4, h5, h6, input, textarea, button, p, ul, li {
	font-family: inherit;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

header, footer, section, nav, article, aside {
	display: block;
}

li {
	list-style-position: inside;
}

img, a {
	border: none;
	text-decoration: none;
}

a {
	color: #234;
	text-decoration: none;
	font-style: italic;
	-moz-transition: background 0.5s, color 0.5s;
	-webkit-transition: background 0.5s, color 0.5s;
	-o-transition: background 0.5s, color 0.5s;
	transition: background 0.5s, color 0.5s;
}

a:visited {
	color: #234;
}

a:hover {
	text-decoration: none;
	color: #468;
}

.centred {
	text-align: center;
}

sup, sub {
	font-size: 50%;
}

/* Styling */
body {
	background: #ccc no-repeat;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0) 400px, rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0) 400px, rgba(0,0,0,0));
	margin: 8px 150px;
	font-family: "Calibri", "Trebuchet MS", sans-serif;
	line-height: 150%;
	font-size: 12pt;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
}

header {
	background: #234 no-repeat;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	color: white;
	text-align: center;
	padding: 20px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius: 8px 8px 0 0;
	text-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

header a {
	
}

header h2 {
	color: #89a;
	font-size: 125%;
	font-weight: normal;
	font-style: italic;
	margin: 8px 0 0;
}

.content {
	background: #fff no-repeat;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0) 20px, rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)), color-stop(1%, rgba(0,0,0,0)));
	background-image: linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0) 20px, rgba(0,0,0,0));
	border: solid 1px #444;
	border-top: none;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	text-align: center;
}

.content p {
	margin: 0.5em 0;
}

nav {
	background: #123;
	margin: 0 100px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 0 0 8px 8px;
	text-align: center;
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}

nav ul {
	list-style-type: none;
}

nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

nav.inpage {
	background: #789;
	margin: 24px 0 0;
	text-align: left;
	border: solid 1px #444;
	border-right: none;
	float: right;
	font-size: 80%;
	width: 300px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-radius: 8px 0 0 8px;
	padding: 0 0 8px;
}

nav.inpage header {
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	padding: 4px 8px 0;
	text-align: left;
	font-size: 120%;
}

nav.inpage li {
	display: block;
}

nav.inpage a {
	color: #123;
	display: block;
	padding: 0 8px;
	text-shadow: none;
}

nav.inpage a:hover {
	color: #fff;
}

nav a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #89a;
	padding: 0 12px 2px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

nav a:visited {
	color: #89a;
}

nav a.current {
	background: #1c2c3c;
	color: #bcd;
}

nav a:hover, nav a.current:hover {
	background: #234;
	color: #fff;
}

#areaOne, #areaTwo, #areaThree, #areaFour, #areaFive {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 33%;
	vertical-align: top;
}

#areaOne .inner, #areaTwo .inner, #areaThree .inner, #areaFour .inner, #areaFive .inner, article .inner {
	border: solid 1px #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	margin: 24px 16px;
	padding: 8px;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
	color: #444;
	background: #fff;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0));
	text-align: left;
}

#areaOne .inner:hover, #areaTwo .inner:hover, #areaThree .inner:hover, #areaFour .inner:hover, #areaFive .inner:hover {
	color: #000;
}

#areaFour .inner {
	height: auto;
	background-image: none;
}

#areaFour h1, #areaThree h1, article h1 {
	background: #456;
	border: solid 1px #123;
}

h1.ta {
	background-color: #ff2a7f;
	border: solid 1px #800033;
}

h1.coneqt {
	background-color: #7fff2a;
	border: solid 1px #338000;
}

h1.tama {
	background-color: #2a7fff;
	border: solid 1px #003380;
}

#areaOne h1, #areaTwo h1, #areaThree h1, #areaFour h1, #areaFive h1, article h1 {
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.25));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.25)));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.25));
	padding: 4px 8px;
	font-weight: bold;
	color: #000;
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-size: 100%;
}

#areaOne h1 a, #areaTwo h1 a, #areaThree h1 a, #areaFour h1 a, #areaFive h1 a {
	color: inherit;
	font-style: inherit;
	text-decoration: inherit;
}

#areaOne .inner .tagline, #areaTwo .inner .tagline, #areaThree .inner .tagline, #areaFour .inner .tagline, #areaFive .inner .tagline {
	min-height: 140px;
	*height: 140px;
}

#areaFour {
	width: 66%;
}

#areaFour .textBlock, .textBlock.twoColumn {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

#areaFive {
	
}

article {
	text-align: left;
}

article header {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	color: inherit;
	padding: 0;
	text-shadow: none;
}

article h1 {
	color: #fff;
	margin: 0;
}

article h1 a {
	color: inherit;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

article h1 a:hover {
	color: inherit;
}

article h1 a:visited {
	color: inherit;
}

article h2 {
	margin: 1ex 0 0;
	font-size: 100%;
}

article .position {
	color: #444;
	font-style: italic;
	font-size: 80%;
	font-weight: normal;
	margin: 0 0 0 2em;
}

article.half {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

article.initial {
	margin-right: 300px;
}

p.tagline {
	padding: 0 8px;
}

.textBlock {
	-moz-column-count: 3;
	-moz-column-rule: solid 1px #ccc;
	-webkit-column-count: 3;
	-webkit-column-rule: solid 1px #ccc;
	column-count: 3;
	column-rule: solid 1px #ccc;
}

a.more {
	text-align: right;
	display: block;
	padding: 0 8px;
}

article .meta {
	color: #456;
	font-size: 80%;
	text-align: center;
}

.image {
	text-align: center;
	margin: 16px auto 8px;
}

article.half .image {
	width: auto;
	margin: 0;
}

.image img {
	border: none;
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.75);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.75);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.image img.noShadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.image .caption {
	font-size: 80%;
	font-style: italic;
}

blockquote {
	margin: 1em 4em;
	font-style: italic;
}

iframe {
	border: none;
}

iframe.helpdesk {
	width: 100%;
	margin: 8px 0;
	height: 600px;
}

iframe.map {
	float: right;
	width: 50%;
	height: 350px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	margin: 8px 0;
}

nav.articles {
	background: #222;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius: 8px 8px 0 0;
	font-size: 80%;
	text-align: left;
	padding: 0 8px;
}

nav.articles a {
	padding: 1px 8px;
}

footer {
	background: #222;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	color: #888;
	text-shadow: 1px 1px 1px #000;
	padding: 8px;
	font-size: 80%;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 0 0 8px 8px;
	text-align: right;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

footer a {
	color: #ccc;
	font-style: normal;
}

footer a:visited {
	color: #ccc;
}

footer a:hover {
	color: #fff;
}

/* Milkbox */
#mbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 100;
	cursor: pointer;
}

#mbCenter {
	position: absolute;
	z-index: 101;
	overflow: hidden;
	left: 50%;
	top: 10%;
	background-color: #fff;
	border: solid 1px #444;
	margin: 0;
	padding: 8px;
	-moz-box-shadow: 2px 2px 8px #000;
	-webkit-box-shadow: 2px 2px 8px #000;
	box-shadow: 2px 2px 8px #000;

}

.mbLoading {
	background: #fff url('/resources/mb-loading.gif') no-repeat center;
}

#mbCanvas, .mbClear {
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	font-size: 0;
	overflow: hidden;
}

.mbClear {
	clear: both;
}

#mbBottom {
	color: #123;
	text-align: left;
	padding: 8px 0 0;
	margin: 0;
}

#mbNavigation {
	float: right;
	width: 27px;
	padding: 3px 0 0 8px;
}

#mbCount {
	width: 55px;
	overflow: hidden;
	padding: 1px 0 0;
	float: right;
	text-align: right;
}


#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause {
	outline: none;
	display: block;
	float: right;
	height: 19px;
	cursor: pointer;
}

#mbPrevLink, #mbNextLink {
	width: 15px;
}

#mbPrevLink {
	background: url('/resources/mb-prev.gif') no-repeat;
}

#mbNextLink {
	background: url('/resources/mb-next.gif') no-repeat;
}

#mbPlayPause {
	width: 13px;
	background: url('/resources/mb-play-pause.gif') no-repeat;
}

a#mbPrevLink:hover, a#mbNextLink:hover, a#mbCloseLink:hover, a#mbPlayPause:hover {
	background-position: 0 -22px;
}

#mbCloseLink {
	width: 17px;
	background: url('/resources/mb-close.gif') no-repeat;
}

#mbDescription {
	margin-right: 27px;
	padding: 0 10px 0 0;
}

.ccoptin input {
	
}

.ccoptin .submit {
	
}

/* Make it pretty on lower resolution screens */
@media (max-width: 1150px) {
	body {
		margin: 8px;
	}
}