/* new layout for ferryhouse nov 2008 using yui grids etc framework */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* fonts */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 helvetica,arial,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% helvetica,arial,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* grids */

/*
	Section: General Rules
*/

	body {
		text-align:center;
	}
	
	#ft {
		clear:both;
	}

/*
	Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
*/

	/* 
		Subsection: General 
	*/ 	

	#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
		margin:auto;
		text-align:left;
		width:57.69em;*width:56.25em;
		min-width:700px;
	}
	/* 
		Subsection: 950 Centered (doc2) 
	*/
	#doc2 {
		width:73.076em;*width:71.25em;
	}

	/* 
		Subsection: 100% (doc3) 
	*/
	#doc3 {
		/* Left and Right margins are not a structural part of Grids. Without them Grids
		   works fine, but content bleeds to the very edge of the document, which often
		   impairs readability and usability. They are 
		   provided because they prevent the content from "bleeding" into the browser's chrome.*/
		margin:auto 10px; 
		width:auto;
	}
	

	
	/* 
		Subsection: 974 Centered (doc4) 
	*/
	#doc4 {
		width:74.923em;*width:73.05em;
	}	
	
/*
	Section: Preset Template Rules (.yui-t[1-6])
*/
	
	/* 
		Subsection: General
	*/

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;}
	#yui-main .yui-b{position:static;}

	#yui-main,
	.yui-g .yui-u .yui-g {width:100%;}
		
	.yui-t1 #yui-main,
	.yui-t2 #yui-main,
	.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

	.yui-t4 #yui-main,
	.yui-t5 #yui-main,
	.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

	/* 
		Subsection: For Specific Template Presets
	*/

	.yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
	.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}

	.yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
	.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}

	.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
	.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}

	.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
	.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}

	.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
	.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}

	.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
	.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}

	.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0;}
	
	#yui-main .yui-b {float:none;width:auto;}

/*
	Section: Grids and Nesting Grids
*/

	/*
		Subsection: Children generally take half the available space
	*/

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {float:left;}

	/*Float units (and sub grids) to the right */
	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb, 
	.yui-g .yui-gc, 
	.yui-g .yui-gd, 
	.yui-g .yui-ge, 
	.yui-g .yui-gf, 
	.yui-gc .yui-u, 
	.yui-gd .yui-g,
	.yui-g .yui-gc .yui-u,
	.yui-ge .yui-u, 
	.yui-ge .yui-g, 
	.yui-gf .yui-g,
	.yui-gf .yui-u{float:right;}

	/*Float units (and sub grids) to the left */
	.yui-g div.first, 
	.yui-gb div.first,
	.yui-gc div.first,
	.yui-gd div.first, 
	.yui-ge div.first, 
	.yui-gf div.first,
	.yui-g .yui-gc div.first,
	.yui-g .yui-ge div.first,
	.yui-gc div.first div.first {float:left;}

	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb,
	.yui-g .yui-gc,
	.yui-g .yui-gd,
	.yui-g .yui-ge,
	.yui-g .yui-gf {width:49.1%;}

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {width:32%;margin-left:1.99%;}

		/* Give IE some extra breathing room for 1/3-based rounding issues */
		.yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}

	.yui-gc div.first, 
	.yui-gd .yui-u {width:66%;}
	.yui-gd div.first {width:32%;}

	.yui-ge div.first, 
	.yui-gf .yui-u{width:74.2%;}

	.yui-ge .yui-u,
	.yui-gf div.first {width:24%;}

	.yui-g .yui-gb div.first,
	.yui-gb div.first, 
	.yui-gc div.first, 
	.yui-gd div.first {margin-left:0;}
	   
	/*
		Section: Deep Nesting 
	*/
	.yui-g .yui-g .yui-u,
	.yui-gb .yui-g .yui-u,
	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u,
	.yui-ge .yui-g .yui-u,
	.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
	
	.yui-g .yui-g .yui-u {width:48.1%;}/*SF 1927599 from 1.14 to 2.6.0*/
	.yui-g .yui-gb div.first,
	.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}

	.yui-g .yui-gc div.first, 
	.yui-gd .yui-g  {width:66%;}

	.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}

	.yui-gb .yui-gc div.first, 
	.yui-gb .yui-gd div.first  {*margin-right:0;}

	.yui-gb .yui-gb .yui-u,
	.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}

	.yui-g .yui-gb .yui-u {_margin-left:1.0%;}

	.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
	.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}

	.yui-g .yui-gc .yui-u, 
	.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
	.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}

	.yui-gb .yui-ge .yui-u, 
	.yui-gb .yui-gf .yui-u {margin:0;}

	.yui-gb .yui-gb .yui-u {_margin-left:.7%;}

	.yui-gb .yui-g div.first, 
	.yui-gb .yui-gb div.first {*margin-left:0;}

	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}

	.yui-gb .yui-gd div.first {width:32%;}
	.yui-g .yui-gd div.first {_width:29.9%;}

	.yui-ge .yui-g {width:24%;}
	.yui-gf .yui-g {width:74.2%;}

	.yui-gb .yui-ge div.yui-u,
	.yui-gb .yui-gf div.yui-u {float:right;}
	.yui-gb .yui-ge div.first,
	.yui-gb .yui-gf div.first  {float:left;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge .yui-u,
	.yui-gb .yui-gf div.first {*width:24%;_width:20%;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge div.first, 
	.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

	/* Patch for GD within GE */
	.yui-ge div.first .yui-gd .yui-u {width:65%;}
	.yui-ge div.first .yui-gd div.first {width:32%;}

/*
	Section: Clearing 
*/

#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

/* base for restoring defaults */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
del {
	text-decoration:line-through;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* ferryhouse specific */
img {
	display: block;
	margin: auto;
}

#hd img {
	padding-bottom: 1em;
}

#pictures img {
	padding-top: 1.5em;
}

#pictures p {
	padding-right: 2em;
	padding-left: 2em;
	font-style: italic;
	text-align: center;
	font-size: 85%;
	color: #330000;
}

#jump {
	text-align:right;
	font-size: 85%;
	font-style: italic;
}

#menu li {
display:block;
list-style-type:none;
text-align:center;
color:#B50623;
background-color:#fff;
border-bottom:dotted 1px;
margin:0;
padding:3px;
}

#menu li a{
display:block;
}

#menu li a:link, #menu li a:visited {color:#0A5495; background-color:#fef7ef; text-decoration:none;}
#menu li a:hover {color:#fef7ef; background-color:#0A5495; text-decoration:underline;}

h1, h2{
color: #666699;
}

#copy p, #copy ul, pre, #jump, #ft{
color: #330000;
}

#ft{
border-top: solid 1px #666699;
}

#ft p{
padding-top:5px;
}