* {
    margin: 0;
}

html
{
  height: 100%;
}

body
{
  background-image: url("images/gradient.jpg");
  background-repeat: repeat-x;
  background-position: top left; 
  background-color: #f8d940;
  
  height: 100%;
  
  text-align: justify;
  font-family: sans-serif;
  font-size: small;
}

a
{
  text-decoration: none;
  color: #111581;
  font-weight: bold;
}

a:hover
{
  color: #f7c12d;
}

div
{
  /*border: 1px solid;*/
}

.nonbodytext
{
  color: #111581;
  font-size: medium;
  font-family: Cambria, Constantia, serif;
}

#everythingbutfooter
{  
  width: 80%;
  margin: 0px auto -30px auto;
  margin-bottom: -30px;
  
  min-height: 100%;
  height: auto !important;
  height: 100%;
  
  padding: 0px 20px 0px 20px;
  
  background-color: #ffffff;
  background-image: url('images/gradient-top.jpg');
  background-repeat: repeat-x;
  background-position: top left;
}

#header
{
  padding-top: 30px;
}

#logoimg
{
}

#strapline
{
  text-align: right;
  position: relative;
  top: -40px;
  padding-right: 10px;
}

#mainpart
{
  background-color: #ffffff;
  padding-right: 25px;
}

#navbar
{
  position: absolute;
  float: left;
}

#navbar.a
{
  font-family: Cambria, Constantia, serif;
  font-weight: normal;
}

#content
{
  width: 80%;
  padding-left: 20%;
}

#footer, #push
{
  height: 30px;
}

#footer
{
  width: 80%;
  padding: 0px 20px 0px 20px;
 margin: 0px auto 0px auto;
}

h1
{
  font-family: Cambria, Constantia, serif;
  color: #111581;
  font-size: large;
  padding-bottom: 14px;
}

h2
{
  font-family: Cambria, Constantia, serif;
  color: #111581;
  font-size: medium;
  padding-bottom: 14px;
}

p
{
 padding-bottom: 10px;
}

blockquote
{
  border-right : 1px solid #78838A;
  padding-right: 10px;
  padding-top: 3px;
  margin-top: 5px; 
  margin-bottom: 12px;
  font-style:italic;
  font-family: Cambria, Constantia, serif;
  text-align: right;
}

#introdiv
{
  color: #b51b68;
  font-size: large;
  text-align: center;
  
  padding-bottom: 15px;
}