/*
  style7.css
  =============
  An alternative style for petew_rtw site based on the BBC News site
  http://news.bbc.co.uk/
  http://news.bbc.co.uk/shared/css/toolbar_banner.css
   #ift-tabs     ===>     div#head ul and div#head li
   #ift-tabs #ift-current     ===>     div#head li#thispage
*/
@import url("base.css");

/** GENERAL TAGS **/

/* (All except 'body' are defined in the common 'base.css' file) */
body{
 margin:0;
 border-width:0;
 background:#474747 url("../graphics/toolbar_bg.gif") repeat-x fixed top left;
 padding:32px 0 0 0;
 color:#000;
 text-align:left;
 font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
}
h1, h2, h3, h4, h5, h6{
 text-decoration:none;
 font-weight:bold;
}
p, li{font-size:10pt;}
a:link{color:#009;text-decoration:none;}
a:link:hover{color:#009;text-decoration:underline;}


/** MAIN STRUCTURAL BLOCKS **/

div#pagewrapper{
 float:none;
 clear:both;
 margin:0;
 border-width:0;
 padding:0;
 width:100%;
 background:#fff none repeat fixed top left;
}

div#head{
 float:left;
 clear:both;
 height:70px;
 margin:0;
 border-width:0;
 background:#9a0000 none repeat fixed top left;
 padding:0;
 width:750px;
 color:#fff;
}
div#head img, div#head h1, div#head ul{float:left;margin:0;}
/*div#head li{display:inline;list-style:square inside none;}*/
div#head ul {
 float:right;
 position:relative;
 top:-70px;
 padding-top:6px;
 list-style:none;
}
div#head li {
 background:url(../graphics/tab_left.gif) no-repeat left top;
 border-bottom:1px solid #99A2AD;
 display:block;
 float:left;
 margin-right:1px;
 padding:0 0 0 2px;
}
div#head li a{
 background:url(../graphics/tab_right.gif) no-repeat right top;
 color:#000099;
 display:block;
 clear:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em;
 padding:4px 6px 5px 2px;
 text-decoration:none;
}
div#head li#thispage {
 background-image:url(../graphics/tab_left_active.gif);
 background-repeat:no-repeat;
 background-position:left top;
 margin-bottom:0;
 border-bottom:none;
}
div#head li#thispage a {
 background-image:url(../graphics/tab_right_active.gif);
 background-repeat:no-repeat;
 background-position:right top;
 color:#fff;
 padding-bottom:6px;
}

div#ads{
 float:left;
 clear:left;
 margin:0;
 border-width:0;
 background:#eee none repeat fixed top left;
 padding:0;
 width:125px;
 color:#009;
}

div#navigation{
 float:left;
 clear:none;
 position:relative;
 top:0;
 left:425px;
 margin:0;
 border-width:0;
 background:#fff none repeat fixed top left;
 padding:0;
 width:200px;
 color:#666;
}

div#content{
 float:left;
 clear:none;
 position:relative;
 top:0;
 left:-200px;
 margin:0;
 border-width:0;
 background:#fff none repeat fixed top left;
 padding:0;
 width:425px;
 color:#000;
}
div#content:before{background-color:#0c0;color:#fff;font-weight:bold;content:"style7.css - BBC News site theme"}

div#foot{
 float:none;
 clear:both;
 margin:0;
 border-width:0;
 background:#777 none repeat fixed top left;
 padding:0;
 width:100%;
 color:#fff;
}
div#foot img, div#foot h1, div#foot p, div#foot ul{float:left;margin:0;}
div#foot li{display:inline;list-style:square inside none;}


/** CLASSES FOR TEST PURPOSES **/

/* (These are defined in the common 'base.css' file) */