/* --------- 1. defaults  --------- */

* { /* Remove any browser default settings for margin and padding */
  margin: 0;
  padding: 0;
}
body { /* Anything that applies to the whole page */
  background-color: #bababa;
}
    
/*  --------- 2. structure  etc --------- */

#wrapper { /* Settings for fixed width centred design */
  margin: 0 auto; /* Centres the wrapper */                     
  width: 981px;   /* Set width for main wrapper */
  background-image: url('img/body-bg.png');
  background-repeat: repeat-y;
}
#header { /* This is the main vertical header at the top of the page */
  width: 943px;
  height: 130px;
  margin-left: 19px;
  background-image: url('img/header.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

#navigation { /* Container for main navigation - usually horizontal */
  background-image: url('img/navigation-bg.png');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #1b4b79;
  width: 943px;
  margin-left: 19px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  text-align: center;
  border-bottom: 7px solid #dadada;
}

#innerWrapper { /* Main page content */
  margin-left: 19px;
  width: 943px;
}

#content {
  margin: 20px 20px 10px 20px;
}

#rightImg{
  display: inline;
  float: right;
  width: 446px;
  margin: -5px 0 0 20px;
}

#rightImg img{
  margin-bottom: 20px;
}

#bottomlogos{
  clear: both;
  width: 903px;
  margin-left: 19px;
  border-top: 1px solid #1b4b79;
  text-align: center;
  padding-top: 5px;
}

#footer { /* Appears at the bottom of every page */
  clear: both;
  background-image: url('img/body-foot.png');
  background-position: top;
  background-repeat: no-repeat;
  background-color: #bababa;
  padding-top: 30px;
  text-align: center;
  color: #7a7a7a;
  font-size: 0.8em;
}

.separator {
  clear: both;
}

/* ---------- 3. links and navigation  etc ---------- */

a {
  text-decoration: none;
}
    
a:hover {
  text-decoration: underline;
}

#navigation ul {

}

#navigation ul li {
display: inline;
margin-left: 1em;
}

#navigation li {
}

#navigation a {
color: #FFFFFF;
}

#navigation a:hover {
color: #ff8a00;
}

#footer ul li {
display: inline;
margin: 0 0 0 0.5em;
padding: 0 0.66em 0 0;
border-right: 1px solid #7a7a7a;
}

#footer a {
color: #034387;
}

/* ---------- 4. fonts ---------- */

html {
  font-size: 100%;
}

body {
  font-size: 75%;
  font-family: verdana, tahoma, arial, lucinda, sans-serif;        /*  Remove unwanted font family */
}


h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.2em;
  margin-top: 0.66em;
}
    
h3 {
  font-size: 1.1em;
}

h1, h2, h3 {
  color: #1a4a77;
}

p {
  margin-top: 0.5em;
  line-height: 1.75em;
}

ul {
  list-style: none;
}

/* ---------- 5. images ---------- */

a img {
  border: 0;
}

/* ---------- 6. forms ---------- */  

.buttonStyle {
    padding: 4px;
}