html {
	height: 102%;
	}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 90%;
	color: #1a1a1a;
	text-align: center;
	background: white;
	}

#masthead {
	margin: 0;
	background: #4f77bf url(http://www.westminsterconference.org.uk/site/images/header-background.jpg);
	height: 185px;
	width: 100%;
	position: relative;
	}

#header {
	position: relative;
	margin: 0 auto;
	background: url(http://www.westminsterconference.org.uk/site/images/header-background.jpg);
	height: 185px;
	width: 960px;
	}

/* ---------------------------------------------------
	NAVIGATION
--------------------------------------------------- */

#navigation {position: absolute; top: 140px; left: 0; width: 736px; height: 31px; overflow: hidden; margin: 0; padding: 0; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg);}
#navigation li {position: absolute; top: 0px; list-style: none; text-align: center;}
#navigation a {position: relative; height: 31px; display: block; font-size: 1.4em; overflow: hidden; outline: none; font-weight: normal;}
/* ------------ "outline: none" Removes dotted focus on clicking link - remember to add "a:hover, a:active, a:focus { }" for keyboard navigation focus  ------------ */
#navigation a span {position: absolute; top: 0; left: 0; height: 31px; cursor: pointer;}
#navigation a:hover {text-decoration: none;} /* ------------ Stops IE6 misbehaving ------------ */

#navigation .home {left: 0px; width: 79px;}
#navigation .about {left: 79px; width: 85px;}
#navigation .history {left: 164px; width: 97px;}
#navigation .programme {left: 261px; width: 125px;}
#navigation .pastpapers {left: 386px; width: 132px;}
#navigation .audio {left: 518px; width: 82px;}
#navigation .registration {left: 600px; width: 136px;}

#navigation .home a span {width: 79px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) 0px 0px no-repeat;}
#navigation .about a span {width: 85px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -79px 0px no-repeat;}
#navigation .history a span {width: 97px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -164px 0px no-repeat;}
#navigation .programme a span {width: 125px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -261px 0px no-repeat;}
#navigation .pastpapers a span {width: 132px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -386px 0px no-repeat;}
#navigation .audio a span {width: 82px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -518px 0px no-repeat;}
#navigation .registration a span {width: 136px; background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -600px 0px no-repeat;}

#navigation .home a:hover span, #navigation .home a:active span, #navigation .home a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) 0px -70px no-repeat;}
#navigation .about a:hover span, #navigation .about a:active span, #navigation .about a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -79px -70px no-repeat;}
#navigation .history a:hover span, #navigation .history a:active span, #navigation .history a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -164px -70px no-repeat;}
#navigation .programme a:hover span, #navigation .programme a:active span, #navigation .programme a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -261px -70px no-repeat;}
#navigation .pastpapers a:hover span, #navigation .pastpapers a:active span, #navigation .pastpapers a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -386px -70px no-repeat;}
#navigation .audio a:hover span, #navigation .audio a:active span, #navigation .audio a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -518px -70px no-repeat;}
#navigation .registration a:hover span, #navigation .registration a:active span, #navigation .registration a:focus span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -600px -70px no-repeat;}

#home .home a span, #home .home a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) 0px -35px no-repeat; cursor: default;}
#about .about a span, #about .about a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -79px -35px no-repeat; cursor: default;}
#history .history a span, #history .history a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -164px -35px no-repeat; cursor: default;}
#programme .programme a span, #programme .programme a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -261px -35px no-repeat; cursor: default;}
#pastpapers .pastpapers a span, #pastpapers .pastpapers a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -386px -35px no-repeat; cursor: default;}
#audio .audio a span, #audio .audio a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -518px -35px no-repeat; cursor: default;}
#registration .registration a span, #registration .registration a:hover span {background: url(http://www.westminsterconference.org.uk/site/images/navigation.jpg) -600px -35px no-repeat; cursor: default;}

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	text-align:left;
	background: url(http://www.westminsterconference.org.uk/site/images/background.jpg) 50% 80px;
	height: 100%;
	}

#header h1 {
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 10px;
	}

#header h1 {
	position: absolute;
	top: 43px;
	left: 5px;
	width: 725px;
	height: 90px;
	overflow: hidden;
	font-size: 1.5em;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	}

#header h1 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 725px;
	height: 90px;
	overflow: hidden;
	border: none;
	text-align: left;
	margin-bottom: 10px;
	}

h2 {
	font: 2.3em verdana, helvetica, arial, sans-serif;
	text-align: left;
	margin: 20px 25px 0px 0;
	color: #2f579f;
	}

#pastpapers h2 {
	margin-left: 20px;
	}

h3 {
	font: bold 1.5em verdana, helvetica, arial, sans-serif;
	text-align: left;
	margin: 40px 0 5px 0;
	color: #2f579f;
	}

#audio h3 {
	margin: 30px 0 5px 0;
	}

h4 {
	font: bold 1.2em verdana, helvetica, arial, sans-serif;
	text-align: left;
	margin: 0 25px 5px 20px;
	color: #2f579f;
	}

p {
  	font-weight:normal;
  	text-align: left;
  	line-height:1.5;
	margin: 0 25px 1em 0;
	font: 1em/1.5em Verdana, Helvetica, sans-serif;
  	}

p span {
	font: .8em/1.2em Verdana, Helvetica, sans-serif;
  	}

img {
	border: 1px solid #bbbbbb;
	}

/* ---------------------------------------------------
	LINKS
--------------------------------------------------- */

a:link, a:visited {
	color: #4f77bf;
	}

a:hover, a:active, a:focus {
	color: #000;
	background: #bfd7ff;
	text-decoration: none;
	}

#header a:link, #header a:visited {
	color: white;
	border-bottom: 1px solid #111;
	}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #606000;
	}

#main-content {
	width: 620px;
	margin-left: 20px;
	float: left;
	}

* html #main-content {
	margin-left: 10px;
	}
 
#sidebar {
	width: 299px;
	float: right;
	margin: 51px 0 0 0;
	padding-left: 20px;
	border-left: 0px solid grey;
	}
#sidebar {
	float: right;
	margin: 51px 0 0 0;
	margin: 21px 0 0 0;
	margin: 20px 0;
	padding-left: 20px;
	width: 320px;
	width:319px;
	width:310px;
	width: 299px;
	border-left: 0px solid #bbb;
	}

#sidebar h3 {
	font-style: italic;
	}

#sidebar h3.first {
	margin-top: 10px;
	}

#sidebar p {
	margin-bottom: 0.5em;
  	line-height:1.25;
	}

#footer {
	clear: both;
	background: #4f77bf url(http://www.westminsterconference.org.uk/site/images/footer.jpg) repeat-x;
	margin: 20px 0 0 0;
	padding: 30px 0 20px 0;
	color: white;
	}

#footer p {
	text-align: center;
	font: .8em/1.5em Verdana, Helvetica, sans-serif;
	margin-bottom: 1.5em;
	}

#footer ul {
	padding: 5px 20px 0 20px;
	text-align: center;
	margin: 0 0 1.5em 0;
	}

#footer li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0 15px;
	text-align: center;
	line-height: 2;
	}

#footer li a {
	display: inline;
	padding-bottom: 1px;
	}

#footer a {
	text-decoration: none;
	font: .8em/1.5em Verdana, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px dotted #fff;
	}

#footer a:hover {
	padding-bottom: 2px;
	color: #ddd;
	border-bottom: 1px solid #ccc;
	background: none;
	}

.clear {
	clear: both;
	padding: 0;
	}

.right {
	text-align: right;
	}
/* ---------------------------------------------------
	PAST PAPERS TABLE
--------------------------------------------------- */
#papers {
	width: 910px;
	margin: 0 auto;
	border-collapse: collapse;
	border: none;
	font-size: .8em;
	font-family: arial, sans-serif;
	}

#papers tbody tr td {
	padding: 0 1em;
	border: #d9d9d9 1px solid;
	font-size: 1.2em;
	height: 2.5em;
	}

#papers tbody tr.year {
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 1em;
	color: #2f579f;
	}

#papers tbody tr.year td span {
	font-weight: normal;
	font-size: 0.8em;
	padding-top: 0em;
	color: #000000;
	}

#papers tbody tr.year td {
	padding: 2.5em 0em 0.6em 50px;
	border: none;
	}

#papers tbody tr.year td span {
	font-style: italic;
	margin-right: 0px;
	}

#papers h3 {
	margin: 0 0px 0 0px;
	font-size: 1em;
	}

.odd {
	background: #e8f0ff;
	}


.current-paper {
	x-margin-top: 40px;
	clear: both;
	}

.current-paper h3 {
	font-size: 1.3em;
	clear: both;
	}

.current-paper span {
	float: left;
	width: 120px;
	height: 180px;
	}

.current-paper h5 {
	width: 300px;
	margin: 0 0 0 0;
	font: bold .9em arial;
	letter-spacing: .05em;
	}

#list h3 {
	font-size: 1.3em;
	}

h3 { font-size: 1.2em;}

#audio h5 {
	width: 300px;
	margin: -5px 0 5px 0;
	font: bold .9em arial;
	letter-spacing: .05em;
	}