body, p, div, li, ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Arial", Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	font-size: 100%;
	}
#pageframe {
	width: 780px;
  margin: 10px auto;
  background-color: #c5c5a8;
  color:#000;
  background-image: url(background_1.gif);
  background-repeat: repeat-y;
	border: 2px solid #c5c5a8;
	line-height: 120%;
	}
#header {
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #c5c5a8;
	}
	#navbar {
	background-color: #c5c5a8;
	color: #fff;
	padding-left: 3px;
	height: 2em;
	line-height: 1em;
	}
#content {
	background-color:#fff;
	color: #000;  
  border-left: 1px solid #c5c5a8;
  border-top: 1px solid #c5c5a8;
  padding: 0;
}
#footer {
  width:100%;
  margin: 0;
  padding: 0;
	background-color: #c5c5a8;
  color: navy;
  font-size: 80%;
  height: 2em;
  text-align: center;
	clear: both; 
}

h1 {
  color: #999966;
  font-size:xx-large;
  margin-top: 0;
  margin-bottom: 10px;
	background: #fff;
  text-align: center;
}

h2 {
  color: #000;
  font-size: x-small;
  background: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}

h3 {
  color: #999966;
  font-size: small;
  background: #fff;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

h4 {
  color: #999966;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

h5 {
  color: #999966;
  background: #fff;
  margin-left: 10px;
  margin-bottom: 0;
}

h6 {
  color: navy;
  background: #c5c5a8;
  height: 2em;
  line-height: 2em;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  border-top: 1px solid #c5c5a8;
}

p {
	font-size: 90%;
	background-color: #fff;
	margin-left:1em;
	margin-right:1em;
	text-align: justify;
	}

.last {
  margin-bottom: 0;
}

.clear {
  clear:both;
}

.clearleft {
  clear:left;
}

.clearright {
  clear:right;
}

.floatclear {
  display:inline;
  width:100%;
  }
   /* Hide from IE-mac \*/
   * html .floatclear {
   height:1%;
   width:auto;
   }
   .floatclear {
   display:table;
   }
   /* End hide from IE-mac */
.picture {
  float: right;
  margin: 10px 5px 5px 10px;
	line-height: 1.2em;
	width: 320px;
	clear:right;
}

.pictureleft {
  float: left;
  margin: 10px 5px 5px 10px;
	line-height: 1.2em;
	width: 320px;
	clear:left;
}
.picturecentre {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
	width: 320px;
}
.movie {
  float: right;
  margin: 10px 5px 5px 10px;
	line-height: 1.2em;
	width: 350px;
	clear:right;
}

.strong {
	font-weight: 600;
	font-family: "Arial", sans-serif;
	}
.left {
  position: relative;
  left: 10px; top: 10px;
  text-align:left;
}
#nav-menu ul
{
  list-style: none;
  padding: 0;
  margin-left:auto;
  margin-right:auto;
	font-size: 14px;
  text-align: center;
}

#nav-menu li
{
  float: left;
  display: block;
 margin-right: 1px;
 padding: 0;
}

#nav-menu ul li {display: inline; }

#nav-menu li a
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 130px;
display: block;
border: 1px solid #999966;
color: #000;
text-decoration: none;
text-align: center;
margin: 0;
padding: 0;
}
#nav-menu li a:hover
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 130px;
display: block;
border: 1px solid #999966;
color: red;
text-decoration: underline;
text-align: center;
margin: 0;
padding: 0;
}
#nav-menu li a:active
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 130px;
display: block;
border: 1px solid #999966;
color: red;
text-decoration: underline;
text-align: center;
margin: 0;
padding: 0;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: left
}
/* End IE5-Mac hack */


img {
	border: 0;
	display:block;
	}
.list {
 	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

#datetable {
  width:90%;
	border: 1px solid ##c5c5a8;	
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
	}

#datetable td {
	width: 25%;
	padding: 5px;
	border: 1px solid ##c5c5a8;
	}

#linktable {
  width:70%;
	border: 1px solid ##c5c5a8;	
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
	}

#linktable td {
	width: 50%;
	padding: 5px;
	border: 1px solid ##c5c5a8;
	}
	
.boxgreytall {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 475px;
  color: #000;
  border-width: medium;
  border-style: double;
  border-color: ##c5c5a8;
  background:#fff;
  }

#navbar-ss {
	background-color: ##c5c5a8;
	color: #fff;
	padding-left: 3px;
	height: 2em;
	line-height: 1em;
	border-bottom: 1px solid ##c5c5a8;
	}

#ss-nav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
	font-size: 14px;
  text-align: center;
}

#ss-nav li
{
  float: left;
  display: block;
  margin: 0 1px;
  padding: 1px;
}

#ss-nav li a
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 60px;
display: block;
border: 1px solid #999966;
color: #000;
text-decoration: none;
text-align: center;
margin: 0;
padding: 0;
}

#ss-nav li a:hover
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 60px;
display: block;
border: 1px solid #999966;
color: red;
text-decoration: underline;
text-align: center;
margin: 0;
padding: 0;
}

#ss-nav li a:active
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 60px;
display: block;
border: 1px solid #999966;
color: red;
text-decoration: underline;
text-align: center;
margin: 0;
padding: 0;
}


/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: left
}
/* End IE5-Mac hack */