/* #################### Tab Nav ###################### */
.tabnavbox{
  width:629px;
  font-size:100%;
  padding:0;
}
.tabnav{
  height:20px !important;
  height /**/:26px; /* for IE5/Win */
  margin:0;
  padding:7px 0px 0px 10px;
  background: url(http://newsimg.bbc.co.uk/nol/shared/bsp/guides/img/tab_nav_line.gif) repeat-x bottom;
  list-style:none;
  }
.tabnavli{
   float: left;
   background: #eee;
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   padding: 0px 5px 0px 5px;
   margin-right: 4px;
   border: 1px solid #999;
   text-decoration: none;
   color: #009;
   text-align:center;
   height:18px !important;
   height /**/:20px; /* for IE5/Win */
   width:290px;
 }
 .tabnavli_active{
   float: left;
   background: #fff;
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   padding: 0px 5px 0px 5px;
   margin-right: 4px;
   border: 1px solid #999;
   text-decoration: none;
   color: #000;
   text-align:center;
   height:18px !important;
   height /**/:20px; /* for IE5/Win */
   border-bottom: 1px solid #fff;
   width:290px;
 }
 .tabnavli_active a:link{
    text-decoration: none;
    color: #000;
 }
 .tabnavli_active a:visited{
    text-decoration: none;
    color: #000;
 }
  .tabnavli_active a:hover{
     text-decoration: none;
     color: #000;
 }
.tabnavli_active a:active{
   text-decoration: none;
   color: #000;
 } 
/* #################### Axis Nav ###################### */
.axisnav{
  clear:left;
  display:none;
  position:relative;
  height:36px; 
  margin:0;
  padding:0;
  overflow:hidden;
  list-style:none;
}
.axisbtn{
  margin:0;
  padding:0;
  height:36px;
  display:inline;
  overflow:hidden;  
  list-style:none;
  position:absolute;
}
.axisbtn a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_center.gif") top left no-repeat;
}
.axisbtn a:hover{
  background-position:0px -36px;
}
.axisbtn_active{
   margin:0;
   padding:0;
   height:36px;
   display:inline;
   overflow:hidden;  
   list-style:none;
   position:absolute;
 }
.axisbtn_active a{
  float:left;
  border-style:none; 	
  padding:36px 0 0 0;
  height:0px !important;
  height /**/:36px; /* IE5/Win only*/ 
  background:url("../img/button_active.gif") top left no-repeat;
}

.eventBox{
  border:1px solid black;
  height:170px;
  width:629px;
  padding:0px 0px 0px 0px;
  margin:0 0 20px 0;
}
.eventBox img{
 display:inline;
 float:left;
 padding:0px 0px 0px 0px;
 margin:10px 10px 0px 10px;
}
.eventBox h4{
  display:block; 
  padding:0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
 }
 .eventBox b{
  display:block; 
  padding:0px 0px 0px 0px;
  margin: 10px 0px 5px 0px;
 }
.eventBox p{
padding:0px 0px 0px 0px;
 margin:0px 10px 0px 0px;
 }
#introBox{
  display:none;
  border:1px solid black;
  height:40px;
  width:629px;
  padding:0px 0px 0px 0px;
  margin:0 0 0 0;
  text-align:center;
  }
 #introBox p{
  padding:0px;
  margin:0px 0px 0px 0px;
  display:inline;
 }
 #introBox img{
 padding:0px;
 margin:16px 0px 0px 0px;
 }
/* ############## Graph box ############# */
#graphBox{
 width:629px;
 vertical-align:baseline;
 padding:0;
}
#graphBox p{
 height:50px;	
 width:629px;
 padding:0;
 margin:10px 0px 10px 0px;
}
#graphBox img{
/*display:inline;*/
 vertical-align:bottom;
}
/* ############# nonjs ################ */
#nonjs{
	margin:30px 0 0 0;
	padding:0;	
}
#nonjs h3{
    font-weight: bold;
}