/* Initialise padding and margins and font sizes */
html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img
{
    margin: 0;
    border: 0px none;
    padding: 0;
    font-size: 100.01%;
}
ol, ul, dl, blockquote, cite 
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.5em;
  color: #555;
  background-color: transparent;
  font-size: 0.7em;
}
ul.menulist{
  display: none;
}
/* --------------------------------------------------------- CORE HTML STYLES */
body {
  background: url("../images/style/background_body.gif"); 
  background-repeat: repeat;
  background-color: #FFF;
  background-attachment: fixed;
  font-family: Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 1em;
}

/*Reserved for IR (not implemented)*/
h1 {
  display: inline;
  width: 335;
  height: 145;
  color: #000;
  background: url("../images/header_strapline.gif") no-repeat; 
}
/*h2 is the main breadcrumb title*/
h2 {
  font-size: 1.1em;
  font-weight: normal;
  background: #FFF url("../images/style/breadcrumb_arrow.gif") no-repeat top left;
  padding: 2px 18px;
  margin-top: 5px;
}
h3 { font-size: 1.1em;}
h4 { font-size: 0.9em; margin-top: 1.5em}
h6 {
  font-size: 0.7em;
  font-style: italic;
  font-weight: normal;
  margin: 0.5em 0 1em 0;
  color: #555;
}
li {margin-bottom: 0.5em;}
a:link, a:visited {
 color: inherit;
 text-decoration: underline;
 font-weight: bold;
}

a:hover, a:active {
  color: #FF3B00;
  text-decoration: none;
}
p { 
  font-size: 0.75em;
  line-height: 1.5em;
  margin-bottom: 1em;
  color: #777;
}

/* ------------------------------------------------------------- PRESENTATION */
#shell {
  width: 770px;
  margin: 0 auto;
  border: solid 1px #9D9D9D;
  border-top: none;
  background-color: #9FA09F;
  padding: 0;
}
#shellhomepage {
  width: 770px;
  margin: 0 auto;
  border: solid 1px #9D9D9D;
  border-top: none;
  padding: 0;
  background: #9FA09F url("../images/style/quote.gif") no-repeat top left;
  background-position: 0 130;
}
#header {
  margin: 0 0 -5px 0;
  padding: 0;
}
#leftColumn {
  display: none
}
#content { margin-left: 0px;}
#breadcrumbs { border-bottom: solid 1px #000;  background: #FFF}
#dropshadow { 
  background: #FFF url("../images/style/dropshadow.gif") repeat-x top left;
  height: 16px;
}
#text {
  padding: 5px 20px 20px 180px;
  background: #FFF;
  min-height: 240px;
}
#textFlip {
  padding: 5px 210px 20px 20px;
  background: #FFF;
  min-height: 240px;
}
#footer {
  background-color: #693D38;
  color: #FFF;
  text-align: center;
  font-size: 0.7em;
  padding: 0.6em;
  line-height: 1.4em;
}
#credit {
  width: 770px;
  margin: 0 auto;
  text-align: right;
  padding: 1em 2em 0 0;
  font-size: 0.7em;
}

/* -------------------------------------------------------- BACKGROUND IMAGES */
#text.home {
  background: #FFF url("../images/backgrounds/gpp.jpg") no-repeat top left;
}

/* ----------------------------------------------------------- GENERAL STYLES */
.clearAll { clear: all;}
img.homepageQuote { margin-top: 225px;}
#text img, #textFlip img { border: solid 1px #555;}
table.stats {
  border: solid 1px #555;
  background-color: #EDEDED;
  color: #777;
  font-size: 0.75em;
  margin-bottom: 1em;
}
.required {color: red; font-size: 1.5em;}
table.stats td { padding: 0.25em;}
table.stats tr.alt { background-color: #FEFEFE;}
ul.tick {
  list-style-type: none;
  padding: 10px;
  margin: 10px;
}
ul.tick li {
background-image: url(../images/style/tick.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 20px;
line-height: 18px;
}