/* Colour codes
Dark/Normal feature colour:  #066d6d
Light feature colour: #aff2f2
*/

body{ 
  font: normal 100% Arial, Helvetica, sans-serif;
  background: #FFF url(../images/background.jpg) repeat-x;}

h1 { 
	font: normal 165% Arial, Helvetica, sans-serif;
  color: #000;
	margin: 0 0 10px 0;}

h2{ 
	font: normal 120% Arial, Helvetica, sans-serif;
	color: #066d6d; }

h3{ 
	font: bold 100% Arial, Helvetica, sans-serif;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: normal 100% Arial, Helvetica, sans-serif;
  color: #FFF;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #888;
  padding-bottom: 15px;}

img{ 
  border: 0;
  margin: 20px 0 50px 50px;}

nav {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;}

nav ul {
  list-style: none;
  overflow: hidden;
  padding-left: 20px;}

nav ul li a {
  text-align: center;
  font: normal 100% Arial;
  padding: 10px;
  display: block;
  float: left;
  width: 13%; 
  background: #aff2f2; /* Old browsers */
  background: -moz-linear-gradient(top,  
    #aff2f2 0%, #066d6d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#aff2f2), 
    color-stop(100%,#066d6d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  
    #aff2f2 0%,#066d6d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  
    #aff2f2 0%,#066d6d 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  
    #aff2f2 0%,#066d6d 100%); /* W3C, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#aff2f2', 
    endColorstr='#066d6d',GradientType=0 ); /* IE6-9 */
  }
nav ul li h1 {
  text-align: left;
  font: normal 175% Arial;
  padding: 3px;
  display: block;
  float: left;
  width: 35%;
  padding-left: 20px;
  background: #aff2f2; /* Old browsers */
  background: -moz-linear-gradient(top,  
    #aff2f2 0%, #066d6d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#aff2f2), 
    color-stop(100%,#066d6d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  
    #aff2f2 0%,#066d6d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  
    #aff2f2 0%,#066d6d 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  
    #aff2f2 0%,#066d6d 100%); /* W3C, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#aff2f2', 
    endColorstr='#066d6d',GradientType=0 ); /* IE6-9 */
  }  
nav ul li a,
nav ul li a:focus,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active {
  color: #FFF;
  text-decoration: none; }
nav ul li a:hover,
nav ul li a:active {
  background: #066d6d; /* Old browsers */
  background: -moz-linear-gradient(top,  
    #066d6d 0%, #066d6d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#066d6d), 
    color-stop(100%,#aff2f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  
    #066d6d 0%,#066d6d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  
    #066d6d 0%,#066d6d 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  
    #066d6d 0%,#066d6d 100%); /* W3C, IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#066d6d', 
    endColorstr='#066d6d',GradientType=0 ); /* IE6-9 */
  }
nav ul li:first-child h1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }
nav ul li:last-child a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px; }

a, a:hover
{ background: transparent;
  outline: none;
  text-decoration: none;
  color: #066d6d;
}

a:hover
{ text-decoration: underline;}

ul
{ line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

span
{ color: #FFF;}

#site_content
{ width: 920px;
  overflow: hidden;
  margin: 0 auto;
  background: #FFF;} 

#content
{ width: 900px;
  padding-left: 10px;
  margin-bottom: 20px;
  float: left;
  background: #FFF;}

.content_item
{ width: 900px;
  margin-top: 5px;
  margin-bottom: 5px;}

.content_item img { 
  margin: 15px;
  vertical-align: middle;}
  
.content_container
{ width: 400px;
  padding: 5px;
  margin-right: 10px;
  float: left;}
	
.content_test
{  font: italic 75% Arial, Helvetica, Sans-Serif; 
width: 400px;
  padding: 5px;
  margin-right: 10px;
  float: left;}


footer img {
  margin: 5px;
  vertical-align: middle;}

footer span {
  color: #888;
  font: normal 75% Arial, Helvetica, Sans-Serif;}

footer 
{ font: normal 100% Arial, Helvetica, sans-serif;
  width: 920px;
  border-top: 5px solid #066d6d;
  text-align: center;
  background: transparent;
  color: #000;
  margin: 0 auto;}

footer a, footer a:hover
{ color: #684430;
  text-decoration: none;
  padding-bottom: 20px;}

footer a:hover
{ color:#066d6d;
  text-decoration: underline;}

.content_form {
	width: 920px;}

.content_table{
	font: normal 80% Arial, Helvetica, sans-serif;
}	

empty_row {
	background-color: #000;
}