* {
	margin:0;
	padding:0;
	}
body {
	background:#d2232a url(pagestrip.gif) no-repeat top left;
	background-attachment:fixed;
	padding:14px 20px 0 73px;
	margin:0;
	}
p {
	margin:12px 0;
	}
#container {
	position:absolute;
	width:700px;
	margin:0;
	padding:0;
	background:transparent url(lines.gif) repeat-y top left;
	}
#intro {
	position:relative;
	text-align:left;
	background:transparent url(stripe2.jpg) no-repeat top left;
	width:335px;
	font:normal 13px/18px arial;
	color:#333;
	padding:200px 75px 0px 75px;
	}
#pageHeader {
	display:none;
	}
#quickSummary {
	}
#quickSummary p.p1 {
	color:#d2232a;
	font-style:italic;
	font-size:14px;
	padding-top:0 !important;
	padding-top:12px;
	}
#quickSummary p.p2 {
	padding-left:20px;
	background:transparent url(download.gif) no-repeat top left;
	color:#C99AAD;
	}
#quickSummary p.p2 a {
	color:#C99AAD;
	}
#quickSummary p.p2 a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#E2C0CE;
	}
#preamble {
	margin-top:24px;
	color: #4b4949;
	}
h3 span {
	display:none;
	}
#preamble h3 {
	width:350px;
	height:16px;
	background:url(tv-revolution.gif) no-repeat;
	}
#supportingText {
	position:relative;
	font:normal 13px/18px arial;
	color: #4b4949;
	width:335px;
	margin-left:75px;
	z-index:200;
	}
#supportingText h3 {
	margin-top:24px;
	}
#supportingText h2 {
	 font: bold italic 1.5em Georgia, Times, "Times New Roman", serif; margin-top: 24px; margin-bottom: -12px; padding: 0; 
	} 
#supportingText h4 {
	 font: bold italic 1.5em Georgia, Times, "Times New Roman", serif; margin-bottom: 6px; padding: 0; 
	}
#supportingText a {
	color:#98A892;
	}
#supportingText a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#ADC8A2;
	}	
#explanation h3 {
	width:250px;
	height:16px;
	background:url(why-should-i-care.gif) no-repeat;
	}
#whatsnew h3 {
	width:250px;
	height:16px;
	background:url(whats-new.gif) no-repeat;
	}
#participation h3 {
	width:250px;
	height:16px;
	background:url(getting-involved.gif) no-repeat;
	}
#cpayne {
	width:160px;
	height:250px;
	background:url(christine-payne.jpg) no-repeat;
	}
#introduction h3 {
	width:350px;
	height:16px;
	background:url(new-era.gif) no-repeat;
	}
#changingface h3 {
	width:300px;
	height:16px;
	background:url(changing-face.gif) no-repeat;
	}
#yourfuture h3 {
	width:300px;
	height:16px;
	background:url(your-future.gif) no-repeat;
	}
#changingincome {
	width:367px;
	height:310px;
	background:url(changing-income.jpg) no-repeat;
	}
#changingaudiences {
	width:370px;
	height:260px;
	background:url(changing-audiences.jpg) no-repeat;
	}
#ourwork h3 {
	width:300px;
	height:16px;
	background:url(our-work.gif) no-repeat;
	}
#dealsdone {
	width:360px;
	height:300px;
	background:url(deals-done.jpg) no-repeat;
	}
#principles {
	width:370px;
	height:300px;
	background:url(core-principles.jpg) no-repeat;
	}
#longterm h3 {
	width:300px;
	height:16px;
	background:url(long-term.gif) no-repeat;
	}
#latestnews h3 {
	width:300px;
	height:16px;
	background:url(latest-news.gif) no-repeat;
	}
#moreinfo h3 {
	width:300px;
	height:24px;
	background:url(more-info.gif) no-repeat;
	}
#faq h3 {
	width:400px;
	height:24px;
	background:url(faq.gif) no-repeat;
	}
#bluebook {
	width:185px;
	height:260px;
	background:url(fota.jpg) no-repeat;
	}
#newmedia {
	width:198px;
	height:280px;
	background:url(newmediacover.gif) no-repeat;
	}
#fotv {
	width:193px;
	height:260px;
	background:url(the-future-of-television-1.jpg) no-repeat;
	}
#factsheet {
	width:177px;
	height:260px;
	background:url(factsheet-1.jpg) no-repeat;
	}
#factsheet2 {
	width:177px;
	height:260px;
	background:url(factsheet-2.jpg) no-repeat;
	}
#factsheet3 {
	width:177px;
	height:260px;
	background:url(factsheet-3.jpg) no-repeat;
	}
#factsheet4 {
	width:177px;
	height:260px;
	background:url(factsheet-4.jpg) no-repeat;
	}
#factsheet5 {
	width:177px;
	height:260px;
	background:url(factsheet-5.jpg) no-repeat;
	}
#factsheet6 {
	width:177px;
	height:260px;
	background:url(factsheet-6.jpg) no-repeat;
	}
#briefing {
	width:190px;
	height:260px;
	background:url(collective-licences.jpg) no-repeat;
	}
#briefing2 {
	width:190px;
	height:260px;
	background:url(digital-deductions.jpg) no-repeat;
	}
#briefing3 {
	width:190px;
	height:260px;
	background:url(terms-of-trade.jpg) no-repeat;
	}
#briefing4 {
	width:190px;
	height:260px;
	background:url(simultaneous-broadcast.jpg) no-repeat;
	}
#briefing5 {
	width:190px;
	height:260px;
	background:url(fees-and-payments-1.jpg) no-repeat;
	}
#briefing6 {
	width:190px;
	height:260px;
	background:url(terms-and-definition.jpg) no-repeat;
	}
#poster {
	width:360px;
	height:550px;
	background:url(poster.jpg) no-repeat;
	}
#requirements {
	padding-bottom:1px;
	}
#footer {
	position:absolute;
	background:url(footerBg.gif) no-repeat top center;
	width:485px;
	height:48px;
	margin-left:-150px;
	padding-left:150px;
	padding-top:27px;
	padding-bottom:0;
	margin-bottom:0;
	z-index:300;
	text-indent:-150px;
	text-align:center;
	font-size:11px;
	}
div.sdmenu {
	position:absolute;
	top:0;
	left:495px;
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
	float:left;
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #fff;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #4b4949;
}
div.sdmenu div a.current {
	background : #f6b7ba;
}
div.sdmenu div a:hover {
	background : #4b4949 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

.cssform p{
width: 240px;
clear: left;
margin: 10;
padding: 5px 0 8px 0;
padding-left: 120px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
color: #4b4949;
float: left;
margin-left: -120px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px; font-weight: bold;
color: #4b4949;
background: #f6b7ba;
border: 2px outset #d7b9c9
}

.cssform textarea{
width: 200px;
height: 150px;
width: 200px; font-weight: bold;
color: #4b4949;
background: #f6b7ba;
border: 2px outset #d7b9c9
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#supportingText2 {
	position:relative;
	font:normal 13px/18px arial;
	color: #d2232a;
	width:335px;
	margin-left:0px;
	z-index:200;
	}

.cssbutton{
background-color: #d2232a;
border: 2px #f6b7ba outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #d2232a;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;