﻿body
{
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #000000;
  font-family: Arial;
  font-size: 1em;
}

/*===============Site wide hrefs============*/
a
{
  text-decoration: none;
}
/*===============Theme Colours============*/
.themeColourForeGround
{
  background: #FFFFFF;  
  color: #000000;
}
.themeColourBackground
{
  background: #333333;
  color: #FFFFFF;
}
.themeColourBorder
{
  border: 1px solid #000000;  
}
.themeColourError
{
  color: #990000;
}
/*===============No border around any image ============*/
body img
{
  border: 0;
  text-decoration: none;
}

/*=============== Contents auto centred ============*/
#container-shadow
{
  margin: 10px auto 10px auto; /*Content Area Margins*/
  width: 1000px; /*Content area width*/
  background-image: url(''); /*transparent shadow*/
  background-repeat: repeat-y;
  background-position: right;
}
#container-wrapper
{
  margin: 0; /*Create */
  padding: 0;
  background: #FFFFFF;
  background-image: url(''); /*transparent shadow*/
  background-repeat: repeat-x;
  background-position: bottom;
}
/*===============Header============*/
#header
{
  width: 100%;
}
#headerLogo
{
  float: left;
}
#header a
{
  display: block;
  cursor: pointer;
}
#headerGraphic
{
  float: left;
}
/*
#headerStrapline
{
  float: right;
  background-repeat: no-repeat;
  background-position: right bottom;
}
*/
#header br
{
    display:none;
    clear: left;
}
/*===============Breadcrumb============*/
#breadcrumb
{
  margin: 2px 0 5px 1px;
}

#breadcrumb a, #breadcrumb a:visited
{
  text-decoration: none;
  border-bottom: dotted 1px #000099;
}
#breadcrumb a:hover
{
  border-bottom: solid 1px;
}
/*===============Main Horizontal Menu ============*/
#menuHorizontal
{
  overflow: hidden;
  width: 100%;
  padding: 5px 5px 2px 0; /*space around menu*/
}
#menuHorizontal ul
{
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menuHorizontal br
{
    display:none;
    clear: left;
}

#menuHorizontal li
{
  margin: 0;
  display: inline;
  list-style-type: none;
}
#menuHorizontal li a
{
  min-width: 100px;
  float: left;
  display: block;
  margin: 0 4px 0 0; /*margin between tabs*/
  border-style: solid;
  border-width: 1px;
  border-color: #333333; /*border colour (default state)*/
  padding: 1px 5px 2px 5px; /*padding inside tab*/
  font-size: 1.1em;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  color: inherit;
}
#menuHorizontal li:last-child a
{
  margin-right: 0;
}
/*#menuHorizontal li:first-child a
{
  width: 109px;
}*/
#menuHorizontal li.menuHighlighted a /*Selected item state*/
{
  background-color: #333333; /*same as border colour (default state)*/
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

/*=============== Vertical Menu============*/
#menuVertical
{
  background-color: #333333; /*green*/
  float: left;
  width: 120px;
  overflow: hidden;
  /*Background image to blot out the last item's border*/
  background-image: url('../../Assets/Images/CSS/White-1x1.gif');
  background-repeat: repeat-x;
  background-position: left bottom;
}
#menuVertical ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menuVertical li
{
  margin: 0;
  list-style-type: none;
}
#menuVertical li a
{
  border-bottom: solid 1px #FFFFFF;
  padding: 2px 2px 2px 2px; /*Padding inside menu item bar*/
  text-decoration: none;
  display: block; /*expand link to fill li*/
}
#menuVertical li.menuHighlighted a
{
  color: #FFFFFF;
}
#menuVertical li.menuHighlighted a:hover, #menuVertical li.menuHighlighted a:active
{
  color: #333333; /*gray*/
}
#menuVertical ul.subMenu
{
  font-size: 0.9em;
  padding-left: 10px;
}

#menuVertical br
{
    display:none;
    clear: left;
}

/*=============== Main Content Area============*/
#mainContent
{
  margin-left: 130px; /*Width of content-container minus (Vertical menu + padding)*/
  padding-right: 10px;
  padding-bottom: 10px;
}
h1
{
  margin-top: 0;
  font-size: 1.4em;
}
h2
{
  font-size: 1.2em;
}
h3
{
  font-size: 1em;
}
td
{
  vertical-align:top;
}
/*=============== Footer============*/
#footer
{
  font-size: 0.8em;
  width: 100%;
}
#contactDetails
{
  padding: 2px 0 2px 0;
  text-align: center;
}
#copyright
{
  float: left;
  min-width: 100px;
}
#compliance
{
  float: right;
  text-align: right;
}

/*=============== Horizontal Footer Menu ============*/
#menuHorizontalText
{
  border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  overflow: hidden;
  width: 100%;
  padding: 2px 0 2px 0; /*space around menu*/
}
#menuHorizontalText ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menuHorizontalText li
{
  margin: 0;
  display: inline;
  list-style-type: none;
}
#menuHorizontalText li a
{
  float: left;
  display: block;
  margin: 0 2px 0 2px; /*margin between tabs*/
  border-right: solid 1px gray; /*margin colour (default state)*/
  padding: 2px 2px 2px 2px; /*padding inside tab*/
  text-decoration: none;
  color: gray;
}
