/*
	Style sheet for Kennet Horse Boat
	Last updated: 14/03/2005
*/


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Layout  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

*{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 96%; 
	color: #333;
	}
	
body {
	margin: 0;
	padding: 0;
	background-color:  #f0f0ef;
	width: 100%;
	text-align: center;
	}

#wrapper {
	margin:2px auto;
	padding: 0;
	width: 758px;	 
	background:       #fff url('/media/sidebar.png') repeat-y;
	text-align:left;
	}

#header {
	margin: 0px;
	padding: 0;
	height: 159px;
	background-color:#fff;
	background-image: url('/media/topbanner.jpg'); 
	background-repeat: no-repeat;
	text-align: left;
	}

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	background:  url('/media/wobble.gif') no-repeat;
	clear: both;
	}

#leftbar {
  float:            left;
  width:150px;
}
	
#maincontent	{
	margin-left:      160px;
	margin-bottom: 20px;
	padding:          10px ;
	width:560px;
	}

#footer {
	clear: both;
	margin: 0px;
	font-size: 85%;
	padding-left: 20px;
	background:       #dedba0;
	border-bottom:    1px solid #8c979c;
	border-top:       1px solid #8c979c;
	text-align:       center; 
	}

.extra {
  color:            #8c979c;
  font-family:      'Trebuchet MS', sans-serif, Arial, Helvetica; 
  padding:       20px 10px;
}

.extra div {
  color:            #d93c20;
  text-align:     right;
  font-size:80%;
}

.extra p {
  line-height:      120%;
  margin:           1ex 0;
  font-size:80%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */	
/*  Typography */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
	
h1, h2, h3, h4, h5, h6 {
	font-family:      'Trebuchet MS', sans-serif, Arial, Helvetica; 
	margin-top: 0px;
	color: #40512a;
	padding: 0;
	font-size: 120%; 
	}

h1 {
	margin-bottom: 15px;
	}

h2 {
	margin-bottom: -10px;
	}

ul {
	margin-top: -5px;
	list-style-type: square;
	}

li {
	padding-bottom:3px;
	}

p {
	text-align: justify;
	}

#crumbs {
  background:       #dedba0;
  border-bottom:    1px solid #8c979c;
  border-top:       1px solid #8c979c;
  font-size:        80%;
  padding-left:     16px;
}


#navigation p {	
	text-align: center;
	font-size:90%;
	color: #fff;
	}

#foot a {
	color:            #000;
	margin:           0 1ex;
	text-decoration:  none;
	}

#foot a:hover {
	text-decoration:  underline;
	}

dt {
	font-weight: bold;
	color: #40512a;
	margin-top:50px;
	}

dd {
	padding:0;
	margin: 0;
	}

address {
	font-style: normal;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Link Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

a {
    text-decoration: underline;
	color: #40512a;
	background: transparent; 
    }

a:hover {
    text-decoration: underline;
	color: #fff;
	background-color: #40512a;
    }

#crumbs a {	
	text-decoration:none;
	padding:0 3px 0 3px;
	color: #333;
	}

#crumbs a:hover {	
	text-decoration:none;
	padding:0 3px 0 3px;
	background-color: #fff;
	}
	
#footer a {	
	text-decoration:none;
	padding:0 3px 0 3px;
	color: #333;
	}

#footer a:hover {	
	text-decoration:none;
	padding:0 3px 0 3px;
	background-color: #fff;
	}

a.sitecredit {
	font-size: 80%;
	text-decoration: none; 
	color: #666666 ;
	background-color: transparent;
	text-align:center;
}

.sitecredit:hover  {
	background-color: #b36f7d;
	color: white; 
	text-align:center;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Navigation */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

#menu {
  font-family:      'Trebuchet MS', sans-serif, Arial, Helvetica;
  list-style-type:  none;
  margin: 6px 0 0 0;
  padding:          0;
  width:            149px; 
}
#menu a:hover {
  background:       #fff;
}
#menu li {
  border-top:       1px solid #8c979c;
}
#menu li a {
  background:       #e5e7d4;
  border-left:      1px solid #cacfc3;
  color:            #7c7d73;
  display:          block;
  font-weight:      bold; 
  line-height:      28px;
  margin-left:      8px;
  padding-left:     6px;
  text-decoration:  none;
}
#menu ul { 
  border-top:       1px solid #8c979c;
  margin:           0;
  line-height:      0;
  list-style-type:  none;
  padding:          0;
}
#menu ul li {
  background:       transparent;
  border:           0;
  margin:           0;
}
#menu ul li a {
  background:       transparent;
  border:           0;
  color:            #8c979c;
  display:          block;
  margin:           0;
  line-height:      20px; 
  padding-left:     30px; 
  text-decoration:  none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Extra Bits */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

img {
	border: 0;
	}

hr {
    border: 0;  
    border-bottom: 1px solid #000;
	height: 1px;
    margin-top: 1ex;
	}

.hiddenclear {
	clear: both;
	color: #fff; 
    font-size: 0px; 
    margin: 0;
    visibility: hidden; 
	}

.floatleft {
	float:left;
	padding-right: 5px;
	}

.floatleftb {
	float:left;
	padding: 2px;
	margin-right:10px;
	border:solid 1px #8c979c;
	}

.floatright {
	float:right;
	padding-left: 5px;
	}

.floatrightb {
	float:right;
	padding: 2px;
	margin-left:10px;
	border:solid 1px #8c979c;
	}

.center {  
    text-align: center;
    }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Forms and fields */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

form {
	padding: 3px;
	margin: 0px;
	font-size: 110%;
	}

legend {
	margin: 0px;
	padding: 5px;
	font-size: 110%;
	font-weight:bold;
	color: #40512a;
	}

label {
	padding-left:12px;
	font-weight: bold;
	font-weight: normal;
	}


fieldset {
	border: solid 1px #40512a;
	width:400px;
	padding:3px;
	}
	
.blurred {
	border: #666 1px solid;
	padding: 1px; 
	background-color: #f4f5e9;
}

.focused {
	border: #dedba0 1px solid; 
	padding: 1px; 
	background-color: white; 
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */