/*
** Quarters.css
**
** GBdirect `quartered' website style
**
** 2001 May 23: initial version
** 2001 May 25: added .NoCSS2
*/

/*Modified 2010 VEW*/


/*
** General Page
**
** These first few settings apply to all browsers.
*/

body
{
  background-color: #fff ;
  color: black;
}

body, td, th
{
  font-family: Arial, sans-serif;
}

em {
  font-weight: bold;
  font-style: normal;
}

/* `Nav 4' doesn't even seem to be able to cope with theme-dependent links, so
** just set boring colours to use here, and theme-capable browser can sort
** things out below: */
a
{
  color: #00E;
}
a:visited
{
  color: #909090;
}
a:active
{
  color: #F00;
}
.urgent
{
  color: #D00;
}

/* headings: */
h1, h2, h3, h4
{
  font-family: Arial, sans-serif;
  font-weight: bold;
}

h1
{
  font-size: 150%;
  margin-top: 1.5ex;
}

h2
{
  font-size: 116%;
}

td
{
  font-size: 100%;
}

small
{
  font-size: 80%;
}


.sidebar
{
  font-size: 80%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0;
  padding-bottom: 0.5ex;
  margin: 1ex 0em;
}

/* When the first thing in a <div> is a <p>, we don't want any space above the
** <p> -- it isn't a para break, just the start of this bit of content: */
div > p:first-child
{
  margin-top: 0;
  padding-top: 0;
}

/* Similarly, don't put space after the last <p> in a <div>.  Fortunately,
** simply not putting space after all <p>s works (cos they (except the first)
** will have space above them instead: */
div > p
{
  margin-bottom: 0;
}


/* extra text at the bottom of a column: */
.ColBtm
{
  margin-top: 3ex;
}

/* paragraphs within such text: */
.ColBtm p
{
  /* Squash such paras a bit closer together: */
  margin-top: 0.7ex;
}


  h4
  {
    margin-bottom: 1.1ex;
  }

  /*
  ** Navigation Column
  */

  /* Put some margin on the entirety of the left panel. */
  div.Left
  {
    margin-bottom: 0.3em;
  }
  div.Left, #Logo
  {
    margin-right: 2em;
    margin-left: 0.8em;
  }

  /* Have different spacing and left indent for the different levels: */
  .nav0, .nav1
  {
    margin-left: 0;
    padding: 0.4ex 0 0.4ex;
  }
  .nav2
  {
    margin-left: 0.3em;
    padding: 0.1ex 0;
  }
  .nav3
  {
    margin-left: 1.6em;
    padding: 0.1ex 0;
    line-height: 1.9ex;
  }

  /* Smaller text in address/etc block: */
  .ColBtm
  {
    font-size: 100%;
  }
	
  .logobanner
  {
   background-color: #105080;
  }	


  /*
  ** Tab Strip
  */

  /* all cells containing a tab: */
  .Tab
  {
    margin: 0.5em;
    padding: 0.5em;
    font-family: Arial, sans-serif;
    vertical-align: middle;
    text-align: center;
	font-size: 90%;
  }

  #Main
  {
    padding-right: 0.8em;
  }

  /* width border round the edge of the page (not the boxes of the non-selected
  ** tabs, just the line underneath them is affected by this): */
  .Tab, #Left, #Main, #Right
  {
    border-width: 2px;
  }
  
  /* boxes for all the currently-selected tabs (block display is again used to
  ** expand the hyperlink into the cell, and it is this that is used for the
  ** boxes): */
  .Tab a
  {
    display: block;
    border: solid 1px;
	border-style: dotted;
    margin: 0.3ex 0.6em;
    padding: 0.3em;
    text-decoration: none;
  }

  /* The cell of the currently-selected tab needs borders round all but the
  ** bottom, so as to join on to the main part of the page: */
  #ThisTab
  {
/*    border-style: solid solid none; */
		background-color: white;
  }

  #Right
  {
        border: 1px dotted #C6C6C6;
	    padding: 1em;
  }

  #Outer
  {
		background-color: white;
  }


	 #Left, #Main, #Right
	{
		background-color: #fff;
		border-color: #069;
	}

  .Tab, #ThisTab
  {
		color: #069;
  /*  background-color: white; */
  }

  .Tab
	{
		background-color: white;
	}
		
	
/* Normal Links */
  /* Default link colours and decoration for links in various states */
  
  a:link
  {
    color: #069; /* #80A0D0; */
  }
  
  /* Default colours for visited links */
  a:visited
  {
    color: #579; /* old purple #A0A; */
  }
  /* Default colours for hovered links 
  N.B. The hovered foreground colour won't change to white for visited links 
  unless you set a:hover after setting a:visited */
  a:hover
  {
    color: #FFFFFF;
    background-color: #069; 
  }	
  
#nohover a:hover
{
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
}