/* ------ 
0809_02
using blueprint and an effort at simplicity
see index_t02.php

<!-- CHECKED, CW, 100728 -->
--------*/

html,body{margin:0;padding:0}
body {font-size:75%;color:#222;background:#fff;font-family:"Gill Sans MT","Gill Sans",Trebuchet,"Helvetica Neue",Helvetica,Arial,sans-serif;}
a{color: #a25310;text-decoration:none;}
a:hover{color: #a25310;text-decoration:underline;}
span.contact_initials {color: #a25310; margin-right:5px; font-weight:bold;}
h1 {font-size:1.5em; font-weight:bold; line-height:1.5em;margin:-5px 0 0.8em 0}
h1.toptarget {margin-top:-25px;}
h2 {font-size:1.4em; font-weight:normal; line-height:1.3em;color: #a25310;margin:1.5em 0 0.5em 0;}
h2.topnoh1{margin-top:-3px;}/*for the h2 at the top of pages that are a continuation and don't have an h1 at the top*/
h3 {font-size:1.3em; font-weight:normal; line-height:1.2em;color: #a25310;margin:1.5em 0 0.5em 0;}
strong {font-weight:bold;}

/* -- BODY LISTS and PARAs and Table fonts -- */

ul.main {margin-left:0px; line-height:1.5em; margin-bottom:2.5em;}
ul.main li {margin-top:0.8em;font-size:1.2em;}
ul.sub {margin-left:2em;font-size:0.7em;}
ul.sub li {margin-top:0.5em;}

p{margin:0 10px 10px 0px;font-size:1.2em;}
p.topbackbutton{margin-bottom:0px;}
p.leader{font-size:1.5em;margin-top:-5px;}
p.non-home-leader{font-size:1.5em;}
p.homecopy{font-size:1.2em;}
#daic td p {font-size:1em;}


#maintext ul.main li
{
padding:8px 0px 0px 26px;
background-image: url(/gfx/minileaf_16x16.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
} 
#maintext ul {margin-bottom:2em;list-style:none;} 
/* -- pharmanavlist -- */ 
/* ALL INEFFECTIVE! */#pharmanavlist ul {float:left;margin-left:0px; padding-left:0px;text-indent: -1em;}

/*this is good*/
#nav_subnav.pharma a{color: #000;text-decoration:none;}



table {width:90%;margin-left:0px;}

/* #daic th background-color was #e3ccb7 rollover was #eee0d3 */
table#daic {width: 100%;margin-left:-10px;}
#daic th {text-transform:uppercase;background-color: #8A4117;margin:0px;color:#fff;font-weight:normal;text-align: center;width: 20%; border: solid 10px #fff;height:3em;}

#daic th a {display:block;color:#fff; text-decoration:none;width: 100%; text-align: center; height:100%;padding-top:1.2em;}
#daic th a:hover {color:#fff;background-color: #e3ccb7;}
#daic th {padding: 0px;}
#daic td {padding: 12px;}
/*  --------------- header stuff ------------  */
/* NOT USED div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B} */
/*----------logo*/
img.straplogo {margin-top:50px; margin-bottom:0px; margin-left:127px;} 
/* was: img.straplogo {margin-top:100px; margin-bottom:-7px; margin-left:120px;} 
BUT the border shows OVER the strapline at the bottom of the image in IE5.5, 6 and 7,
so unless and until a hack can take care of it, have moved the logo up so the strapline is clear */

p.headercontactinfo {float:right; text-align: right; margin-right:110px; font-size:1.2em;margin-top: 75px;color:#a25310;}
.todaysdate{font-size:0.8em;color:#a25310;width:4em;}

/* general layout and appearance */
hr {
border: 0;
width: 615px;
color: #a25310;
background-color: #a25310;
height: 3px;}


#navbar.span-6 {width:210px;} /*controls margin to right of navbar*/

div#main{text-align:left}
div#maintext p {line-height:1.4}
#maintext {padding:2.4em 0 0 2.4em;}/* SET MAIN TEXT MARGIN HERE */
/* WAS: div#extra{background:#FF8539} */
div#footer {background: #fff;color: #666}
div#footer p {margin:0;padding:5px 120px}


/* RULES ARE SET HERE */

div#maintext {border-left:3px solid #a25310;border-top:3px solid #a25310;}

div#navbar {display: inline} /*963-(210+3) = 750 BUT NEEDS TO BE NARROWER FOR IE6 width was 210, now trying 180, but cant' as the vertical line moves left! THe display inline is an attempt to get IE6 to play nicely */

/* IE6 Only */
* html #div#navigation {
width:170px;;
}

div#footnavcontainer {float:left;clear:left;width:180px;display: inline}/* width was 200px, but can't see a difference THIS IS THE CONTAINER WITH THE FLOAT - TAKE THE FLOAT OFF FOR IE6 IN THE footsidenav div */
div#footsidenav {float:none;}/* makes no difference in IE6 or 8*/

/* INTERNAL HRs and TOP BUTTONS*/

.topbackbutton a, .topbackbutton a:visited, .topbackbutton a:hover {color:#fff;
      text-decoration:none;
      text-align:center;
      font-weight:bold;
      float:right;
     background-color:#a25310;
     margin:-30px -10px 15px 0px;
     padding:0px 2px 0px 0px;
     width:25px;
     visibility:visible;
     display: block;}

.divrule {clear:both;border-top:1px solid #a25310;}
.topbutton a, .topbutton a:visited, .topbutton a:hover {color:#fff;
      text-decoration:none;
      text-align:center;
      font-weight:bold;
      float:right;
     background-color:#a25310;
     margin:0px -10px 15px 0px;
     padding:0px 2px 0px 0px;
     width:25px;
     visibility:visible;
     display: block}

/* -- navstyles -- */
/* this bit of magic styles the onstate of individual pages by reading which page we are on from the 
body's id attribute - body_home, etc. - and combining that with the nav list's li id attribute - nav_home, etc. 
Could have used php, but this seems neater and faster, also works for multiple pages within a section, 
which is better than methods that need filenames to be specified and checked for using if else clauses*/
#body_home #nav_home a,
#body_clients #nav_clients a,
#body_clinical #nav_clinical a,
#body_regulatory #nav_regulatory a,
#body_commercial #nav_commercial a,
#body_projects #nav_projects a,
.body_ecotox #nav_ecotoxicology a,
.body_health #nav_health_sector a,
#body_key_staff #nav_key_staff a,
#body_jobs #nav_jobs a,
.body_pharma #nav_pharmaceuticals.pharmatop a,
#body_pharmaceuticals #nav_pharmaceuticals.pharmatop a,
#body_preclinical #nav_pharmaceuticals.pharmatop a,
#body_pharma_recentprojects #nav_pharmaceuticals.pharmatop a,
#body_contact #nav_contact a  {font-weight:bold;text-decoration:none;color:#000;} /*the lack of a comma after the last a is very important!! */

/* doesn't work yet, but could style the sub states
.body_pharma .pharma a{color:#000;}*/

/* highlighting of on states */
#body_pharma_clinical #pharmaclinical.pharma a,
#body_pharma_regulatory #pharmareg.pharma a,
#body_pharma_commercial #pharmacomm.pharma a,
#body_pharma_recentprojects #pharmaproj.pharma a {font-weight:bold;text-decoration:none;background-color:#a25310;
border-color:#999;
color:#fff;} /*the lack of a comma after the last a is very important!! */

#navbar ul {
  margin:0 0 10px 0; /*(use the width of the column rather than neg right margin to control the margin) */
  padding:33px 0px 0px 2px;
  list-style:none;
  text-align:right;
  color:#000;
  }
#navbar li {
  display:block;
  width:130px;/*creates width of background on hover, must add up, with padding-left, to no more than width of div#navigation: 210px*/
  margin:0;
  padding:0 80px;
  line-height:1em;
font-weight:bold;
  }
#navbar li a {
  display:block;
  padding:1px 17px 3px 3px; /*right padding and minus right margin control the background stretching to the line*/
  margin-right:-10px;
  /*border:1px solid #F1F1F1;*/
  text-decoration:none;
  color:#a25310;
  line-height:1.18em;
  }
#navbar li a:hover {
  background-color:#a25310;
  border-color:#999;
  color:#fff;
  }
  
#navbar p.isologo {margin:0 -20px 10px 0;padding:33px 0px 0px 2px;float:right;}  
  

#body_pharmaceuticals li.navpharmatop  {
  background-color:#a25310;
  border-color:#999;
  color:#fff;
  }

* html #navcontainer li a {
  height:1%;
  }
/* subnav in pharma, etc. */
li#nav_subnav{font-weight:normal;}
#nav_pharmaceuticals {padding-right:3px;}
ul#subnavul{margin-left:-80px;margin-top:-40px;}
ul#subnavul li{font-weight:normal;}
/* for the non-nested version: pharmanavbar2.php*/
ul#subnavul2{margin-left:0px;margin-top:-40px;margin-bottom:-20px;}
ul#subnavul2 li{font-weight:normal;}




/* --  footnav -- */
#footnavcontainer p{color:#000;text-align:right;font-size:0.8em;margin-right:0px;}
ul.footsidenav {color:#000;list-style:none;margin-left:40px;/* control right margin! */
text-align:right;font-size:0.8em;margin-top:-65px;margin-right:0px;}/* this makes it rise above bottom of container */

#footnavcontainer li {
  display:block;
  width:168px;/*should be no more, in combination with margin and padding, than width of div#navigation: 210px
the value controls positioning, with higher values shifting the block to the right, and lower to the left */

  padding-left:0px;
  line-height:1em;
  }

#footnavcontainer li a {
  display:block;
  padding:1px 7px 3px;
  /*border:1px solid #F1F1F1;*/
  text-decoration:none;
  color:#000;
  line-height:1.18em;
  }
#footnavcontainer li a:hover {
/*  background-color:#a25310; */
  border-color:#999;
  color:#a25310;
  }
* html #footnavcontainer li a {
  height:1%;
  }
  
  ul.footsidenav {margin-top:-138px;margin-right:0px;}/* this makes it rise above bottom of container, adjusted for the ISO logo at the bottom */
p.isologo{visibility:hidden;} /* this hides the logo that's currently betwwen menus, if still on any pages - see the navbar include*/