#hello {
	background:#fff;
	padding:0;
	margin:0;
}

body {
	margin:23px auto 23px auto;
	padding:0;
	font:	70%/1.3 Arial, Verdana, Helvetica, sans-serif;
	color:#292929;
	width:768px;
	border: 1px solid #C8C8C8;
}


#img, img {
	border:0 !important;
}

a:hover {
	text-decoration:underline;
}

a {
	color:#A5A5A5;
    color:#292929;
	text-decoration:none;
	border:0 !important;
}
#nav img {
	border:0;
	padding:0;
	margin:0;
	display:block;
	vertical-align:bottom 
}

#header{
	margin:20px 20px 10px 15px;
	padding:0 0 0 0;
	height:112px;
	border-bottom: 1px solid #57AA54;

}

#header ul {
	list-style-type:none;
	margin:0;
	padding:0;
}



#header ul li {
	margin:0 !important;
	padding:0 !important;
	vertical-align: bottom;
}

#logo {
	float:left;
	width:148px;
	margin:0;
	padding:0;
}

h1 {
	margin:0;
	padding:0 0 0 0;

}


#top_right {
	float:left;
	padding:0 0 0 0;
}
#nav {
	margin:0 12px 0 0;
	padding:0 0 0 10px ;
	float:left;
	width:133px;
}

#subnav {
	float:left;
	width:427px !important;
	}

#subnav ul {
	margin:0 6px 0 0;
	float:left;
	width:192px;	
}

/* Hide from IE-Mac (in this case it is inheriting some width from the box above \*/
#subnav ul {width:auto !important}
#subnav {width:auto !important; }
/* End hide */ 



#nav_lower {
	position:absolute;
	top:10px;
	left:400px;
}


#graphic_panel {
	clear:both;
	margin: 0 0 20px 0;
}

#content {
	margin:0 10px 0 10px;
	margin:0;
	position:relative;
	display:block;
}

.content_left {
	float:left;
	width:165px;
    margin:0 0 0 0px;
	padding: 0 0 0 0px;
}


div.content_left form {
	width:118px;
	padding-left:25px;
}

#content_left_text {
	position:relative;
	float:left;
	width:400px;
      margin:0 0 0 3px;
      padding:0 0 0 0px;
}

#content_left_text.news {
	width:432px !important;
}

#content_left_text.home {
	width:455px;

}

#content_left_text_news {
	position:relative;
	float:left;
	width:400px !important;
      margin:0 0 0 3px;
      padding:0 0 0 0px;
}

#content_left_text.news img {
	padding:0 0 0px 20px;
}

#content_left_text_content {
	height:350px;
	overflow:auto;
	margin-right:10px;
}

#content_left_text_about {
	position:relative;
	float:left;
	width:739px;
      margin:0;
      padding:0;
      }

#content_left_text_about p, #content_left_text_about h2 {
	margin-left:25px !important;
}

#news_story_text {
	position:relative;
	width:420px;
	clear:both;
	padding: 0 25px 0 25px;
}


#content_left_text.news p {
	margin-bottom:16px !important;
}
#content_left_text.news h2 {
	margin-bottom:0 !important;
}

#content_middle {
	position:relative;
	float:left;
	width:302px;
      margin:0;
      padding:0;
}


#content_middle_link {
	position:relative;
	float:left;
	width:100px;
      margin:0;
      padding:34px 0 0 0;
}

#content_right {
	position:relative;
	float:right;
	width:290px;
      margin:0 0px 0 0 ;
      padding:0 10px 0 0;
}

#contact_right li {
	text-align:justify;

}
.content_right_main {
	width:593px;
	position:relative;
	float:right;
      margin:0;
      padding:0 0 0 1px;
}

#search_results_list {
	width:543px;
	float:right !important;
    padding:0 50px 0 1px !important;
}

.beontv {
	width:515px;
	padding-right:78px !important;
}


.jobs {
	float:right;
	width:592px;
}

.job_contact {
	float:right;
	width:220px;
}

.job_back {
	float:left;
	width:120px;
}

#content_programme p {
	margin-left:12px !important;
}

#content_programme {
	position:relative;
	float:left;
	width:579px;
      margin:0;
      padding:0;
}

#content_right_image {
	padding-left:5px;
	position:relative;
	float:right;
}

#content_right_image.collage {
	width:321px !important;
	padding-top:34px !important;
	padding-left:2px !important;
	padding-bottom:10px;

}


#content_right_image.collage a.imglink {
	padding:2px;
	height:48px;
	display:block;
	float:left;
	text-decoration:none
}
#content_right_image.collage p {
	margin:2px 0 0 2px !important;
	padding:12px 0 0 0 !important;	
	clear:both;
}

#content_right_image.collage a.view {
	margin-top:15px;
}


#content_right_image.collage a.imglink:hover {
	padding:0px !important;
	border:2px solid #371F66 !important;
}

th a.imglink {
	display:block;
	float:right;
	width:115px;
	height:65px;
	padding:2px;
	margin-bottom:11px;
}

th a.imglink:hover {
	padding:0px !important;
	border:2px solid #371F66 !important;
}


#content_right_image.collage a.view, #content_right_image.collage a.view:hover {
	padding-left:20px !important;
	height:auto;
	border:0 !important;
	background:url(../images/more_arrow_right.gif) left no-repeat;
}

#content_right_image.collage a.view:hover {
	border:0 !important;
	padding-left:20px !important;

}


.content_right_panel {
	position:relative;
	float:left;
	text-align:left;
	width:133px;
	margin-right:12px;
}


.content_right_panel p {
	padding:0 0 0 1px !important;
}

#content_left_text h2  {
	font-weight:bold;
	margin-left:20px !important;
}

#content_left_text h2.first a {
	font-size:150%;
}

#content_left_text h2 a {
	color:#57AA54;
}

#content_left_text p{
	margin-left:20px !important;
	}

div.lower_button {
	clear:both;
}

#content p, #content h2, #content h3 {
	margin:0 0 10px 0;
	padding: 0 10px 0 0px;
}

#content h3 {
	font-size:120%;
}

div.contact_text {
	position:relative;
	background:url(../images/hr.gif) top left no-repeat;
	padding-top:13px;
	margin-top:30px;
	width:99%;
	float:left;
}
div.contact_text p {
	padding-left:25px !important;
}

h2 {
	font-family:futura, arial, verdana, sans-serif;
	color:#57AA53;
	margin:0;
	font-size:140%;
	font-weight:bold;
}

.content_right_main form h2 {
	white-space:nowrap !important;
	width:500px;
}

strong {
	display:inline;
	color:#57AA54;
}	


 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer {
	clear:both;
	display:block;
	padding:0px 0 10px 15px;
	margin:10px 20px 0 7px;
}

#footer_area {
	position:relative;
}
#studios {
	position:absolute;
	right:40px;
	top:10px;
}

#footer a {
	margin:0px 3px 0 3px;
}

.lower_button {
	position:relative;
	display:inline;
	width:160px;
	float:left;
}

#buttons {
	margin:5px 20px 0px 15px;
	padding: 10px 0 0px 10px;
	clear:both;
	height:32px;
	border-top:1px solid #A5A5A5;
	width:700px;
}

#buttons img {
	border:0;
	float:left;
}

#buttons h3 {
	margin:0;
	padding:0;
	display:inline !important;
}
#buttons a {
	float:left;
	width:20.5%;
	min-width:140px;
	padding-bottom:0px;
	margin-left:10px;
}

#buttons a.inner {

	margin-left:0;

}

form {
	float:left;
}
input {
	border:1px solid #A5A5A5;
	padding:1px;
	width:120px;

}

input.button {
	margin:4px 0 0 0;
 	width:auto;
	padding:0;
 }


#content ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}


label {
	display:block;
}

strong#talkbackthames_inline {
        background:url(../images/talkbackthames_inline_768.gif) no-repeat;
        width:108px;
		font-size:1px;
		color:#fff;
		float:left; display:block; width:108px; height:12px;
		margin:1px 2px 0 0;
}



#content_middle a {
       color:#2C1E6D;
	   font-weight:bold;
}

object.home, embed.home {
	width:768px;
	height:142px;
	margin:0;
	padding:0;
}
object.timeline, embed.timeline {
	width:768px;
	height:380px;
	margin:0;
	padding:0;
}

object.genre, embed.genre {
	width:768px;
	height:250px;
	margin:0;
	padding:0;
}


a.more {
	background:url(../images/more_arrow_down.gif) no-repeat;
	padding-left:20px;
    color:#2C1E6D;
}

a.print {
	background:url(../images/print_icon.jpg) top left no-repeat;
	padding-left:30px;
	padding-top:2px;
	margin-top:10px;
	margin-left:25px;
	font-weight:normal !important;
	color:#939393 !important;
}

a.back {
	display:block;
	background:url(../images/more_arrow_left.gif) no-repeat;
	margin-left:25px;
	padding-left:20px;
    color:#2C1E6D;
}


#content_left_text a.print {
	margin-left:0px;
}

#content_left_text.news a.print {
	margin-left:20px !important;
}

a.news {
    padding:0 0 0 5px;
    color:#2C1E6D;
	font-weight:normal !important;
	
}

a.readmore {
	font-weight:bold;
	padding:0 20px 0 5px;
    color:#2C1E6D;
}

#content_middle_link a {
	font-weight:bold;
	color:#2B125D;
}

#content_middle p {
	margin-left:10px;
}

a.view img {
	border:0;

}

p.icon_line {
	line-height:17px !important;
	margin:0 !important;
	padding:0 !important;
}

#content p.icon_line {
	margin:0 !important;
}


/* these are genre-specific colours. It would be good to generate these dynamically from the db */



a.genre_15 {
	background:#DED925 !important;
}

a.genre_16 {
	background:#DB9A24 !important;
}

a.genre_17 {
	background:#BE0028 !important;
}

a.genre_18 {
	background:#B30076 !important;
}

.content_right_panel img {
	text-align:center;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}

.content_right_panel a {
	margin-bottom:4px;
}
.content_right_main a.genre {
      margin:0 0 5px 0 !important;
      padding: 0 0 0 3px;
      color:#fff;
      font-weight:bold;
      font-size:110%;
      line-height:130%;
      display:block;
      width:118px;
}


/* Awards */

.awards {
	width:768px;
}
.awards th {
	text-align:left !important;
	color:#57AA54;
	font-size:120%;
	font-weight:bold;
	padding: 0 0 10px 0;
}

.awards tr td {
	padding-bottom:10px;
}

#programme_archive.awards tr td {
	padding-bottom:0px !important;
}

.awards td.image {
	min-width:144px;
	width:161px;
	padding:10px 10px 10px 0px !important;
}

.awards th.image {
	min-width:144px;
	width:161px;
	padding:0px 10px 10px 0px !important;
}

.awards th.results a {
	font-weight:normal !important;
	font-size:80% !important;
	float:right;
}

.awards th.image form {
	padding-left:44px;
	width:117px;
	margin-bottom:10px;
}


.awards th.image form #search_term {
	width:111px;
	margin-top:20px;
	display:block;
}

.awards th.image img {
   float:right;
}

.awards td.personimage {
	min-width:144px;
	width:161px;
	padding: 0 10px 0 0px !important;
}

.awards td.personimage img {
}

td.personimage a {
	display:block;
	float:right;
	width:115px;
	height:140px;
	padding:2px;
	margin-bottom:33px;
}


td.personimage a:hover {
	padding:0px !important;
	border:2px solid #371F66 !important;
}

#programme_archive td.image {
   float:right;
	padding: 0 10px 0 0px !important;
}

.awards td.description {
	width:289px;
	padding-right:10px;
}
.awards td.programme {
	width:141px;
}

.awards td.archive_programme {
	width:376px;
	padding-right:10px;
}

table.awards tr td.programme strong {
	display:block;
	color:#371F66;
}

.awards td.programme h3 {
	font-size:11px !important;
	color:#371F66  !important;
	margin:0 !important;
}

.awards td img {
   float:right;
}

.awards td a {
	font-weight:bold;
	color:#2B125D;
	display:block;
}

.clear {
	display:block;
	clear:both !important;
}
.clearleft {
	display:block;
	float:left;
	clear:left !important;
}


#pages {
	position:absolute;
	right:18px;
	bottom:0px;
}

#pages a {
	display:block;
	padding:0 0 5px 0;
}

#pages p {
	padding: 0 0 0 0;
	font-weight:bold;
	color:#371F66;
}



#transmission_info {
 	position:relative;		
	margin:20px 0 30px 0 !important;
	padding:0 10px 0 12px !important;
	color:#57AA54 !important;		
	font-size:100% !important;
}


ul.programme_list li a {
	display:block;
	width:110px;
	font-weight:bold;
	color:#939393;
	padding-left:10px;
	}

ul.programme_list li a:hover {
	background: url(../images/list_arrow.gif) top left no-repeat !important;
	text-decoration:none;
	}


#content ul li a.selected {
	background: url(../images/list_arrow_on.gif) top left no-repeat !important;
	color:#2B125D !important;
	}


#content ul {
	list-style:none;
	margin:0 0 0 0px !important;
	padding:0 !important;
	position:relative;
}

#content ul.programme_list {
	margin-left:15px !important;
	margin-bottom:40px !important;
}




#content ul li a{
	padding:0 0 0 10px;
	margin-bottom:2px;
	display:block !important;
	color:#939393;
	font-weight:bold;
}

#content ul.genre_programme_list {
	float:left;
	padding-left:15px !important;
}

#content ul.genre_programme_list li a {
	width:271px  !important;
}

#content ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	background: url(../images/list_arrow_on.gif) top left no-repeat !important;
	color:#57AA54 !important;
}


a.edit, a.add {
	display:block;
	position:absolute;
	right:0;
	top:2px;
	width:auto;
	margin:0 0 0 10px;
	border:1px solid #000 !important;
	padding:1px 3px 1px 3px !important;
	background:#ccc;
	color:#000 !important;
	font-weight:bold !important;
	}

a.edit {
  /*	border:1px solid #ccc !important;
	background:#efefef !important; */

}
a.edit:hover, a.add:hover {
	display:block;
	width:auto;
	background:#57AA54;
	background-image:none !important;
	color:#fff !important;
	text-decoration:none;
}

a.order {
	width:auto;
	white-space:nowrap;
	margin:0 0 2px 0px;
	border:1px solid #000 !important;
	padding:1px 3px 1px 3px !important;
	background:#ccc;
	color:#000 !important;
	font-weight:bold !important;
}
p.order2 {
	margin-left:25px !important;
}

div.genre_order a.order {
	margin:0 0 0 -10px !important;
}

div.whos_order a.order {
	display:block;
	width:100px !important;
}

a.order:hover {
	background:#57AA54;
	background-image:none !important;
	color:#fff !important;
	text-decoration:none;
}

div.content_contactpanel {
	position:relative;
	float:left;
	width:19.9%;
	width:146px;
}


.content_contactpanel a {
	color:#57AA53;
	font-weight:bold;
}

.content_contactpanel h2,.office h2 {
	color:#2A125C;
}

.office p {
	float:left;
}
/* Hide from IE-Mac  \*/

.office a.print, .content_left a.print {
	position:absolute;
	bottom:0px;
	left:0;
}
/* End hide */ 


div.office img#map {
	float:left;
	padding-left:35px;

}

.content_right_main textarea {
	width:520px;
	height:200px;
	border:1px solid #ccc;
	overflow:auto;
}

.content_right_main form {
	margin:0;
	padding:0;
}

#contact_panels {
	margin: 0 0 0 28px;
}

#genre_panels{
	margin: 0 0 0 30px;
 }
.edit {
  	/* display:none;  */
}

.content_right_main h2 {
	margin-left:0 !important;
}

.content_right_main p, .content_contactpanel p {
	padding-left:1px !important;
}


div.beontv p {
	margin-top:5px !important;
}
div.beontv ul li {
	font-weight:bold;
	background: url(../images/list_arrow_on.gif) top left no-repeat !important;
	padding-left:14px;
	color:#2B125D;
}

div.jobs ul li {
	padding-left:14px;
	background: url(../images/list_arrow_on.gif) top left no-repeat !important;
}

div.beontv strong, div.beontv a {
	color:#2B125D;
	font-weight:bold;
}


div.job_contact h2 {
	color:#2B125D;
}

#content_left_text a {
	font-weight:bold;
	color:#2B125D;
}

.content_multiple {
	clear:both;
	padding:20px 0 25px 0;
}

.content_multiple div.content_left img {
	padding-bottom:20px;
	padding-left:25px;
}


.traffic {
	color:#939393;
}

dt a {
	font-weight:bold;
	font-size:100%;
	color:#2B125D;
	text-decoration:underline;
}

dd {
	margin:0 0 8px 0;
	padding:0;

}
dd a {
	display:block;
	color:#4DA54A;
	font-weight:bold;
}

div.content_left input {
	font-size:100%;
}

#content_height {
	float:left;
	width:1px;
	height:260px;
}

#content_right_image_height {
	float:right;
	width:1px;
}

#programme_image { 
	float:left;
	width:279px;
 }

#graphic_panel p {
	padding-left:25px;
	float:left;
	width:420px;
}

#graphic_panel p.image {
	width:200px;
	padding-right:10px
}



table#programme_archive {
	float:left;
}

div.about p img.history {
	padding-bottom:5px !important;
}

p.img {
	vertical-align:bottom;
}


#content #home_news {
	margin-left:12px !important;
}

#content #home_news a {
	color:#292929;
}

#content #home_news li a:hover {
	background:none !important;
	}

#content #home_news  li {
	background:#fff url(../images/list_arrow_on.gif) top left no-repeat !important;
	position:relative;
	padding-left:0px;
	padding-bottom:10px;
}

#login_form {
	padding: 0 0 0 25px !important;

}

td.edit_container, div.edit_container {
	position:relative !important;
}

td.edit_container a.edit {
	position:relative !important;
}

* html td.edit_container a.edit {
	position:absolute !important;
}

p.news_caption {
	font-size:85%;
	margin: 2px 0 2px 25px !important;
	padding:0 !important;
}

#content_programme a, .content_right_main a, div.contact_text p a {
	font-weight:bold;
       color:#2C1E6D;
}

#content_left_whoswho p {
	margin-left:175px;
}

#awards_subnav li {
	width:100px !important;
}

td.person a {
	display:inline;
}

ul.joblistings {
	margin-left:0;
	padding-left:0;
}

ul#attachments {
	margin-left:25px !important;
	margin-bottom:10px !important;
}

ul#attachments li a, ul#attachments li a:hover  {
        padding: 4px 0 4px 24px;
        background: url(../images/attachment.gif) left no-repeat !important;
}

ul#attachments li.doc a {
        background: url(../images/attachment_doc.gif) left no-repeat !important;
}

ul#attachments li.xls a {
        background: url(../images/attachment_xls.gif) top left no-repeat !important;
}

ul#attachments li.pdf a {
        background: url(../images/attachment_pdf.gif) top left no-repeat !important;
}


#content_right_admin ul#attachments {
	margin:0;
}
#content_right_admin ul li a {
	display:inline !important;
}