@import "http://yui.yahooapis.com/2.5.1/build/base/base-min.css";
/*<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/base/base-min.css"> */
@charset 'UTF-8';
/* CSS Document */

body {
 /* font: 14px/18px Helvetica, Arial, sans-serif;*/
 font:0.9em/1.4em Helvetica, Arial, sans-serif;
  background: #666;
  margin: 0;
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
}
.home, .general {
  /* home page */
background: #C4DCE1 url('../images/bg/home_slice.jpg') repeat-x;
}
.programme {
  /* programme delivery section */
background: #e8e1cc url('../images/bg/programme_slice.jpg') repeat-x;
}
.services {
  /* services section */
background: #c4ccbf url('../images/bg/services_slice.jpg') repeat-x;
}
.studios {
  /* services section */
background: #e8e1cc url('../images/bg/studios_slice.jpg') repeat-x;
}
#container {
  position: absolute; /*this fixes it to the left edge */
  left:0px;
  width: 950px;
  margin: 0;
  padding: 0;
  text-align: left;
  padding: 10px 0 0 0;
}
.home #container {
  background:url('../images/bg2/home.gif') no-repeat;
}
.programme #container {
  background:url('../images/bg2/programme.gif') -3px 0 no-repeat;
}
.services #container {
  background:url('../images/bg2/services.gif') 323px 0px no-repeat;
}
.studios #container {
  background:url('../images/bg2/studios.gif') 305px -52px no-repeat;
}
.pricelist #container {
  background:url('../images/bg2/pricelist.gif') 438px 0px no-repeat;
}
.contactus #container {
  background:url('../images/bg2/contactus.gif') -5px -15px no-repeat;
}
.careers #container {
  background:url('../images/bg2/careers.gif') 404px 0px no-repeat;
}
#header {
  height: 110px;
  margin: 0 0 0 10px;
  padding: 0;
}
#logo {
  width: 300px;
  height: 30px;
  background:url('../images/bbc_rr.png') top left no-repeat;
 
}
#sidebar1 {
  /* this is just used for the left hand nav */
	position: absolute;
  top: 120px;
  left: 0;
  width: 200px;
  height:640px;
  background:url('../images/bg/navig.png') top left no-repeat;
  padding: 0;
  margin: 0 0 0 10px;
}
#homesidebar2 {
  /* this is just used on the home page */
	position: absolute;
  top: 40px;
  right: 0;
  width: 200px;
  height: 752px;
  padding: 0px;
  margin: 0;
  background: url('../images/bg/radio_logos_bg2.png') no-repeat;
}
.homesidebarboxout {
  width: 175px;
  margin: 0px auto 0px auto;
  padding: 0;
  background: #fff;
}
.homesidebarboxouttop {
  width:175px;
  margin: 10px auto 0 auto;
  height:10px;
  background: url('../images/bg/white_curves_175.png') no-repeat;
}
.homesidebarboxoutbottom {
  width:175px;
  margin: 0 auto;
  height:10px;
  background: url('../images/bg/white_curves_175.png') 0 -10px no-repeat;
}
#sidebar2 {
  /* this is used for the right hand nav */
float: right;
  width: 140px;
}
#sidebar2 h3 {
  font: 0.9em/1.4em Helvetica, Arial, sans-serif;
  font-weight:bold;
  color: #333;
}
#mainContent {
  margin: 0 0 0 220px;
}
.home #mainContent {
  margin: 0 210px 0 220px;
}
#mainContent .boxout, #mainContent .homeboxout, #mainContent .homeboxout2  {
  padding: 10px;
  background: url('../images/bg/trans_60.png');
  margin: 0 0 0 0;
}

.homeboxout td, .homeboxout2 td, .whitebox td {padding:5px 0px;}
#maintopcurve {
  height:10px;
  background: url('../images/bg/main_trans60.png');
}
#mainbottomcurve {
  height:10px;
  background: url('../images/bg/main_trans60.png') 0 -10px;
}
#footer {
  padding: 10px 10px 0 0px;
}
#footer p {
font: 0.9em/1.4em Helvetica, Arial, sans-serif;
  margin: 0 0 0 10px;
  padding: 10px 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin: 0 10px 0 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float: left;
 margin: margin: 0 10px 0 10px;
}
/* style */

a, a:visited {
  color: #006633;
  text-decoration: none;
  padding: 0 0 0 0;
  border-bottom: 1px solid #006633;
}
a:hover {
  color: #009933;
  border-bottom: 1px solid #009933;
}
/* menu */
li {
list-style:none;
}

ul.menu {
list-style:none;
  font:1.1em/1.3em Helvetica, Arial, sans-serif;
  color: #333;
  margin: 10px 0 0 5px;
  padding: 0;
}
ul.menu li {
list-style:none;
  margin: 0;
  padding: 2px;
}
ul.menu li.selected {
  background: #004433;
  padding: 2px;
  margin: 0;
}
ul.menu li a, ul.menu li a:visited {
  text-decoration: none;
  font-weight: normal;
  color: #333;
  border: none;
  padding: 2px;
  margin: 0;
}
ul.menu li.selected, ul.menu li.selected a, ul.menu li.selected a:visited {
  color: #fff;
  padding: 2px;
  margin: 0;
}
ul.menu li a:hover {
  color: #fff;
  background: #666;
  padding: 2px 12px 2px 4px;
  margin: 0 0 0 -2px;;
  /*text-shadow: 0 0 0 #003333;*/
  border: none;
}
ul.menu li.selected {
  color: #fff;
  /*text-shadow: 0 0 0 #003333;*/
  padding: 2px 2px 2px 2px;
  margin: 0;
}

ul.menu li.selected a:hover {
  color: #fff;
  /*text-shadow: 0 0 0 #003333;*/
  padding: 2px 12px 3px 4px;
  margin: 0 0 0 -2px;
}


ul.menu li ul.submenu {
  font:0.8em/0.8em Helvetica, Arial,  sans-serif;
  color: #333;
  margin: 5px 0 0 15px;
  padding: 2px;
}
ul.menu li ul.submenu li {
  padding: 4px 2px 4px 2px;
}


ul.menu li ul.submenu li.selected {
background: #004433;

  color: #fff;
  margin: 0 0 0 0;
  padding: 4px 2px 4px 2px;
}
/*
ul.menu li ul.submenu li.selected a, ul.menu li ul.submenu li.selected a:visited {

}
*/
ul.menu li ul.submenu li a:hover {
  background: #666666;
  color: #fff;
  padding: 2px 6px 2px 4px;
  margin: 0 0 0 -2px;
}

ul.menu li ul.submenu li.selected a:hover {
  background: #666666;
  color: #fff;
   padding: 2px 6px 1px 4px;
  margin: 0 0 0 -2px;
}
/* right menu */
ul.rightmenu {
list-style:none;
  font:0.9em/1em Helvetica, Arial, sans-serif;
  color: #333;
  margin: 10px 0 0 5px;
}
ul.rightmenu li {
list-style:none;
  font-weight: bold;
  margin: 0 0 5px 0px;
  padding: 2px;
}
ul.rightmenu ul {
  margin: 0 0 5px 0px;
}
ul.rightmenu ul li {
  font:0.9em/1.1em Helvetica, Arial, sans-serif;
  margin: 0 0 2px 10px;
  padding: 2px;
}
#mainContent h1 {
  font-size: 1.3em;
  font-weight:200;
  color: #333;
  margin: 0 0 10px 0;
}
#mainContent h1 span {
  color: #fff;
  padding: 2px 50px 3px 10px;
  margin-left: -11px;
}
.general #mainContent h1 span {
  background:#003333;
  text-shadow: 0 0 0 #003333;
}
.programme #mainContent h1 span {
  background:#993399;
  text-shadow: 0 0 0 #993399;
}
.services #mainContent h1 span {
  background:#339966;
  text-shadow: 0 0 0 #339966;
}
.studios #mainContent h1 span {
  background:#FF3300;
  text-shadow: 0 0 0 #FF3300;
}
#mainContent h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 2px 0;
  color: #333;
}
#mainContent .boxout .intro p {
  font: 0.9em/1.6em Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #333;
  padding: 0 10px;
  margin: 0 280px 10px 0;
}
#mainContent .boxout .intro2 p {
  font: 0.9em/1.6em Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #333;
  padding: 0 10px;
  margin: 0 150px 10px 0;
}
#mainContent .homeboxout .intro p {
  font: 0.9em/1.6em Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #333;
  padding: 0 10px;
  margin: 0 20px 10px 0;
}
#mainContent .boxout table p {
  font: 0.9em/1.4em Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
  margin: 0;
}
/* whitebox */
.whitebox {
  background: #fff;
  margin: 0px 150px 0 0px;
  padding: 10px;
}



.whitecurvestop {
  width:560px;
  height:10px;
  background: url('../images/bg/white_curves.png') no-repeat;
}
.whitecurvesbottom {
  width:560px;
  height:10px;
  background: url('../images/bg/white_curves.png') 0 -10px no-repeat;
}
.whitecurvestop430 {
  height:10px;
  background: url('../images/bg/white_curves_430.png') no-repeat;
}
.whitecurvesbottom430 {
  height:10px;
  background: url('../images/bg/white_curves_430.png') 0 -10px no-repeat;
}
.homeboxtop {
  height:10px;
  background: url('../images/bg/white_curves60_520.png') no-repeat;
}
.homeboxbottom {
  height:10px;
  background: url('../images/bg/white_curves60_520.png') 0 -10px no-repeat;
  margin: 0 0 10px 0;
}
/* glossary, events*/
#glossary {
  width: 430px;
  background: #fff;
  margin: 0 0 0 0px;
}
#glossary dl  {
  margin: 0 0 0 20px;
  padding: 20px 0 20px 0;
}
#glossary dt {
  margin: 0 0 0 -10px;
  padding: 0 0 0 20px;
  font-size: 0.9em;
  line-height:1.3em;
  font-weight: bold;
  background: #fff url('../images/bg/glossary_tip.gif') no-repeat top left;
}
#mainContent .boxout #glossary dd p {
  font: 0.9em/1.3em Helvetica, Arial, sans-serif;
  margin: 0 20px 8px 10px;
}

/* events */
#events {
  width: 430px;
  background: #fff;
  margin: 0 0 0 0px;
}
#events dl  {
  margin: 0 0 0 20px;
  padding: 20px 0 20px 0;
}
#events dt {
  margin: 0 0 0 -10px;
  padding: 0 0 0 20px;
  font-size: 0.9em;
  line-height:1.3em;
  font-weight: bold;
  background: #fff url('../images/bg/events_tip.gif') no-repeat top left;
}
#mainContent .boxout #events dd p {
  font: 0.9em/1.3em Helvetica, Arial, sans-serif;
  margin: 0 20px 8px 10px;
}



/* general stuff */
.vertalign {
  vertical-align: middle;
}
.smalltext {
  font: 0.7em/0.9em Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666;
  padding: 2px 0 3px 0;
}
img {
  border: 0;
}
/* image buttons */
#buttons {
  width: 200px;
  height: 24px;
  background:#fff url(../images/numbers/number_grid.png);
  margin: 0;
  padding: 0;
  position: relative;
}
#buttons li {
  margin: 0;
  padding: 0px;
  list-style: none;
  position: absolute;
  top: 0;
}
#buttons li, #buttons a {
  height: 24px;
  display: block;
  border:0;
}
#button_1 {
  left: 0;
  width: 24px;
}
#button_2 {
  left: 25px;
  width: 24px;
}
#button_3 {
  left: 50px;
  width: 24px;
}
#button_4 {
  left: 75px;
  width: 24px;
}
#button_5 {
  left: 100px;
  width: 24px;
}
#button_6 {
  left: 125px;
  width: 24px;
}
#button_7 {
  left: 150px;
  width: 24px;
}
#button_8 {
  left: 175px;
  width: 24px;
}
#button_1 a:hover {
  background: transparent url(../images/numbers/number_grid.png) 0 -24px no-repeat;
}
#button_2 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -25px -24px no-repeat;
}
#button_3 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -50px -24px no-repeat;
}
#button_4 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -75px -24px no-repeat;
}
#button_5 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -100px -24px no-repeat;
}
#button_6 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -125px -24px no-repeat;
}
#button_7 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -150px -24px no-repeat;
}
#button_8 a:hover {
  background: transparent url(../images/numbers/number_grid.png) -175px -24px no-repeat;
}
/* image highlights per section */
.studios #button_1.selected {
  background: transparent url(../images/numbers/number_grid.png) 0 -48px no-repeat;
}
.studios #button_2.selected {
  background: transparent url(../images/numbers/number_grid.png) -25px -48px no-repeat;
}
.studios #button_3.selected {
  background: transparent url(../images/numbers/number_grid.png) -50px -48px no-repeat;
}
.studios #button_4.selected {
  background: transparent url(../images/numbers/number_grid.png) -75px -48px no-repeat;
}
.studios #button_5.selected {
  background: transparent url(../images/numbers/number_grid.png) -100px -48px no-repeat;
}
.studios #button_6.selected {
  background: transparent url(../images/numbers/number_grid.png) -125px -48px no-repeat;
}
.studios #button_7.selected {
  background: transparent url(../images/numbers/number_grid.png) -150px -48px no-repeat;
}
.studios #button_8.selected {
  background: transparent url(../images/numbers/number_grid.png) -175px -48px no-repeat;
}
.services #button_1.selected {
  background: transparent url(../images/numbers/number_grid.png) 0 -72px no-repeat;
}
.services #button_2.selected {
  background: transparent url(../images/numbers/number_grid.png) -25px -72px no-repeat;
}
.services #button_3.selected {
  background: transparent url(../images/numbers/number_grid.png) -50px -72px no-repeat;
}
.services #button_4.selected {
  background: transparent url(../images/numbers/number_grid.png) -75px -72px no-repeat;
}
.services #button_5.selected {
  background: transparent url(../images/numbers/number_grid.png) -100px -72px no-repeat;
}
.services #button_6.selected {
  background: transparent url(../images/numbers/number_grid.png) -125px -72px no-repeat;
}
.services #button_7.selected {
  background: transparent url(../images/numbers/number_grid.png) -150px -72px no-repeat;
}
.services #button_8.selected {
  background: transparent url(../images/numbers/number_grid.png) -175px -72px no-repeat;
}
.programme #button_1.selected {
  background: transparent url(../images/numbers/number_grid.png) 0 -96px no-repeat;
}
.programme #button_2.selected {
  background: transparent url(../images/numbers/number_grid.png) -25px -96px no-repeat;
}
.programme #button_3.selected {
  background: transparent url(../images/numbers/number_grid.png) -50px -96px no-repeat;
}
.programme #button_4.selected {
  background: transparent url(../images/numbers/number_grid.png) -75px -96px no-repeat;
}
.programme #button_5.selected {
  background: transparent url(../images/numbers/number_grid.png) -100px -96px no-repeat;
}
.programme #button_6.selected {
  background: transparent url(../images/numbers/number_grid.png) -125px -96px no-repeat;
}
.programme #button_7.selected {
  background: transparent url(../images/numbers/number_grid.png) -150px -96px no-repeat;
}
.programme #button_8.selected {
  background: transparent url(../images/numbers/number_grid.png) -175px -96px no-repeat;
}
.general #button_1.selected {
  background: transparent url(../images/numbers/number_grid.png) 0 -96px no-repeat;
}
.general #button_2.selected {
  background: transparent url(../images/numbers/number_grid.png) -25px -96px no-repeat;
}
.general #button_3.selected {
  background: transparent url(../images/numbers/number_grid.png) -50px -96px no-repeat;
}
.general #button_4.selected {
  background: transparent url(../images/numbers/number_grid.png) -75px -96px no-repeat;
}
.general #button_5.selected {
  background: transparent url(../images/numbers/number_grid.png) -100px -96px no-repeat;
}
.general #button_6.selected {
  background: transparent url(../images/numbers/number_grid.png) -125px -96px no-repeat;
}
.general #button_7.selected {
  background: transparent url(../images/numbers/number_grid.png) -150px -96px no-repeat;
}
.general #button_8.selected {
  background: transparent url(../images/numbers/number_grid.png) -175px -96px no-repeat;
}
/* image gallery */
.topbar {
  height: 10px;
  width: 100%;
  margin: 0 0 1px 0;
}
.caption {
  height: 35px;
  color: #fff;
  margin: 1px 0 0 0px;
  padding: 2px;
  padding-left:0px;
  text-align: right;
  overflow: hidden;
}
/* studios image gallery */
.studios .topbar {
  background: #FF3300;
}
.studios #image_gallery {
  width: 400px;
}
.studios .caption {
  background: #FF3300;
  text-shadow: 0 0 0 #FF3300;
}
/* services image gallery */
.services #image_gallery {
  width: 400px;
}
.services .topbar {
  background: #009966;
}
.services .caption {
  background: #009966;
  text-shadow: 0 0 0 #009966;
}
/* services image gallery */
.programme #image_gallery {
  width: 400px;
}
.programme .topbar {
  background: #993399;
}
.programme .caption {
  background: #993399;
  text-shadow: 0 0 0 #993399;
}
/* main text */
.intro2 {
  margin: 0 0 0 10px;
}
.intro2 h3 {
  background: #fff;
  font: 1.5em/1.5em Helvetica, Arial, sans-serif;
  margin: 10px 0 10px -10px;
  padding: 0 0 0 20px;
  font-weight: light;
}
/* studios main text */
.studios .intro2 h3 {
  background: #fff url('../images/bg/studios_tip.gif') no-repeat top 0px;
}
/* services main text */
.services .intro2 h3 {
  background: #fff url('../images/bg/services_tip.gif') no-repeat top 0px;
}
/* programme main text */
.programme .intro2 h3 {
  background: #fff url('../images/bg/programme_tip.gif') no-repeat top 0px;
}

/* programme main text */
.general .intro2 h3 {
  background: #fff url('../images/bg/general_tip.gif') no-repeat top 0px;
}
/*price list table */
.general table {
  font-size: 12px;
  color: #555;
  background: #f6f6f6;
}

.general table td {
 padding:4px;
}

.general h3.studio {
  color: #333;
  padding: 2px 2px 5px 15px;
  margin:10px 0px 0px 0px;
  background: #fff url('../images/bg/studio_tip.gif') no-repeat left;
  border-top:1px solid #333;
  	
}
/* contacts list */
.general h3.contact {
  font-weight: bold;
}
.general ul.contacts {
list-style:none;
  font-size: 0.9em;
  margin: 0 0 10px 0;
}

.general ul.contacts li {
list-style:none;
}

.general p {
  font-size: 0.9em;
  margin: 0 0 12px 0;
}
/* radio buttons */
ul.radiostations {
list-style: none;
  margin: 0 auto;
  padding:0;
}
ul.radiostations li {
list-style: none;
  padding: 0;
  margin:0;
}
ul.radiostations li a, ul.radiostations li a:hover, ul.radiostations li a:visited {
  margin: 0;
  padding: 0;
  border:0;
  text-decoration: none;
}

img.radiologos {
  margin:0;
  padding:0;
}
ul.listen {
list-style:none;
  text-align:center;
  font-size:0.9em;
  width: 150px;
  margin: 0 auto;
}

ul.listen li {
list-style:none;
}

ul.listen li.button {
list-style:none;
  background:url('../images/radio/btnleft.gif') no-repeat;
}
ul.listen li.button a {
list-style:none;
  display:block;
  padding: 0px 5px 4px 5px;
  background:url('../images/radio/btnright.gif') no-repeat 100% 0;
  color:#fff;
  text-decoration: none;
  border:0px;
}

table, tr, td {
border: 0px;
}

/* header images */
img.header {
background: #fff;
padding: 3px;
border: 1px solid #ccc;
margin: 5px 0px;
}


/*
===============================================
	INDIE PROGRAMME INFO FORM STYLES
===============================================

*/

.style3 {color: #333}
.style5 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* indie form specific styles*/

form#indieform { font-size:80%; }
form#indieform div { clear:both; padding:3px 2px; margin:1px 0; width:440px; color:#666;}
form#indieform div.title { padding:1px 2px; background:#666; color:#fff; width:456px; }

form#indieform label { min-width:140px;  width:140px;  display:block; float:left; }
form#indieform input, form#indieform textarea { width:280px; background:#fff; color:#8A8A8A; border:1px #999 inset; }
form#indieform select { width:280px; background:#fff; color:#333; border:1px #999 inset; } 	

form#indieform div#txtype-div input { width:auto; background:none; border:none; cursor:pointer;  }
form#indieform div#txtype-div label { display:inline; float:none; width:60px; min-width:30px; cursor:pointer; margin:0 20px 0 0;  } 
form#indieform div#txtype-div label:hover { color:#000; }

form#indieform div.mandatory {background:#EBEBEB; padding-right:18px; color:#666; -moz-border-radius:5px; height: auto; overflow: hidden; }
form#indieform label span{font-size: 0.9em; display: block;}

form#indieform div.mandatory input { } 

form#indieform div.charsleft { 
	margin: 0 0 0 140px; 
/* IE ONLY because IE inexplicably *doubles* the margin value */
	*margin-left:70px; 
	width:278px;
}
form#indieform div.charsleft input { margin-left:0px; width:25px; background:#666; color:#fff; font-size:95%; font-weight:bold; border:0px; padding:2px; text-align:right;}
form#indieform div.charsleft input.selected { background:#FF00FF; }

form#indieform div.error {background:url(../images/icons/error.png) no-repeat 438px 3px #EBEBEB; padding-right:18px; color:#000;  -moz-border-radius:5px; } 

form#indieform div.error input, form#indieform div.error textarea, form#indieform div.error select {background:#FFCCFF; border-color:#FF00FF;  }


form#indieform input#submitbtn { width:auto; background:#993399; color:#fff; font-weight:bold; margin:10px 0 0 140px; padding:2px 5px; border:3px #666 outset; cursor:pointer; } 

form#indieform div#factualok-div { margin:20px 0 0 140px; width:370px; padding-right:50px; }
form#indieform div#factualok-div.error { display:inline-table; background:url(../images/icons/error.png) no-repeat 350px 3px #FF00CC; color:#fff;  
-moz-border-radius:5px; padding:5px; }

form#indieform div#factualok-div input { float:left; width:auto; border:0px; background:none;} 
form#indieform div#factualok-div label { width:330px; float:left; margin:0 0 0 5px; font-size:95%; line-height:1; cursor:pointer; font-weight:bold;  }