@font-face {
font-family: 'TeXGyreTermesRegular';
	src: url('../fonts/texgyretermes-regular-webfont.eot');
	src: url('../fonts/texgyretermes-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/texgyretermes-regular-webfont.woff') format('woff'),
	     url('../fonts/texgyretermes-regular-webfont.ttf') format('truetype'),
	     url('../fonts/texgyretermes-regular-webfont.svg#TeXGyreTermesRegular') format('svg');
	font-weight: normal;
	font-style: normal;	}
body { background-image: url(../images/background.png); background-repeat: repeat-x; background-color: #d1631f; margin: 0; color: #7d3516; padding-bottom: 2em; font-family: Arial,Helvetica,sans-serif; }
#pageHeader { text-align: center; margin-top: 2em; margin-bottom: 2em; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); }
#pageHeader h1 { font-variant: small-caps; font-size: 2em;  margin: 0; font-family: TeXGyreTermesRegular,Times,Roman,serif; }
#pageHeader h2 { font-style: italic; font-size: 1em; margin: 0; }
#pageHeader h3 { font-weight: normal; margin: 1em 0 0 0; }
#navMenu ul { text-align: center; list-style-type: none; margin: 0; padding: 0; margin-top: 1em;}
#navMenu ul li { display: inline; background-color: white; padding: 1em; }
#navMenu ul li a { background-color: white; }
article { text-align: justify; margin: 0 20% 60px 20%; border: 1px solid #7d3516; border-radius: 0 0 0.5em 0.5em; background-color: #fed982; padding-bottom: 1px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 3px #7d3516, 0 0 0 6px #d1631f, 0 0 0 7px #7d3516, 0px 5px 10px 5px rgba(0, 0, 0, 0.5);}
article p { margin: 1em 30px; }
article ul { margin: 1em 30px; }
article h1 { margin: 1em 30px; }
article iframe {border: 0; background-color: black; width: 100%; height: 378px; }
article object { width: 100%; }
#countdown { }
#timeConversion { font-size: small; margin-top: 0px; font-style: italic; }
#pageHeader a { color: #7D3516; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); text-decoration: underline; }
a { text-decoration: none; color: #FB6404; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125); }
a:hover { text-decoration: underline; }
.rightImage { float: right; clear: right; border: 0; padding: 0 2em;}
.leftImage { float: left; clear: left; border: 0; padding: 0 }
#logo {position: relative; left: 50%; margin-left: -75px; margin-top: 1em; margin-bottom: -3em;}
.clearfix { clear: both; }

.colourTime { background-color: #b00355; display: inline-block;  padding: 0.5em; border: 1px solid #d1631f; border-radius: 0.5em 0.5em; box-shadow: 0 0 0 1px #7d3516, 0px 2px 5px 2px rgba(0, 0, 0, 0.25);}
.colourTime, .colourTime a { color: white !important; text-decoration: none !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5) !important; }