/* body tags and framing*/

body{
	background-image:	url(images/backgroundg.jpg);
	background-repeat:	no-repeat;
	z-index:			0;
	}

	
/* position  top of page*/
div.top{
	background:	#ffeedd;
	position:	absolute;
	left:		0px;
	top:		00px;
	width:		800px;
	height:		150px;
	background:	#cd9b00;
	}
div.top_picture{
	position:	absolute;
	left:		160px;
	top:		20px;
	width:		252px;
	}
div.top_overlay{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		100px;
	}
div.topoff_overlay{
	position:	absolute;
	left:		0px;
	top:		78px;
	width:		100px;
	}

div.top_text{
	position:	absolute;
	left:		162px;
	top:		0px;
	width:		500px;
	}
.s15{
	font-size:	15pt;
	}

div.top_second_image{
	position:	absolute;
	left:		425px;
	top:		50px;
	width:		200px;
	}
div.hr{
	position:	absolute;
	left:		0px;
	top:		72px;
	}
div.win{
	position:	absolute;
	left:		90px;
	top:		75px;
	}
div.gva{
	position:	absolute;
	left:		30px;
	top:		00px;
	}
div.ts{
	position:	absolute;
	left:		120px;
	top:		00px;
	}
div.bridge{
	position:	absolute;
	left:		50px;
	top:		85px;
	}
div.ferry{
	position:	absolute;
	left:		140px;
	top:		85px;
	}
.map	{
	font-family:	"sans serif";
	font-size:	8pt;
	}div.top_third_image{
	position:	absolute;
	left:		610px;
	top:		0px;
	width:		200px;
	}
div.top_third_text{
	position:	absolute;
	left:		610px;
	top:		131px;
	width:		200px;
	height:		20px;
	overflow:	hidden;
	}




/*position the main body*/
div.maincontent{
	position:	absolute;
	left:		148px;
	padding-left:	20px;
	padding-right:	8px;
	top:		150px;
	z-index:		0;
	background:	#bbcc99;
	width:		624px;
	}


/* 	=	=	side and bottom		=	=	 */
/* sets width of side bar margin*/


div.sidebar{
	position:	absolute;
	padding-left:	50px;
	left:		0px;
	top:		70px;
	width:		98px;
	background:	#cd9b00;
	font-size:	90%;
	background-image:	url(pictures/kiwi-small.jpg);
	background-repeat:	repeat-y;

	}
.sidebar2{
	left:		0px;
	width:		800px;
	background:	#cd9b00;
	background-image:	url(pictures/kiwi-small.jpg);
	background-repeat:	repeat-y;

	}


/* submenu for the lane that were in now*/

.space{margin-top:-7px;}
a.sidebar:hover {color: black;}
a.sidebars:hover {color: black;}
a.sidebarb:hover {color: black;}
a.sidebarb:active {color: black;}
a.sidebarb:visited {color: black;}
a.sidebarb:link {color: black;}
a.sidebar{line-height:99%;}
p.sidebars{
	margin-top:	-10px;
	line-height:	100%;
	font-size:	85%;
	padding-left:	10px;
	text-indent:	-5px;
}
a.sidebars{text-decoration:none;}
a.sidebar{text-decoration:none;}
a.sidebarb{text-decoration:none;}

/* bottom menu */
/*  tiny  */
.fudge
	{
	font-size:	8pt;
	color:		#000000;
	font-weight:	300;
	font-family:	arial, sans-serif;
	text-align:	left;
	}

/*	=	=	headings	=	=	*/


h1	{
	font-size:		125%;
	color:			#772211;
	margin-top:		2px;
	margin-bottom:		-2px;
	}
h2	{
	font-size:		120%;
	margin-top:		-2px;
	margin-bottom:		-1px;
	}

h3	{
	font-size:		110%;
	margin-bottom:	-4px;
	}
h3.top	{
	margin-top:	-20px;
	margin-bottom:	 -4px;
	color:		#772211;
	}

h4	{
	font-size:	12pt;
	margin-top:	7px;
	margin-bottom:	-15px;
	margin-left:	15px;
	}
h5	{
	font-size:	11pt;
	color:		#990000;
	}



/*	=	=	highlighting other than headings	=	=	 */
a:visited {color: #772211; font-weight:500;}

a.faq{
	color:		#772211;
	text-decoration:	underline;
	font-size:	108%;
	font-weight:	700;
	font-size:	95%;
	}
a.faq:active {color:#772211;}
a.faq:hover {color:#772211; }
a.faq:link {color:#772211;}
a.faq:visited {color:#772211;}

a.baq{
	color:		#772211;
	text-decoration:	none;
	font-weight:	700;
	font-size:	80%;
	}
a.baq:active {color: #772211;}
a.baq:hover {color: #772211; }
a.baq:link {color: #772211;}
a.baq:visited {color: #772211;}

dt.faq{
	color:		#772211;
	text-decoration:	none;
	font-weight:	700;
	font-size:	95%;
	}

.indent	{
	padding-left:	100px;
	}
.indent30	{
	padding-left:	30px;
	}

/* maximum width for any paragraph */

p	{
	max-width:	600px;
	}
.narrow	{
	width:		555px;
	}

/* general highlight */
.brown	{
	font-weight:	700;
	color:		#772211;
	}
.right
	{
	float:		right;
	margin-left:	10px;

	}
/* heavy accent */

.b	{
	font-size:	120%;
	color:		#0000ff;
	font-weight:	700;
	font-family:	"BernhardMod BT","Times New Roman", Roman, Serif;
	}


.small	{
	font-size:	85%;
	}
.smallr	{
	font-size:	85%;
	text-align:	right;
	}
.smallb	{
	font-size:	85%;
	color:		#772211;
	}
.smaller	{
	font-size:	70%;
	}
.small8	{
	font-size:	8pt;
	}
.bigger	{
	color:		#772211;
	font-size:	110%;
	}
.bigger30	{
	font-size:	130%;
	font-weight:	900;
	}

.biggest	{
	font-size:	160%;
	}

.script{
	font-family:	"Brush Script MT", "Brush Script", cursive;
	font-size:	125%;
	font-weight:	300;
	}
.scripts{
	font-size:	110%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}

.scriptm{
	font-size:	130%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}
.scriptl{
	font-size:	150%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}
.scriptsc{
	font-size:	110%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}
.scriptmc{
	font-size:	130%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}
.scriptlc{
	font-size:	150%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}

hr.rooms{
	width:		500px;
	height:		14px;
	border:		inset;
	border-width:	6px;
	color:		#cd9b00;
	border-color:	#cd9b00;
	background-color: #cd9b00;
	}

/*  for last reviewed date  */

.date{
	font-size:	65%;
	font-family:	sans-serif;
	color:		#003300;
	font-weight:	400;
	}

.accent:first-letter	{
	font-size:	133%;
	}
.accent	{
	margin-bottom:	7px;
	}


.fancy{
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, fantasy;
	font-size:	200%;
	color:		#0066CC;
	line-height:	90%;
	margin-top:	15px;
	}

.kids{
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, fantasy;
	font-size:	200%;
	}


/*	=	=	positioning	=	=	 */



/*  centre */
			
.photos
	{
	margin-left:	30%;
	text-align:	center;
	width:		203px;
	}
.photost
	{
	margin-left:	22%;
	text-align:	center;
	width:		220px;
	}
.picture
	{
	position:	relative;
	margin-left:	66px;
	margin-right:	66px;
	margin-top:	15px;
	margin-bottom:	15px;
	border-style:	none;
	float:		left;
	z-index:		1;
	}

.centre
	{
	text-align:	center;
	}


/*  indented paragraph */
			
.indent
	{
	width:		68%;
	margin-left:	0px;
	}


/*  indented paragraph */
			
.left-indent
	{
	margin-left:	50px;
	}
/*  to move picture comments  */
.down
	{
	margin-left:	3px;
	margin-top:	90px;
	}

/* STYLES FOR RECIPE CARDS */



.cardtop{
	background:	#bbcc99;
	font-size:	18pt;
	font-family:	 "futura book", "century gothic", arial, sans-serif;
	font-weight:	900;
	color:		#000000;
	text-align:	center;
	}
.cardtitle{
	background:	#bbcc99;
	font-size:	18pt;
	font-family:	"PTBarnum BT", "bookman old style", bookman, "book antiqua", "charter", "calisto mt", serif ;
	font-weight:	800;
	color:		#000000;
	text-align:	center;
	}

.cardleft{
	background:	#bbcc99;
	font-size:	14pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, serif;
	font-weight:	700;
	color:		#000000;
	text-align:	center;
	}

.cardright{
	background:	#bbcc99;
	font-size:	14pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, serif;
	font-weight:	700;
	color:		#000000;
	text-align:	center;
	}

.cardbleft{
	background:	#bbcc99;
	text-align:	left;
	font-family:	monospace;
	font-size:	9pt;
	}

.cardbright{
	background:	#bbcc99;
	text-align:	left;
	margin-left:	10px;
	}

.by{
	font-size:	13pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, cursive;
	font-weight:	600;
	color:		#000000;
	text-align:	right;
	}