body
{
	margin: 0;
	padding: 0;
	font-family: georgia, times, "times new roman", serif;
	color: #000;
	background-color: #ffcc99;
}
img{
	border: none;
}
#container{
	margin: 1em;
	background-color: #FFF;
	background-image:  url(/images/site_images/content_background.png);
	background-repeat: repeat-y;
	border: 1px solid #CE0000;
	min-width: 700px;
	overflow: hidden;

}
#title_banner{
	text-align: center;
}
#title_banner h1
{
	font-family: "Times New Roman", Times, serif;
	font-size: 17pt;
	color: #000000;
	line-height: 17pt;
	margin: 0;
	padding: 10px 0;
}
#nav_column{
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
}
#content{
	padding: 1em;
	margin: 0 2em 0 170px;
	overflow: hidden;
	position: relative;
}
#footer{
	clear: both;
	background-color: white;
	color: black;
	padding: 1em 1em 1em 170px;
	text-align: right;
	border-top: 1px solid #CE0000;
	background-image:  url(/images/site_images/content_background.png);
	background-repeat: repeat-y;
}
.clear{
	clear: both;
}
/**************  my code *******************/



#nav a{
	display: block;
	color: #CE0000;
	font-size: 12px;
	background: #FFCC99;
	width: 150px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 .3em 0;
	padding: 2px;
	border-left: 10px solid #2D3977;
	margin: 2px 2px 3px 2px;
}
#nav a.level_1{
	width: 150px;
}
#nav a.level_2{
	margin-left: 15px;
	width: 137px;
}
#nav a.level_3{
	margin-left: 25px;
	width: 127px;
}
#nav a:link
{
	border-left: 10px solid #FFCC99;
}
#nav a:visited
{
	border-left: 10px solid #FFCC99;
}
#nav a:active
{
 	border-left: 10px solid #FFCC99;
}
#nav a:hover{
	background: #CE0000;
	color: #FFCC99;
	border-left: 10px solid #CE0000;
}

#content h2{
	margin-top: 1em;
	color: #CE0000;
	text-align: center;
}
.nb{
	color: #CE0000;
	font-weight: bold;
}
.caption{
	color: black;
}
#midi_experience_banner{
	border: 2px solid #CE0000;
	text-align: center;
	color: blue;
}
#midi_experience_banner h2{
	text-transform: uppercase;
	color: blue;
}
.picture_frame{
	border: none;
	margin: 0 auto 0 auto;
	background: transparent;
	text-align: center;
}
.picture_frame img{
	margin-right: 10px;
}
.image_box{
	border: none;
	text-align: center;
	margin: 0 auto 0 auto;

}
.image_caption{
	font-size: 8pt;
	color: black;
}
.center{
	text-align: center;
	margin: 0 auto  0 auto;
}

.grocery_pack{
	margin: .5em 0 0 1em;
}
.stern{
	font-weight: bold;
	text-decoration: underline;
}
#narrowboats, #wide_beam_boats{
	text-align: center;
	margin-bottom: 1em;
}
div.rope{
	background: url(/images/banner_images/rope.gif) no-repeat center;
	border: none;
	height: 13px;
}
.noShow
{
	/* Allows elements to be hidden from view */
	display: none;
}
.show{
	display: block;
}
/************** pricing stuff from old site **********/
/*
table.prices{
	border-style: solid;
	border-color: #FFCF9C;
	border-width: 1px;
	border-collapse: collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

th.prices{
	padding: 3px 8px 3px 8px;
	text-align: center;
	border-style: solid;
	border-color: #FFCF9C;
	border-width: 1px;
	color: Black;
	font-size: 12px;
	font-weight: bold;
}
*/

#currency_note{
	width: 80%;
	margin: 0 auto 0 auto;
	font-weight: bold;
	font-style: italic;
}
td.prices{
	padding: 3px 8px 3px 8px;
	text-align: left;
	border-style: solid;
	border-color: #FFCF9C;
	border-width: 1px;
	color: #003333;
	font-size: 12pt;
}

table.pricing{
	padding: 2px 2px 2px 2px;
	width: 500px;
	margin: 9px auto 9px auto;
	border: none;
}
td.dates{
	background-color: #FFCF9C;
	text-align: center;
}
.extra_people{
	margin-bottom: 9px;
}
.damage_waiver, .CancellationScheme{
	margin-bottom: 9px;
	font-weight: bold;
}
.optional{
     font-size: 8pt;
     font-weight:normal;
}

.pet_charges{
	margin-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
table.boatTable{
	border-style: none;
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.boatTableHead{
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC99;
	background-color: #CC0000;
}
td.boatTableHeadLight{
	padding: 3px 8px 3px 8px;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFCC99;
}
h6{
	color: #000000;
	font-size: 11px;
	background-color: #FFCC99;
}
.highlight{
	background-color: #FFCC99;
}
.imgR{
	float: right;
	margin: 5px 0 5px 5px;
}
.imgL{
	float: left;
	margin: 5px 5px 5px 0;
}
.testimonial{
	margin-bottom: 10mm;
	text-align: justify;
	background-color: #FFF3E8;
	padding: 1em;
}
.postscript{
	font-size: 8pt;
}
#route_wrapper{
	background: transparent;
	/* overflow: hidden; */
}
#route_wrapper h4{
	background-color: #FFCC99;
	line-height: 1.2em;
	font-size: 1em;
	clear: both;
	text-align: center;
}
.route_day{
	width: 15%;
	font-weight: bold;
	float: left;
	margin-bottom: 1em;

}
.route_desc{
	margin: 0 0 1em 2%;
	width: 83%;
	float: left;
	text-align: justify;
}
#route_wrapper div.clear{
	background: transparent;
	height: 1px;
	clear: both;
}
.debug{
	border: thin dashed black;
	background: yellow;
	padding: 3px;
	margin: 1em;
}
.form_error{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding: .5em;
	text-align:left;
	border: 2px solid #CC0000;
	background: #FFCC99;
}
#sidebar_ad_links{
	margin:2em auto 0 auto;
	background: transparent;
	text-align: center;
}
#sidebar_ad_links a{
	background: transparent;
	color: #FFCC99;
	border: none;
}
#sidebar_ad_links a:link, #sidebar_ad_links a:active{
	text-decoration: underline;
	border: none;
}
#sidebar_ad_links a:hover{
	text-decoration: none;
	border: none;
}
#sidebar_ad_links a:visited{
	text-decoration: overline;
	border: none;
}
.small_print{
	font-size: 10pt;
}
#announcement{

	width: 550px;
	margin: 1em auto 1em auto;
	border: 10px solid #FF6000;
	padding: .1em;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	font-family: "Times New Roman", Times, serif;
}


#announcement .image{
	float:right;
}
#announcement .emphasise{
	color: Red;
	font-size: 24pt;
}
#vat_announcement{
	width: 60%;
	margin: .8em auto 1em auto;
	padding: 3px;
	background-color: #DC143C;
	text-align: center;
	font-weight: bold;
	text-transform: none;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
.help a{
	text-decoration: none;
}
.special_offer{
	border: 2px solid #FF6000;
	margin: 1em;
	padding: .8em;
	text-align: justify;
	position:relative;

}
.special_offer h3{
	text-align: center;
}
#sold{
	position:absolute;
	top: 1px;
	margin: 0 auto 0 auto;
	width: 300px;
	height: 290px;
	background: url(/images/banner_images/sold.png) no-repeat center;

}
.pdf_download{
	padding-right: 25px;
 	background: url(/images/pdf.png) no-repeat right;
 	text-align:left;
}
.leftFloat
{
	float: left;
	padding: 5mm;
	/* border: thin solid red; */
}
.rightFloat
{
	float: right;
	padding: 5mm;
	/* border: thin solid green; */
}
.companyDetails{
	font-size: 8pt;
	color: black;
	text-align: left;
}