body {font-size:100%; background-image:url(images/plywood.gif); padding:10px;}

* {margin:0; padding:0;}


/* standard links */

a:link { color:blue; text-decoration:none;}

a:visited { color:blue; text-decoration:none;}

a:hover {color:red; text-decoration:none;}

a:active {color:blue; text-decoration:none; } 


/* Main text style */

.text { font:0.9em/1.2em arial,sans-serif; text-align:justify; margin:0.7em 10px 0.7em 10px; padding:0;}

.text_italic { font:italic 0.9em/1.2em arial,sans-serif; text-align:justify; padding:0; margin:0.5em; }

.smalltext { font:0.76em/1 arial,sans-serif; text-align:justify; margin:0.7em 10px 0.7em 10px; padding:0;}

#update_text {font:italic 0.8em arial, sans-serif; text-align:right;}

/* Main text style when it has to clear floated content. */

.text_clear { font: 0.9em/1.2em arial,sans-serif; text-align:justify;line-height:1.1em; margin:0.5em; padding:0; clear:both;}

.underline {text-decoration:underline;}


/* line-break - line height needs to be comparable to paragraph text */

br {line-height:0.7em;}


/* Various header styles */

.header2 { font-family:arial,sans-serif; font-style:normal; font-weight:bold; font-size:1em; text-align:left; margin:5px 0.5em 5px 0.5em;}

.header3 { font-family:arial,sans-serif; font-style:normal; font-weight:bold; font-size:1em; color:white; text-align:left; background:#664C21; padding:2px 3px 2px 3px; margin: 0.5em 10px 0.5em 10px;}

.header4 { font-family:arial,sans-serif; font-style:normal; font-weight:bold; font-size:1em; color:white; text-align:center; background:#664C21; padding:2px 5px 2px 5px; margin: 0.5em 10px 0.5em 10px;}


/* Wrapper set to 730px width and centered on screen */

.mainwrap { margin:0 auto 0 auto; padding:0; width:730px;}

 
/* banner styling - centred, no border */

.banner {text-align:center; width:100%; height:77px;}


/* page description below banner */

.page_header { font:bold 1em georgia, serif; text-align:center; margin:0;  padding:5px 0 5px 0; width:100%;  }

.spacer_cell { font-size:0.5em margin:0; padding:0; width:100%;  }


/* overall width of navigation cell floated left  */

.navtable_cell {width:120px; float:left;}


/* Navigation  table at left of page - no bottom border */

.navtable {font:normal 0.75em arial, sans-serif;  border:1px solid white; border-bottom-style:none; margin:0 0 5px 0; width:110px; }


/* navbar elements with no bottom border */

.navlink_nobottom a { color:black; border-top:1px solid white; padding:3px; margin:0; display:block; width:95%;}

.navlink_nobottom a:link { color:black; text-decoration:none;} 

.navlink_nobottom a:visited {color:black; text-decoration:none;}

.navlink_nobottom a:hover {color:white; background:black; text-decoration:none;}

/* navbar elements with no top border */

.navlink_notop a { color:black; border-bottom:1px solid white; padding:3px; margin:0; display:block; width:95%;}

.navlink_notop a:link { color:black; text-decoration:none;} 

.navlink_notop a:visited { color:black; text-decoration:none;}

.navlink_notop a:hover {color:white; background:black; text-decoration:none;}


/* current page highlighted in blue */

.currentpage {  font-weight:bold;background:white; padding:3px; margin:0; border-top:1px solid white; border-bottom:1px solid white; width:95%; } 


/* space between navtable sections*/

.navtable_space {font-size:1.0em; background:transparent; margin:0; padding:0; width:100%;}


/* style headings above navtable sections*/

.navtable_title {font:bold 1em "comic sans ms";text-align:center; background:transparent; margin:0px auto 5px auto; padding:0; width:100%;}


/* nav elements for best of british pages only */

.bestof_navbar {text-align:center;}


/* style cell that contains the main text with paper background */

.mainbody_cell { width:607px; margin:0; padding:0; float:left; background-image:url("images/paper14.gif");  }


/* styles for the news page */

.news_note { font:italic 0.9em/1.1em arial,sans-serif; padding:0; margin:0px 10px 10px 10px; }

.bold { font-weight:bold; }

.boldunderline { font-weight:bold; text-decoration:underline; } 

div.datecell { font:bold 0.9em/1.2em arial,sans-serif; margin:0; padding:10px; width:125px; float:left; }

div.newstextcell {font:0.9em/1.2em arial,sans-serif; margin:0; padding:10px 5px 10px 10px; width:445px; float:left;}


/* exclusive styles for links page */

div.link_headings { font:bold 1.1em 'Comic Sans MS',sans-serif;margin:0;  padding:5px 10px 5px 10px; }

div.linkentry {width:585px; margin:0 5px 0 5px; padding:0; clear:both;}

div.links { font: 0.9em/1.2em arial,sans-serif; font-style:normal;margin:0;  padding:7px 5px 7px 5px; width:35%; float:left; }

div.linktext {font:0.9em/1.2em arial,sans-serif; margin:0; padding:7px 5px 7px 5px; width:60%; float:left;}


/* a-z navbar at bottom of page on Best of British TV */

.subnavtext {font: 0.7em arial,sans-serif;  margin:5px auto 5px auto; padding:0; width:400px;position:relative; left:69px;}

.subnav_current {font-weight:bold; text-align:center; background:white; width:15%; margin:0; padding:1px; float:left; border:1px solid white;}

.subnav_noleftborder a {font-weight:bold; text-decoration:none; text-align:center; float:left; width:15%; margin:0; padding:1px; border:1px solid white; border-left-style:none;  }

.subnav_noleftborder a:link { color:white;}
.subnav_noleftborder a:visited { color:white;}
.subnav_noleftborder a:hover {color:red; background:#ececec; }

.subnav_norightborder a {font-weight:bold; text-decoration:none; text-align:center; float:left; width:15%; margin:0; padding:1px;border:1px solid white; border-right-style:none;   }

.subnav_norightborder a:link { color:white;  }
.subnav_norightborder a:visited { color:white; }
.subnav_norightborder a:hover {color:red; background:#ececec;}


/* Footer cell style */
.footer_cell {width:720px; height:30px;}


/* Image styles */

img {border-style:none; vertical-align:top;}

.imageleft { margin:0px 5px 0.6em 0px; float:left; position:relative; top:3px;}

.imageright {  margin:0px 0px 0.6em 5px; float:right; position:relative; top:3px;}


/* style horizontal bars */

div.hr_bar { margin: 10px auto 10px auto; padding:0; border-bottom:solid 1px #664C21;  width:97%; height:0px; line-height:0; font-size:0; clear:both; }

div.hr_links { margin: 0px auto 0px auto; padding:0; border-bottom:solid 1px #664C21;  width:97%; height:0; line-height:0; font-size:0; clear:both;}


/* hack to clear floated content in firefox */

.clearfloats {clear:both; line-height:0; height:0; font-size:0;}

