body
{
  background:#ffffff;	/* Body background white */
  color:black;		/* Font colour black */
  padding:0;
  margin:0;
  font:1.0em Arial,Helvetica,sans-serif; /* Font size set to 1.0em */
}

a				/* Default hyperlink anchor */
{
  color:#6D7B8D;		/* A blue-grey */
  font-weight:bold;
}
a:hover
{
  text-decoration:none;
}

/* Web page held in the body */

#page
{
  background-color:#E0E7EC;			/* A light grey-blue */
  margin:0 auto;
  width:100%;
  max-width:950px;					/* Page width */
  min-width:320px;
  border:none;					/* No border round page */
  border-top:90px;				/* Move page below header */
  padding-bottom:100px;
}

/* Header to hold logos and title */

#header
{
							/* See hLeft etc for image loading */
  background-color:#ffffff;			/* White background */
  text-align:center;
  margin:0;
  padding:0;
  border;none;
}

#hLeft {						/* Image at left hand side of header */
  float:left;
  vertical-align:middle;
  padding:2px 5px 5px 0;
  border:none;
  width:7%;
  min-width:50px;
}

#hCentre {						/* Centre part of header */
  width:70%;
  /* margin:0 -1px; */
  padding-top:10px;
  color:black;
  font:1.5em Arial,Helvetica,sans-serif;
  font-weight:bold;
  text-align:center;
}

#hRight {						/* Image at right hand side of header */
  float:right;
  vertical-align:middle;
  padding:2px 0 5px 5px;
  border:none;
  width:7%;
  min-width:50px;
}

#hstripe {						/* The stripe */
   height:10px;
   float:left;
   width:100%;
   border:none;
   margin:0;
   padding:0;
}

#headerPadding					/* Creat gap below the header (IE) */
{
   float:right;
   border:none;
   padding:0;
   width:100%;
   height:5px;
   background-color:#E0E7EC;
}

#whereAmI						/* The 'breadcrumb' trail */
{
  float:right;
  padding-right:10px;
  font-size:1.0em;
  font-weight:bold;
}



.centeredImage
{
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

h1
{
  font-size:1.5em;
  padding-right:10px;
}
h2 
{
  font-size:1.3em;
}
h3 
{
  font-size:1.3em;
  margin: 0 0 0 0;
}

.dontwrap {
   white-space:nowrap;
}

#outerleft {
float:left;
}
#outerright {
float:right;
}

/* Define img widths for scaling */

.imgWidth-20 {
   width:20%;
}
.imgWidth-25 {
   width:25%;
}
.imgWidth-50 {
   width:50%;
}
.imgMinWidth-100 {
   min-width:100px;
}


/* For screen view, define the column and its width */

.column-body
{
  padding:0 10px;
  margin:auto;
  max-width:600px;
}

.width-22{width:22%;}
.width-78{width:75%;}  

.respMenuIcon {
   padding:0 10px;			/* To match 2nd column */
}
.respMenuIcon img {
   float:right;
}

.respMenuIcon, #responseMenu {
   display:none;				/* Unseen in wide mode */
}


/* 800 for testing on Nexus */
    @media (min-width: 801px) {

        .width-22 {
            display:block;
        }
        .respMenuIcon {
            display:none;
        }
    }
    

    @media (max-width: 800px) {
      
      .width-22 {
        display:none;
        width: 100%;
        /* min-width:320px; */
      }

      .width-78 {
        width: 100%;
        /* min-width:320px; */
      }

      .respMenuIcon{
          display:block;
      }
      h1 {font-size:1.0em;}
      h2 {font-size:1.0em;}
      h3 {font-size:1.0em;}
   }

/* @media screen {
   .column
   {
     float:left;
     margin:0 -1px;
   }
   .width-22{width:22%;}
   .width-78{width:75%;}  
}
*/



@media print {	/* Do not print the left hand side menu */
   #outerleft {
      display:none;
   }
   #left-column {
      display:none;
   }
}

.floatLeft
{
  float:left;
  border:none;
  margin:5px 10px 5px 0;
}

.floatRight
{
  float:right;
  border:none;
  margin:5px 0px 5px 10px;
}

.floatRightNoBorM
{
  float:right;
  border:0; 
  margin:0;
}

#footer
{
  background-color:#AEB3B7;			/* Grey background */
  width:100%;
  max-width:950px;					/* Full width */
  min-width:320px;
  margin:0 auto;
  color:#000000;					/* Font black */
  font-size:0.75em;				/* Reduced font size */
  text-align:center;
  padding-top:5px;
  padding-bottom:10px;
}

.clear-floats
{
  clear:both;
}

/* The left-hand menu, start with the default display */

.lhsMenuul {					/* UL used for lhs menu lists */
  font:1em Arial,Helvetica,sans-serif;	/* Font in ems */
  color:#000000;					/* Font colour black */
  text-decoration:none;				/* No decoration on font when in list */
  font-weight:bold;				/* Font bold */
  margin-left:0;
  background:transparent;			/* Background shows through */
  padding:0 1px 1px 1px; 
  list-style-type:none;
}
.lhsMenuul li {					/* UL list entry */
   margin:0;
   border:1px solid transparent;		/* Background shows through */
   text-align:left; 
}

.lhsMenuul li a					/* UL list entry with anchor */
{ 
   display:block;
   padding: 0.25em 0.5em 0.25em 20px;	/* Left paddign for the small icon */
   margin-left:0;
   background: #cccccc;				/* Light grey */
   border-left:2px solid transparent;	/* Pads logo in a bit */
   color:#000000;					/* List font colour black */
   text-decoration:none;			/* with no decoration */
}

/* Menu item specific parts, and when selected for page */

.lhsMenuul li a.circle				/* Grey circle icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-circle-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.circle:hover
{
   text-decoration:underline;
   background-color:#c2c6c8; /* Was d6d9de */
}
.lhsMenuul li a.circle.lhsMenuSel
{
   text-decoration:underline;
   background-color:#c2c6c8;
}
.lhsMenuul li a.circle.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#c2c6c8;
}
.lhsMenuul li a.circle.lhsMenuSel0 {
   font-size:0.8em;
   background:#d6d9de;
   padding-left:25px; 
}
.lhsMenuul li a.circle.lhsMenuSel0:hover {
   background:#c2c6c8;
   padding-left:25px;
}

.lhsMenuul li a.triangle			/* Red triangle icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-triangle-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.triangle:hover
{
   text-decoration:underline;
   background-color:#da6d6f;
}
.lhsMenuul li a.triangle.lhsMenuSel
{
   text-decoration:underline;
   background-color:#da6d6f;
}
.lhsMenuul li a.triangle.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#da6d6f;
}
.lhsMenuul li a.triangle.lhsMenuSel0 {
   font-size:0.8em;
   background:#e69d9f;
   padding-left:25px; 
}
.lhsMenuul li a.triangle.lhsMenuSel0:hover {
   background:#da6d6f;
   padding-left:25px;
}

.lhsMenuul li a.rectangle			/* Green rectangle icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-rect-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.rectangle:hover
{
   text-decoration:underline;
   background-color:#90b5a1;
}
.lhsMenuul li a.rectangle.lhsMenuSel
{
   text-decoration:underline;
   background-color:#599072;
}
.lhsMenuul li a.rectangle.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#599072;
}
.lhsMenuul li a.rectangle.lhsMenuSel0 {
   font-size:0.8em;
   background:#90b5a1;
   padding-left:25px; 
}
.lhsMenuul li a.rectangle.lhsMenuSel0:hover {
   background:#599072;
   padding-left:25px;
}

.lhsMenuul li a.square				/* Yellow square icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-square-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.square:hover
{
   text-decoration:underline;
   background-color:#fedc93;
}
.lhsMenuul li a.square.lhsMenuSel
{
   text-decoration:underline;
   background-color:#fecb5d;
}
.lhsMenuul li a.square.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#fedc93;
}
.lhsMenuul li a.square.lhsMenuSel0 {
   font-size:0.8em;
   background:#fedc93;
   padding-left:25px; 
}
.lhsMenuul li a.square.lhsMenuSel0:hover {
   background:#fecb5d;
   padding-left:25px;
}

.lhsMenuul li a.flag				/* Blue flag icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-flag-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.flag:hover
{
   text-decoration:underline;
   background-color:#7fa9d0; 
}
.lhsMenuul li a.flag.lhsMenuSel
{
   text-decoration:underline;
   background-color:#407eb9;
}
.lhsMenuul li a.flag.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#407eb9;
}
.lhsMenuul li a.flag.lhsMenuSel0 {
   font-size:0.8em;
   background:#7fa9d0;
   padding-left:25px; 
}
.lhsMenuul li a.flag.lhsMenuSel0:hover {
   background:#407eb9;
   padding-left:25px;
}

.lhsMenuul li a.yinyang				/* Yin Yang icon case */
{ 
background:#cccccc url(../page_images/currentlogoitem-yinyang-16.gif) no-repeat 2px center;
}
.lhsMenuul li a.yinyang:hover
{
   text-decoration:underline;
   background-color:#d6d9de;
}
.lhsMenuul li a.yinyang.lhsMenuSel
{
   text-decoration:underline;
   background-color:#c2c6c8;
}
.lhsMenuul li a.yinyang.lhsMenuSel:hover
{
   text-decoration:underline;
   background-color:#d6d9de;
}

.lhsMenuul li a:hover				/* Catchall mouseover, if no icon class set */
{
   text-decoration:underline;
   background-color:#dfcc9e;			/* Beige-yellow/gold ? */
}

/* ------------- */