body {
	background-color: #FFFFFF;
	background: #FFFFFF;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin-top: 0;
}

/* remove underline from all links (excludes hover and active)*/
a:link, a:visited {
color:#000000;
	text-decoration: none;
}

/* remove underline from all links (excludes hover and active)*/
a:hover, a:active {
	text-decoration: underline;
}

ul {
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 0px;
}

/*pushes the entire page 5 pixels from the left hand side of the page*/
.bodypadding {
	padding-left: 5px;
}

/*puts some space under an image to pad it out*/
.imagebottomspace {
	padding-bottom: 20px;
}

/*main hero title*/
.mainherotitle {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	text-decoration : none;
	font-size:small;
	font-weight:bold;
	font-style:normal;
	line-height:normal;
	
}

.mainherotitle a:link, .mainherotitle a:visited {
	text-decoration: none;
	
}

.mainherotitle a:hover, .mainherotitle a:active {
	text-decoration: underline;
	
}

/*main hero title that appears on the viewer pages*/
.titles {
	padding-left: 3px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 2px;
}

.titles a:link, .titles a:visited{
	text-decoration: none;
}

.titles a:hover, .titles a:active {
	text-decoration: underline;
}


/*content text*/
.contenttext {
	padding-top: 4px;
	padding-right: 5px;
	/*padding-bottom: 14px;*/
	padding-left: 0px;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.contenttext a:link, .contenttext a:visited{
	text-decoration: none;
	font-weight:bold;

}

.contenttext a:hover, .contenttext a:active {
	text-decoration: underline;
	font-weight:bold;
}



.searchtext {
	/*padding-top: 4px;*/
	padding-right: 5px;
	/*padding-bottom: 14px;*/
	padding-left: 5px;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.searchtext a:link, .searchtext a:visited{
	text-decoration: none;
	font-weight:bold;
}

.searchtext a:hover, .searchtext a:active {
	text-decoration: underline;
	font-weight:bold;
}



/*text that appears on the home page*/
.indextext {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.indextext a:link, .indextext a:visited{
	text-decoration: none;
	font-weight:bold;
	color:#CC0000;
}

.indextext a:hover, .indextext a:active  {
	text-decoration: underline;
	font-weight:bold;
}

/*viewer content text*/
.viewercontenttext {
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.viewercontenttext a:link, .viewercontenttext a:visited{
	text-decoration: none;
	font-weight:bold;
}

.viewercontenttext a:hover, .viewercontenttext a:active{
	text-decoration: underline;
	font-weight:bold;
}



/*subhero title text that appear down the right hand side.*/
.subherotitle {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	text-decoration : none;
	font-size:small;
	font-weight:bold;
	font-style:normal;
	line-height:normal;
	
}


.subherotitle a:link,  .subherotitle a:visited {
	text-decoration: none;
	
}

.subherotitle a:hover, .subherotitle a:active {
	text-decoration: underline;
	
}

/*body text that appears down the right hand side.*/
.righthandtext {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 14px;
	padding-left: 5px;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.righthandtext a:link, .righthandtext a:visited {
	text-decoration: none;
	font-weight:bold;
}

.righthandtext a:hover, .righthandtext a:active {
	text-decoration: underline;
	font-weight:bold;
}



/*body text title that appear in content boxes*/
.contenttitle {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
}

.contenttitle a:link, .contenttitle a:visited {
	text-decoration: none;
} 

.contenttitle a:hover, .contenttitle a:active{
	text-decoration: underline;
}

/*right hand content titles*/
.rhcontenttitle {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
}

.rhcontenttitle a:link, .rhcontenttitle a:visited {
	text-decoration: none;
} 

.rhcontenttitle a:hover, .rhcontenttitle a:active{
	text-decoration: underline;
}


/*padding for a td that appear down the right hand side.*/
.righthandpaddingcell {
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 13px;
	
}

/*padding around the feature images*/ 
.imagepadding {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}

/*padding between content blocks*/ 
.contentpadding {
	height: 5px;
	margin: 5px;	
}

/*padding between open2 today and bullet points*/ 
.line {
	height: 2px;
	margin: 2px;	
}



/*far left hand site navigation that appears on index and viewer/article pages as an Unordered List*/

.contentlist ul {
	margin: 0px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 14px;
	padding-left: 3px;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	list-style: none;
}
.contentlist ul a:link, .contentlist ul a:visited {
	text-decoration: none;
	list-style: none;	
}
.contentlist ul a:hover {
	list-style: underline;
}
.contentlist ul a:active, .contentlist ul a:focus {
	list-style: none;
}

.lefthandnav {
	text-indent: -5px;
	padding-left: 12px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;
}
.lefthandnav a:link, .lefthandnav a:visited {
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;	
}
.lefthandnav a:hover, .lefthandnav a:active {
	font-weight: normal;
	font-size: x-small;
	text-decoration: underline;
}

/*main heading that appear hard coded into the jsp pages left hand navigation*/
.lefthandnavtitle {
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 2px;
	font-weight:bold;
	font-size: x-small;
	text-decoration: none; 
}
.lefthandnavtitle a:link, .lefthandnavtitle a:visited {
	font-weight: normal;
	font-weight:bold;
	font-size: x-small;
	text-decoration: none;	
}
.lefthandnavtitle a:hover, .lefthandnavtitle a:focus{
	font-weight: normal;
	font-weight:bold;	
	font-size: x-small;
	text-decoration: underline;
}

.righthandtitles {
	padding-left: 3px;
	padding-right: 2px;
	font-size: small;
	font-weight: bolder;
	text-decoration: none; 
	padding-top: 1px;
	padding-bottom: 2px;
}

.righthandtitles a:link, .righthandtitles a:visited  {
	text-decoration: none; 
}

.righthandtitles a:hover, .righthandtitles a:active{
	text-decoration: underline; 
}

/*right hand associated text, know as related/righthand text, that only appears on the viewer/article pages */
.viewerrighthandtext {
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;
	padding-bottom: 20px; 
}
.viewerrighthandtext a:link, .viewerrighthandtext a:visited {
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;
		
}
.viewerrighthandtext a:hover, .viewerrighthandtext a:active{
	font-weight: bold;
	font-size: x-small;
	text-decoration: underline;	
}

/*page numbering specific for the TV sites only that appears only on the viewer/article pages NB Current page is not a link, all other pages are. Current page number should be coloured differently to other pages*/
.open2pagenos {
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;
}
.open2pagenos a:link, .open2pagenos a:visited {
	font-weight: normal;
	font-size: x-small;
	text-decoration: none; 
}
.open2pagenos a:hover, .open2pagenos a:active{
	font-weight: normal;
	font-size: x-small;
	text-decoration: underline; 
}

/*Label for the word "page" that preceeds the page numbering */
.open2pagenoslabel {
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;
}

/*tags for top #include*/

.topheader {
	background-color: #5687BF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 0px;*/
	
	background-repeat: repeat-x;
}
.topheader2 {
	background-color: #5687BF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 0px;*/
	
	background-repeat: repeat-x;
}

.open2logoimage {
	margin: 2px 0px 0px 5px;
	padding: 4px;
}

.bbclogoimage {
	margin: 3px 0px 0px 8px;
	padding: 0px;
}

.searchbox {
	/*margin: -6px 0px 3px 2px;*/
	background-image:  url(graphics/top_tab_button.jpg);
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	border-left-color: #E3E3E3;
	border-left-style: solid;
	border-left-width: thin;
	/*padding: 0px;*/
}

.searchbutton {
	/*margin: 1px 5px 0px 0px;*/
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	/*padding: 0px;*/
}


#navlist {
font-size: x-small;
/*margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;*/
/*margin: 16px 0 2.5em 0;
width: 100%;*/
}
#navlist ul {
font-size: x-small;
/*margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;*/
}
#navlist li {
font-size: x-small;
/*float: left;*/
list-style-type: none;
/*margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;*/
white-space: nowrap;

}
#navlist a {
	font-size: x-small;
	display: block;
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
	background-image:  url(graphics/top_tab_button.jpg);
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	border-left-color: #E3E3E3;
	border-left-style: solid;
	border-left-width: thin;
	/*text-indent: -3px;*/
}
#navlist a:link, #navlist a:visited {
	font-size: x-small;
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	text-decoration: none;
}

/* you can combine the last two rules if you wish */




#navlist a:hover, #navlist a:active, .topnavhome #home a:link, .topnavhome #home a:visited, .topnavhome #home a:hover, .topnavhome #home a:active, .topnavo2today #whatsnew a:link, .topnavo2today #whatsnew a:visited, .topnavo2today #whatsnew a:hover, .topnavo2today #whatsnew a:active, .topnavprogrammes #programmes a:link, .topnavprogrammes #programmes a:visited, .topnavprogrammes #programmes a:hover, .topnavprogrammes #programmes a:active, .topnavdiscuss #discussing a:link, .topnavdiscuss #discussing a:visited, .topnavdiscuss #discussing a:hover, .topnavdiscuss #discussing a:active,  .topnavlearning #learning a:link, .topnavlearning #learning a:visited, .topnavlearning #learning a:hover, .topnavlearning #learning a:active, .topnavcourses #courses a:link, .topnavcourses #courses a:visited, .topnavcourses #courses a:hover, .topnavcourses #courses a:active, .topnavindex #azindex a:link, .topnavindex #azindex a:visited, .topnavindex #azindex a:hover, .topnavindex #azindex a:active {
background-color: #FFFFFF;
background-image:  url(graphics/top_tab_button_over.jpg);
background-repeat: no-repeat;
/*background-position: 0% 50%;*/
font-size: x-small;
color: #333333;
}

/* bottom #include styles*/

.breadlink{
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: transparent;
	color : #000000;
	text-decoration : none;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.breadlink a:link, .breadlink a:visited {
	font-size: xx-small;
	color : #000000;
	text-decoration: none;
} 
 
.breadlink a:hover, .breadlink a:active{
	font-size: xx-small;
	color : #000000;
	text-decoration : underline;
} 

/* a-z list*/

.azlist{
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: transparent;
	color : #000000;
	text-decoration : none;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.azlist a:link, .azlist a:visited {
	font-size: xx-small;
	color : #000000;
	text-decoration: none;
} 
 
.azlist a:hover, .azlist a:active{
	font-size: xx-small;
	color : #000000;
	text-decoration : underline;
}

/*bottom #include */
.btinclude{
	background-color: transparent;
	color : #000000;
	text-decoration : none;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.btinclude a:link, .btinclude a:visited {
	color : #333333;
	text-decoration: none;
	

} 
 
.btinclude a:hover, .btinclude a:active{
	color : #333333;
	text-decoration : underline;
	

}  


acronym, abbr, dfn, span.abbr {
	border-bottom: 1px dotted;
	cursor: help;
}


/*main content text, know as article text, that only appears on the viewer/article pages */
.open2articletext {
	font-weight: normal;
	font-size: small;
	text-decoration: none;
}
.open2articletext a:link, .open2articletext a:visited {
	font-weight: bold;	
	font-size: small;
	text-decoration: none; 
}
.open2articletext a:Hover, .open2articletext a:active {
	font-weight: bold;	
	font-size: small;
	text-decoration: underline; 
}
 
/*main hero item text that only appears on the index page */
.open2indexherotext{
	font-weight: normal;	
	font-size: small;
	text-decoration: none;
}
.open2indexherotext a:link, .open2indexherotext a:visited   {
	font-weight: bold;
	font-size: small;
	text-decoration: none;
}
.open2indexherotext a:hover, .open2indexherotext a:active {
	font-weight: bold;	
	font-size: small;
	text-decoration: underline;
}	

/*sub hero item text that only appears on the index page */
.open2indexsubherotext {
	font-weight: normal;
	font-size: x-small;
	text-decoration: none; 
}
.open2indexsubherotext a:link, .open2indexsubherotext a:visited {
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;
}
.open2indexsubherotext a:hover, .open2indexsubherotext a:active {
	font-weight: bold;
	font-size: x-small;
	text-decoration: underline;	
}

/*right hand associated text, know as related/righthand text, that only appears on the viewer/article pages */
.open2righthandtext {
	font-weight: normal;	
	font-size: x-small;
	text-decoration: none;
	padding-bottom: 20px; 
}
.open2righthandtext a:link, .open2righthandtext a:visited {
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;	
}
.open2righthandtext a:hover, .open2righthandtext a:active {
	font-weight: bold;
	font-size: x-small;
	text-decoration: underline;	
}

		/*end of titles that appear only on the viewer/article pages */

/*titles that appear only on the index page */
.indextitles {
	padding-left: 0px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 2px;
}

.indextitles2 {
	padding-left: 0px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 2px;
}

.indextitles3 {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-seriff;
	font-size: x-small;
	font-weight: bolder;
	text-decoration: none;
}

/*titles that appear only on the viewer/article pages in the related/righthand text area below the righthand image */
.righthandtitles {
	padding-left: 3px;
	padding-right: 2px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bolder;
	text-decoration: none; 
	padding-top: 1px;
	padding-bottom: 2px;
}

.pullquoteleft {
	text-indent: 0;
	float: left; width:40%;
	padding: 0px 5px 10px 2px; margin:0;
	font-size: small; font-weight: bold;

}

.pullquoteright {
	text-indent: 0;
	float: right; width:40%;
	padding: 0px 5px 10px 6px; margin:0;
	font-size: small; font-weight: bold;

}

.squareindextext {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.squareindextext a:link, .squareindextext a:visited{
	text-decoration: none;
	font-weight:bold;
}

.squareindextext a:hover, .squareindextext a:active  {
	text-decoration: underline;
	font-weight:bold;
}