/* CSS Document  This is exactly the same as v4g.css*/


/* CSS Document */

/* the structure is logo, title, menu, content 
and also for the right and left wing, and the banner*/

/* this is modified to accept MD's banner image */
div.banner{position:absolute; padding:0px; width:541px; height:85px; z-index:1}

div.bannerTitle{position:absolute; padding:0px; margin-left:541px; width:400px; height:85px; background-color:#e5e7f1; z-index:2}

/*
div.logo{position:absolute; margin-top:20px; margin-left:30px; padding:0px; width:254px; height:80px; z-index:1}
div.title{position:absolute; padding:0px; margin-left:317px; width:400px; height:80px; z-index:2; background-color:#DDDDDD}
*/


/* Stripe disactivated div.stripe{position:absolute; padding:0px; width:100%; margin-top:85px; height:5px; background-color:#DDDDDD; z-index:3} */
div.navisite{position:absolute; padding:0px; margin-top:90px; width:170px; z-index:3}

div.content{position:absolute; margin-top:90px; margin-left:170px; width:701px; z-index:4; padding-left:20px; padding-top:20px}
/* sjb235 25 january changed from one belo
div.content{position:absolute; margin-top:90px; margin-left:170px; width:70%; z-index:4; padding-left:20px; padding-top:20px}
*/

/* the above is the page layout */




/* the menu style */
div.navisite ul{padding:0; margin:0; list-style-type:none}
div.navisite li{list-style-type:none; padding:0}
.nav, .main_nav, .group_nav{display:block}
.nav:link, .nav:visited {text-decoration:none; background-color:#e5e7f1; color:#000000; text-indent: 20px}
.nav:hover {text-indent:20px; text-decoration:none; background-color:#BBBBBB; color:#000000 }
/*
.main_nav:link, .main_nav:visited{text-decoration:none; background:#AAAAAA; color:#FFFFFF; font-weight:bold}
.main_nav:hover{text-decoration:none; background:#BBBBBB; color:#FFFFFF; font-weight:bold}
*/
/* these are group headings that don't have a link, and therefore need to be simplified */
.group_nav{text-decoration:none; background:#e5e7f1; color:#000000; font-weight:bold}

/* this should hopefully fix the problem in IE 6 or below */
/* from page 246 of my css book */
div.navisite li{display:inline}
* html div.navisite a {height:1px}



/* defining the title  */
.title h1{font-size:xx-large; color:#000000; text-align:left; margin-left:20px; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif}
.bannerTitle h1{font-size:xx-large; color:#000000; text-align:left; margin-left:20px; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif}


/* code below makes sure that the page you are currently on is also highlighted in the menu */

  body.home #home,
  body.contact #contact,
  body.history #history,
  body.mission #mission,
  body.advisory #advisory,
  body.events #events,
  body.previous #previous,
  body.archive #archive,
  body.expenses #expenses,
  body.suggest #suggest,
  body.services #services,
  body.test #test,
  body.grid_info #grid_info,
  body.expertise #expertise,
  body.projects #projects,
  body.working_groups #working_groups,
  body.tools #tools,
  body.links #links,
  body.partners #partners,
  body.sponsors #sponsors,
  body.gallery #gallery,
  body.documents #documents,
  /* trying to include the archive.php in this.*/
  body.archive.php #archive,
  body.sitemap #sitemap {background-color:#CCF7BF; color:#000000}
  
  
  
  /*styling the content */
  div.content img{vertical-align:middle; float:right}
  
  /*19 Jan 07. MD wants the following fonts
  (he also wants Georgina, Times New Roman for the figure captions etc)
  */
  body {font-family: Trebuchet MS, Verdana, Arial; font-size:.8em}