body
 {padding: 0;
  margin: 0 0 20px;
  font: 0.8em/1.45 Arial, Helvetica, Geneva, sans-serif;
  color: Black;
  background-color: LemonChiffon;}

p
 {margin: 0 0 15px;}

a
 {text-decoration: none;}

blockquote
 {font-style: italic;
  margin: 0;
  font-size: 1.2em;}

form
 {margin: 0;}

h1
 {font-size: 2.2em;
  font-weight: normal;
  margin: 0 0 5px;
  letter-spacing: -1px;}

h2
 {font-size: 1.8em;
  font-weight: normal;
  margin: 0 0 5px;
  letter-spacing: -1px;}

h3
 {font-size: 1.6em;
  font-weight: normal;
  margin: 0 0 5px;
  letter-spacing: -1px;}

h4
 {font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 5px;
  letter-spacing: -1px;}

ol.arabic-numbers
 {list-style-type: decimal;}

ol.lower-alpha
 {list-style-type: lower-alpha;}

ol.lower-roman
 {list-style-type: lower-roman;}

ol.upper-alpha
 {list-style-type: upper-alpha;}

ol.upper-roman
 {list-style-type: upper-roman;}

table
 {font-size: 1em;}

ul.circle
 {list-style-type: circle;}

ul.disc
 {list-style-type: disc;}

ul.plain
 {list-style-type: none;}

ul.square
 {list-style-type: square;}

#associations a
 {text-decoration: none;}

#associations img
 {border: 0;}

#container
 {margin: 0px auto;
  text-align: left;
  position: relative;
  z-index: 3;}

#contentContainer
 {margin: 0 auto;
  border-color: White;}

#contentContainer #content
 {margin: -5px 0 0 0;
  position: relative;
  z-index: 4;
  padding: 0 30px 10px;
  background-color: White;
  border-color: LemonChiffon;
  overflow: hidden;
  height: 1%;}

#footer
 {color: Navy;
  border-color: LemonChiffon;
  overflow: hidden;
  margin: 0 0 0 150px;
  position: relative;
  text-align: center;}

#footer p
 {position: relative;
  z-index: 6;
  margin: 0;
  padding:  10px 0 0 0;}

#navcontainer
 {width: 150px;
  font-size: 0.95em;
  line-height: 1.45em;
  margin-bottom: 20px;
  position: relative;
  z-index: 7;
  text-align: right;
  float: left;}

#navcontainer a
 {padding-right: 10px;
  display: block;
  height: 15px;
  width: 140px;
  padding: 5px 0;
  text-decoration: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  color: White;
  background: transparent;}

#navcontainer a:hover
 {background-color: Khaki;}

#navcontainer #bottomBar
 {border-top-color: %colour_header_bg * 0.75%;
  background-color: %colour_header_bg * 0.4%;}

#navcontainer li
 {position: relative;}

#navcontainer ul
 {list-style: none;
  margin: 0;
  width: 140px;
  padding: 0;
  z-index: 8;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-bottom-color: LemonChiffon;
  border-top-color: DarkKhaki;}

#navcontainer ul a
 {color: Navy;
  border-top-color: LemonChiffon;
  border-bottom-color: DarkKhaki;
  background-color: LemonChiffon;}

#pageHeader
 {height: 155px;
  position: relative;
  margin-left: 150px;
  background-color: White;
  overflow: hidden;}

#pageHeader #banner
 {color: Navy;
  margin: 0;
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 2.5em;
  font-weight: normal;
  z-index: 3;
  letter-spacing: normal;}

#pageHeader #contacts
 {color: Navy;
  margin: 0 30px;
  position: absolute;
  top: 105px;
  left: 0px;
  font-size: 1em;
  font-weight: normal;
  z-index: 3;
  letter-spacing: normal;
  width: 100%;
  border: 0;}

#pageHeader #contacts a
 {color: Navy;
  text-decoration: none;}

#pageHeader #motto
 {color: RoyalBlue;
  margin: 0;
  position: absolute;
  top: 75px;
  left: 30px;
  font: italic normal 1em Georgia, "Times New Roman", Times, serif;
  z-index: 3;
  letter-spacing: normal;}

#pageHeader #logo
 {display: block;
  height: 175px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 1px;
  z-index: 1;
  background-image: url(images/graded_logo.png);
  background-position: right top;
  background-repeat: no-repeat;}

#pageHeader #logo img
 {position: absolute;
  right: 1px;
  top: 0;}

.centered
 {text-align: center}

.clearer
 {clear: both;}

.float-container
  {overflow: hidden;
   height: 1%}

.form-input-button
 {font-size: 1.3em;} 

.form-input-field
 {background: #f4f4f4;
  font-size: 1em;} 

.image
 {margin: 3px;}

.image-left
 {margin: 3px;
  float: left;}
	
.image-left-bottom
 {margin: 3px;
  float: left;
  vertical-align: text-bottom;}
	
.image-left-top
 {margin: 3px;
  float: left;
  vertical-align: text-top;}
	
.image-right
 {margin: 3px;
  float: right;}
	
.image-right-bottom
 {margin: 3px;
  float: right;
  vertical-align: text-bottom;}
	
.image-right-top
 {margin: 3px;
  float: right;
  vertical-align: text-top;}
	
.message-text
 {font-weight: bold;
  font-style: italic;} 

.standout
 {font-style: italic;
  margin: 0;
  font-size: 1.2em;}