/* Style sheet for website */

/* 2012-03-12 Accessibility validation doesn't like i and b, so start replacing them with approved tags */
i, em, cite, var {
  font-style: italic;
  font-weight: normal;
}
b, strong, span.vol_nr {
  font-style: normal;
  font-weight: bold;
}

body{
	font-size: 100%; 
}
h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	color: red;	
}
p, li, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	color: black;	
}
p.sub_h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	color: red;	
}

h2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: Black;	
}

h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	color: Black;
	padding-bottom: -10;	
}

h4  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	color: black;	
}
/* Banner for top of every page.
   There are 5 positions where links can be placed, e.g.

     Republications            Prev Base Next             Home         

   The rightmost (number 5) will usually be a link back to the home page.
*/
/* The following spec is long-winded but works in all browsers tested. */
div.header{
  position: absolute;
  top: 0px;
}
div.footer{
  /* nothing at present */
}
div.banner-1 {
  text-align: left;             
  position: absolute;
  background: navy;
  left: 0%; width: 96%;
  height: 20px;
}
div.banner-2 {
  text-align: center;             
  position: absolute;
  background: #700070;
  left: 38%; width: 8.5%;
  height: 20px;
}
div.banner-3 {
  text-align: center;
  position: absolute;
  background: #E8F8FF;
  left: 46%; width: 8.5%;
  height: 20px;
}
div.banner-4 {
  text-align: center;             
  position: absolute;
  background: #006000;
  left: 54%; width: 8.5%;
  height: 20px;
}
div.banner-5 {
  text-align: center;             
  position: absolute;
  background: #FFFFD0;
  left: 92%; width: 8%;
  height: 20px;
}
/* Text in banner */ 
p.banner{
  font-family: "Verdana";
  font-size: 16px;
  margin-top: 0px; /* needed, as browser's default may be too big */
  margin-left: 0px; /* 2010-04-28 */
  color: white;    
}
p.banner_home{
  font-family: "Verdana";
  font-size: 16px;
  margin-top: 0px; /* needed, as browser's default may be too big */
  color: red;    
}
/* Links in banner */
a.banner_white{
  font-family: "Verdana";
  color: white;
  text-decoration:none;    
}
a.banner_white:hover{
  text-decoration:underline;
}
a.banner_white:visited{
  color: white;
}
a.banner_black{
  font-family: "Verdana";
  color: black;
  text-decoration:none;    
}
a.banner_black:hover{
  text-decoration:underline;
}
a.banner_black:visited{
  color: black;
}
a.banner_home{
  font-family: "Verdana";
  color: red;
  text-decoration:none;    
}
a.banner_home:hover{
  text-decoration:underline;
}
a.banner_home:visited{
  color: red;
}
/* Main division, comes after banner division */
div.main{
  position: absolute;
  top: 24px;         /* at least height of banner, see above */
  left: 1%;
  width: 98%;       /* slightly less than 100%, else causes scrollbar in IE */
}
/* 2009-09-27 */
a.index_item {
  text-decoration: none;
}
a.index_item:hover {
  text-decoration: underline;
}
/* 2009-10-30 Mathematical equations */
table.eq {width: 100%;
}
td.eq_body{ text-align: center;
            width: 95%;
}
td.eq_num{ text-align: right;
           width: 5%;
}

/* 2012-02-21 Allow possibility of distinguishing internal and external links */
/* 2012-02-22 a.contents and a.contents_to_image to be same as a.intlink */



/* Link from text to text, internal */
a.intlink, a.contents, a.contents_to_image {
  color: #0020FF;
  text-decoration: none;
}
a.intlink:visited, a.contents:visited, a.contents_to_image:visited {
  color: #900090;
  text-decoration: none;
}
a.intlink:hover, a.contents:hover, a.contents_to_image:hover {
  color: red;
  text-decoration: underline;
}

/* Link from text to text, external */


a.extlink {
  color: #0020FF;
  text-decoration: none;
  background: url( ../images/extlink_gray_16x16.png) no-repeat 100% 50%;
  padding: 0 1.0em 0 0;
}
a.extlink:visited {
  color: #900090;
  text-decoration: none;
  background: url( ../images/extlink_gray_16x16.png) no-repeat 100% 50%;
  padding: 0 1.0em 0 0;
}
a.extlink:hover {
  color: red;
  text-decoration: underline;
  background: url( ../images/extlink_gray_16x16.png) no-repeat 100% 50%;
  padding: 0 1.0em 0 0;
}

/* Link from text to image (internal) */


a.imagelink, a.imagelink_no_icon {
  color: #0020FF;
  text-decoration: none;
  padding: 0 1.0em 0 0;
}
a.imagelink {
  background: url( ../images/eye_gray_16x16.png) no-repeat 100% 80%;
}
a.imagelink:visited, a.imagelink_no_icon:visited {
  color: #900090;
  text-decoration: none;
  padding: 0 1.0em 0 0;
}
a.imagelink:hover, a.imagelink_no_icon:hover {
  color: red;
  text-decoration: underline;
  padding: 0 1.0em 0 0;
}

td.figlink_col1 {
  vertical-align: top;
  width: 5.0em;  /* may be overridden by inline style in HTML source */
}
td.figlink_col2 {
  /* Nothing at the moment */
}
/* 2012-02-23 nobr does not validate in XHTML, so need a CSS replacement.
   The following seems to work (despite doubts expressed in Web forums).
   Prevents break on hyphen as well as space.
*/
span.nobr {
  white-space: nowrap;
}
/* 2012-04-11 Can do large and small caps in CSS thus: */
span.lscaps {
  font-variant: small-caps;
}

/* 2012-03-04 Start new way of doing links fron thumbnails */
img.no_mtop {
  margin-top: 0;
}
img.default_mtop {
  margin-top: 1ex;
}

span.imagelink_left, span.imagelink_right, span.imagelink_free, p.imglink {
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  color: black; /* but red looks rather nice */
  text-align: center;
}
span.imagelink_left, span.imagelink_right, span.imagelink_free {
  display: inline-block;
  margin-top: 0px;
}
span.imagelink_left {
  float: left;
  margin-right: 20px;
}
span.imagelink_right {
  float: right;
  margin-left: 20px;
}
/* experimental
span.imagelink_centre {
  margin-left: auto;
  margin-right: auto;
}
------ */
span.imagelink_free {
  margin-left:  10px;
  margin-right: 10px;
}
a.image_to_image {
  text-decoration: none; /* Else there's a bit of unwanted underline in Safari and Opera */
}
a.image_to_image img {
  border: 5px double blue;
}
a.image_to_image:visited img {
  border: 5px double #900090; /* purple */
}
a.image_to_image:hover img {
  border: 5px double red;
}

a.image_to_text {
  text-decoration: none; /* Else there's a bit of unwanted underline in Safari and Opera */
}
a.image_to_text img {
  border: 5px solid blue;
}
a.image_to_text:visited img {
  border: 5px solid #900090; /* purple */
}
a.image_to_text:hover img {
  border: 5px solid red;
}

/* 2012-01-30 Make it highlight note or ref when go there (doesn't work in IE8 and earlier) */
/* 2012-07-05 Moved here from ggw.css; rename a.ggw_ref to a.int_ref */
table.refs {
  margin-left: 5%;		/* same as paragraph */
  border-collapse: collapse;	/* else there's a gap in the highlight */
}
tr.ref:target {
    background: #ffffd0;  
    border: solid 1px #ffff40;  
}
td.ref_nr {
  text-align: right;
  vertical-align: top;
  padding-right: 0.5em;
}
a.int_ref {
  color: #0000E0;	/* dark blue */
  text-decoration: none;
}
a.int_ref:hover {
  color: red;
/*  text-decoration: underline; */
}
/* 2012-07-06 Rename the above */
table.hln_table {
  margin-left: 5%;		/* same as paragraph */
  border-collapse: collapse;	/* else there's a gap in the highlight */
}
tr.hln:target {
    background: #ffffd0;  
    border: solid 1px #ffff40;  
}
td.hln_nr {
  text-align: right;
  vertical-align: top;
  padding-right: 0.5em;
}
a.hln_link {
  color: blue;
  text-decoration: none;
}
a.hln_link:visited {
  color: blue;
  text-decoration: none;
}
a.hln_link:hover {
  color: red;
  text-decoration: underline;
}