article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

body {
	font-family: Arial, sans-serif;
	font-size: 85%;
	background-color: #212121;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.hide {
	height: 1px;
	left: -2500px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

img {
	border: 0;
}

#globalNavigation {
	width: 100%;
	background-color: #374259;
	background-image: url(/img/sheffield/global.png);
	background-color: transparent;
	padding: 5px 0px 5px 0px;
	position: absolute;
	font-size: 94%;
	z-index: 10; /* move the global navigation above the controls div */
}

#globalNavigation a {
	padding: 0 5px 0 5px;
	color: #FFFFFF;
	text-decoration: none;
}

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

#globalNavigationLeft{ 	
	margin: 0;
	padding: 3px 3px 3px 17px;
}

#globalNavigationRight {
	position: absolute;
	top: 5px;
	right: 10px;
	padding: 0 5px 5px 0;
}

#globalNavigationRight .submit {
	background-color: #8E8E8E;
	color: white;
	border: 1px solid black;
}

#bigPicture {
	width: 70%;
	height: 600px;
	margin-bottom: 27px;
}

#bigPictureCaption {
	clear: both;
	width: 50%;
	margin-left: 17px;
	margin-bottom: 3em;
	font-size: 90%;
}

#bigPictureCaption a {
	color: white;
	text-decoration: underline;
}

#bigPictureCaption h1 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
}

#bigPictureCaption p {
	margin: 0;
}

#navigation {
	width: 17.6em;
/*	width: 18.6em;*/
	position: absolute;
	top: 55px;
	left: 60%;	
	background-color: #49B500;
	padding: 15px 0 45px 15px;
/*	padding: 15px 0 35px 15px;*/
	font-size: 100%;
	clear: both;
}

#navigation hr {
	border: none;
	border-top:2px solid #212121;
	height: 1px;
	margin-right: 0;	
}

#navigation ul.navBlock {
	margin: 0;
	padding: 0 15px 0 0;	
}

#navigation ul.navBlock li {
	display: inline;
	line-height: 1.3em;	
}

#navigation ul.newsHeadlines {
	margin: 0;
	padding: 3px 3px 0 15px;
	list-style-type: square;
}

#navigation div img {
	margin-bottom: -3px;
}

#navigation a {
	color: white;
	text-decoration: none;
}	

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

#navigation h2 {
	font-weight: bold;
	font-size: 120%;
	padding: 0;
	margin: 0;	
}

#navigation div.centre {
	text-align: center;
}

#navigation div.left {
	text-align: left;
}

#navigation div.right {
	text-align: right;
	margin-right: 15px;
}

#navigation div:last-child img {
	margin: 4px 0 -37px 0;
}

#bigPictureCaption h1 {
	font-weight: bold;
	font-size: 130%;	
	padding: 0;
	margin: 0;	
	color: #ffffff;
}


footer {
	clear: both;
	border-top: 1px solid #49B500;
	line-height: 16px;
	width: 100%;
	color: white;
	font-size: 90%;
	padding: 5px 0 20px 0px;
	margin: 60px 0 20px 0;
	z-index: -1;
}

#footerLeft{ 
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px 0 5px 17px;
}

#footerLeft ul, #footerLeft ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footerLeft ul li {
	float: left;
}

#footerLeft a.twitter,
#footerLeft a.facebook,
#footerLeft a.youtube {
	display: block;
	height: 16px;
	margin: 0 5px;
	width: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#footerLeft a.twitter {
	background-image: url(/img/sheffield/twitter.png);
}

#footerLeft a.facebook {
	background-image: url(/img/sheffield/facebook.png);
}

#footerLeft a.youtube {
	background-image: url(/img/sheffield/youtube.png);
}

#footerLeft a.twitter:hover, #footerLeft a.facebook:hover, #footerLeft a.youtube:hover {
	background-position: 0 -16px;
}

#footerRight {
	text-align: right;
	float: right;
	margin: 0;
	padding: 3px 10px 5px 0;
}

footer a { 
	color: white;
	margin: 5px;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

/* Colour schemes */
body.blue #navigation { background-color: #133CE3; }
body.blue footer { border-top-color: #133CE3; }
body.blue2 #navigation { background-color: #00A7F5; }
body.blue2 footer { border-top-color: #00A7F5; }
body.green #navigation { background-color: #49B500; }
body.green footer { border-top-color: #49B500; }
body.orange #navigation { background-color: #FF850A; }
body.orange footer { border-top-color: #FF850A; }
body.pink #navigation { background-color: #FF10C5; }
body.pink footer { border-top-color: #FF10C5; }
body.purple #navigation { background-color: #9500BE; }
body.purple footer { border-top-color: #9500BE; }
body.red #navigation { background-color: #F30A28; }
body.red footer { border-top-color: #F30A28; }
body.yellow #navigation { background-color: #A99405; }
body.yellow footer { border-top-color: #A99405; }