/***********************************************************************************/
/* CLIENT CSS - Copyright 2007 - www.xxx.co.uk - v1.0 */
/***********************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 14px;
	background: #003382 url(images/jplc-bg.gif) no-repeat top center;
	margin: 27px 0px 0px 0px;
}

	* html body {
		font-size: small;
	}

#skiptomain {
	display: none;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: center;
}

#pagecontainer {
	width: 760px;
	background: transparent;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	color: #fff;
	text-align: left;
}

#topofpage {
	width: 760px;
}

	#topofpageleft {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: left;
		width: 360px;
	}

	#topofpageright {
		margin: 0px 0px 0px 0px;
		padding: 56px 0px 0px 0px;
		float: right;
		text-align: right;
		width: 400px;
		color: #fff;
		font-size: 0.8em;
	}


#topnav {
	width: 760px;
	margin: 27px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	background: #000;
	text-align: left;
	font-size: 0.8em;
}

	#topnav ul {
		width: 753px;
		list-style: none;
		margin: 0px 0px 0px 2px;
		padding: 0px;
	}

	#topnav ul li {
		float: left;
		display: inline;
		background: url(images/navdivider.gif) repeat-y 2px 4px;
		padding: 0px 0px 0px 2px;
		line-height: 20px;
	}

		#topnav ul li.tna { width: 73px; background: none; padding: 0px 0px 0px 0px; }
		#topnav ul li.tnb { width: 86px; }
		#topnav ul li.tnc { width: 81px; }
		#topnav ul li.tnd { width: 94px; }
		#topnav ul li.tne { width: 91px; }
		#topnav ul li.tnf { width: 104px; }
		#topnav ul li.tng { width: 71px; }
		#topnav ul li.tnh { width: 89px; }
		#topnav ul li.tni { width: 45px; }


		#topnav ul li a:link, #topnav ul li a:visited {
			display: block;
			width: 100%;
			text-align: center;
			color: #fff;
			font-size: 0.8em;
		}

		#topnav ul li a:hover {
			color: #fff;
			font-size: 0.8em;
		}


#mainpage {
	width: 760px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
}

	#mainpageleft {
		margin: 0px 0px 10px 0px;
		padding: 30px 2px 0px 20px;
		float: left;
		text-align: left;
		width: 400px;
		color: #000;
		font-size: 0.9em;
		line-height: 1.4em;
		background: #fff;
	}

	#mainpageright {
		margin: 1px 1px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #fff;
		width: 319px;
		float: right;
		text-align: left;
		height: auto;
		color: #000;
	}

	#mainpagewide {
		margin: 0px 0px 10px 0px;
		padding: 30px 2px 0px 20px;
		background: #fff;
		width: 710px;
		float: left;
		text-align: left;
		color: #000;
		font-size: 0.9em;
		line-height: 1.4em;
	}



#footer {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 760px;
	background: transparent;
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #fff;
}


	#footer a:link{ color: #fff; text-decoration: underline; }
	#footer a:visited{ color: #fff; text-decoration: none; }
	#footer a:hover{ color: #fff; text-decoration: underline; }

/*******************
 PROGRAMME FLOATS
*******************/

.progleft {
	margin: 4px 0px 0px 0px;
	float: left;
	width: 140px;
}

.progright {
	margin: 4px 0px 0px 0px;
	float: right;
	text-align: left;
	width: 570px;
}

.progrightshort {
	margin: 4px 0px 0px 0px;
	float: right;
	text-align: left;
	width: 420px;
}


/*****************
 LINKS
 *****************/

#topnav a:link{ color: #fff; text-decoration: none; }
#topnav a:visited{ color: #fff; text-decoration: none; }
#topnav a:hover{ color: #fff; text-decoration: underline; }


/*****************
 HEADINGS
 *****************/

h1.home { font-size: 1.4em; color: #003382; font-weight: normal; margin: 0px 0px 0px 0px; }
h1 { font-size: 1.4em; color: #003382; font-weight: normal; margin: 0px 0px 10px 0px; }
h2 { font-size: 1.0em; color: #003382; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h3 { font-size: 1.0em; color: #7682B3; font-weight: normal; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-transform: uppercase; }
h3.prog { font-size: 1.0em; color: #7682B3; font-weight: normal; margin: 0px 0px 0px 0px; padding: 15px 0px 5px 0px; text-transform: uppercase; }


/**********************
 GENERIC CLASSES
***********************/

A {  color: #003382; }
A:hover {  color: #7682B3; }
form.inline { 	display:inline; }
img { border: none; }

p { margin: 0px 0px 10px 0px; }
p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 40px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }
p.future { margin: 15px 0px 10px 0px; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

strong.blue {  color: #003382; font-size: 1.0em; }

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 0px;
}



/*** CONTACT FORM ***/

#contactformbox {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 319px;
}


#contactformbox {
	display: inline;
	font-size: 0.8em;
}

#contactformbox p {
	margin-top: 5px;
}

#contactformbox label {
	clear: left;
	float: left;
	width: 75px;
	padding-right: 10px;
	margin-top: 5px;
}

input.contform {
	float: left;
	width: 200px;
	border: 1px solid #7682B3;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 0.9em;
	margin-top: 5px;
}

textarea.contform {
	float: left;
	width: 200px;
	border: 1px solid #7682B3;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

#buttsend {
	margin-top: 5px;
	margin-left: 237px;
	color: #ffffff;
	font-weight: bold;
	background-color: #003382;
}

table#prog-tab {
	width: 560px;
	border: none;
	border-collapse: collapse;
	float: left;
	margin: 0;
	padding: 0;
}

	table#prog-tab th, table#prog-tab td {
		border: none;
		border-collapse: collapse;
		margin: 0;
		padding: 3px 1px;
		text-align: left;
	}

	table#prog-tab th {
		padding-top: 15px;
	}

		table#prog-tab th h2 {
			color: #000;
			font-size: 1.1em;
			font-weight: bold;
		}

		table#prog-tab td strong {
			text-decoration: underline;
		}
		
		table#prog-tab td strong.nounderline {
			text-decoration: none;
		}

	table#prog-tab td.prog-tab-lft-1 { width: 20%; }
	table#prog-tab td.prog-tab-mid-1 { width: 5%; }
	table#prog-tab td.prog-tab-rgt-1 { width: 75%; }

	table#prog-tab td.prog-tab-rgt-2 { width: 80%; }

	.time-scale {
		width: 100%;
		margin: 0;
		padding: 1px 0;
	}

		.timescale-lft {
			width: 70%;
			float: left;
		}

		.timescale-rgt {
			width: 30%;
			float: right;
		}
		
		
		
.pdfform {
		
}

	.pdfform label		{ float: left; display: block; width: 120px; }
	.pdfform input.txt	{ width: 150px; }
	.pdfform p			{ margin: 10px 0px; }
	
	div.err {
		padding: 10px;
		color: #600;
		background: #FCC;
		border: 1px solid #600;
		font-weight: bold;	
		margin-bottom: 10px;
	}