@import url(shared4.css);
@import url(tables4.css);

/*	SITE COLOURS:																					.
	LGrey			#dae6eb		Grey			#92999d		DGrey		#303335	.
	LPole			#bfb8a0			Pole			#b0a789		DPole			#76705c	.
	LBlue			#6973c6		Blue			#1a18a0		DBlue			#030b4c	.
																			BBlue			#b3b8df		.
	Grey:			table rules/fills (default)														.
	Pole:			table rules/fills (punch), heads												.
	Blue:			logo sign, borders/text on links												.
																											.
	SITE FONTS:																						.
	Georgia:		default content, large headings												.
	Times:		ribbon bar																			.
	Trebuchet:	small headings, small text, footnotes, form elements				  */

/*	Fonts */
body, #content, .content
	{	font: 17px/1.3 Georgia, "Times New Roman", Times, Cambria, serif; color: #303335 }
h4, h5, h6, blockquote.contact, p.pict_capt, p.pict_credit, #footer, table.grid .specs td, table tbody.list,
	table.form tbody td, table.form tfoot td,
	input, textarea, select, option, optgroup, button, p.nextprev_top, p.nextprev_bot, small.new, sup
	{	font-family: "trebuchet ms", sans-serif }

/*	Links */
a, a:visited, a h3, a:visited h3, #content table.form th a, #content table.form th a:visited
	{	text-decoration: none; font-weight: bold; color: #1a18a0 }
#content th a, #content th a:visited
	{	color: #bfb8a0 }
a:hover
	{	color: #76705c }
#content th a:hover
	{	color: #030b4c }

/*	Headings and lists */
h1
	{	margin: 0 0 20px; color: #303335;
		font-size: 22px }
h2, dt
	{	margin: 20px -30px 10px -30px; padding: 1px 30px 3px;
		border-top: 1px dotted #b0a789; border-bottom: 1px dotted #b0a789;
		font-size: 21px;
		background-color: #eceae6; background-color: rgba(191, 184, 160, 0.25) }
h3
	{	margin: 15px 0 5px;
		font-size: 19px }
h4, h5
	{	margin: 15px 0 10px }
h4
	{	font-size: 17px }
h5
	{	font-size: 13px }
h6
	{	font-size: 11px }
h6
	{	margin: 0 0 5px }

blockquote
	{	margin: 5px 30px 10px; font-style: italic }
blockquote.contact
	{	font-size: 13px }

dl
	{	margin: 20px 0 10px }
dd
	{	margin: 0 0 10px 30px }
dt
	{	font-weight: bold }
dl.small dt
	{	margin: 10px 0 5px; padding: 0; border: 0 none;
		font-size: 17px; font-weight: bold;
		background-color: transparent }

ol, ul
	{	margin: 20px 0 10px 50px; padding-left: 0 }
ul	{	list-style-type: square }
.compress
	{	margin-left: 20px }
li
	{	margin: 5px 0 0 }
li:first-child
	{	margin-top: 0 }
li li:first-child
	{	margin-top: 5px }

#errors ul.compress
	{	margin: 5px 0 10px 30px }

/*	Forms */
input, textarea, select, option, optgroup, button
	{	font-size: 13px }
optgroup
	{	font-weight: bold; font-style: normal }

/*	Inline */
abbr
	{	border-bottom: 1px dotted #76705c }
blockquote em, em em
	{	font-style: normal }
blockquote.contact em
	{	font-style: italic }
small
	{	letter-spacing: -0.2em }
small.new
	{	font-size: 13px; font-weight: bold; font-style: italic }
sup
	{	font-size: 70%; line-height: 0.8; vertical-align: 60% }
sub
	{	font-size: 70%; line-height: 0.8; vertical-align: -30% }

/*	Paragraphs */
p
	{	margin: 0 0 10px; text-indent: 30px }
p.nextprev_top
	{	margin-bottom: 15px }
p.nextprev_bot
	{	margin-top: 15px }
p.nextprev_top, p.nextprev_bot
	{	font-size: 13px; text-indent: 0 }
p.nextprev_top a, p.nextprev_bot a
	{	font-weight: normal }
p.nextprev_top, p.nextprev_bot
	{	text-align: right }
p.pict_capt
	{	font-size: 13px }
p.pict_credit
	{	font-size: 11px }

/*	Tables */
table.table, table.grid
	{	border: 2px solid #b0a789; -moz-border-radius: 10px; border-radius: 10px;
		background-color: white }
table.form
	{	border: 2px solid #b0a789; -moz-border-radius: 10px; border-radius: 10px }
table.table th, table.grid th, table.form thead th
	{	padding: 4px 10px; color: #303335;
		background-color: #b0a789;
		font-size: 19px; font-weight: normal; font-style: italic }
table.form tbody th
	{	padding: 4px 10px; color: #303335;
		background-color: #b0a789;
		font-size: 13px; font-weight: bold; text-align: left }
table.form tbody tr:first-child th
	{	border-top: 1px solid #d3c8a4 }
table.table th:first-child, table.grid th:first-child, table.form thead th:first-child
	{	border-left: 0 none; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px }
table.table th:last-child, table.grid th:last-child, table.form thead th:last-child
	{	-moz-border-radius-topright: 6px; border-top-right-radius: 6px }

table.table td
	{	padding: 6px 15px; border-top-width: 2px }
table.table td.leftb
	{	border-left: 2px solid #b0a789 }
table.table th.button
	{	padding: 0 0 0 15px }
table.table .container td
	{	padding: 13px 15px 3px }
table.table .top td
	{	padding-top: 10px; border: 0 none }
table.table .bot td
	{	padding-bottom: 10px }
table.table p, table.grid p
	{	text-indent: 0 }

table.grid td
	{	padding: 6px 15px }
table.grid .container td
	{	padding: 13px 15px 3px }
table.grid .styles td
	{	padding: 10px }
table.grid .styles h3
	{	margin: 0 }
table.grid .styles h5
	{	margin: 3px 0 0 }
table.grid .styles h5.right
	{	text-align: right }
#content table.grid .styles img
	{	margin-right: 10px; border: 2px solid white }
#content table.grid .styles img:hover
	{	border-color: #bfb8a0 }

table.grid .samples td
	{	 }
table.grid tbody tr.samples:first-child td
	{	border-top: 2px solid #b0a789 }
table.grid .specs
	{	background-color: #dae6eb }
table.grid .specs .empty
	{	background-color: white }
table.grid .specs td
	{	padding: 0 10px 0 0; border-top: 0 none;
		font-size: 13px }
table.grid .specs td td
	{	padding: 2px 0 2px 10px; border: 0 none;
		font-size: 13px }

table tbody.list
	{	font-size: 13px }

table.form thead th
	{	text-align: left }
table.form tbody td
	{	font-size: 13px }
table.form .but td
	{	padding-top: 4px; padding-bottom: 2px; background-color: #b0a789; border-top: 0 none }
table.form .but td:first-child
	{	-moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px }
table.form .but td:last-child
	{	-moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px }
table.form tbody td #SelectedStyle
	{	border: 1px solid white }

button, input.button
	{	width: 150px; height: 30px; font-weight: bold }
label.disabled
	{	color: #92999d }

hr
	/*	IE doesn't compress top margin; use no bottom margin on preceding paragraph to fix */
	{	margin: 15px 0 8px; padding: 0 0 7px; border: 0 none; border-top: 2px solid #b0a789 }
#errors
	{	border: 1px dotted #a34d44; background-color: #e5e57f; padding: 5px 10px 0 0;
		margin-right: 40px }
#siteseal
	{	display: block; float: right; margin-top: 5px; margin-left: 10px; text-align: center }

/*	Display overrides */
img
	{	display: block }
img.icon
	{	vertical-align: text-bottom }
#content img.swatch
	{	border: 1px solid #303335 }
.nonetscape
	{	display: block }
.nowrap
	{	white-space: nowrap }
.print, .hide
	{	display: none }
.right
	{	float: right }
.black
	{	color: #303335 }

/*	Colours */
h1, h2, h3, dt, #content>p strong, blockquote
	{	color: #76705c }
table.form strong,
#content th h1, #content th h2, #content th h3, #content th dt, #content th strong, #content th blockquote
	{	color: #303335 }
img.pict
	{	border-color: #b0a789 }
.hr, .hr2
	{	border-color: #b0a789 }
table.form tbody
	{	background-color: #dae6eb }
table.box, table.box2, table.box .div td, table.box2 .div td,
	table.columns .div td, table.columns .div2 td, table.columns .divbot td,
	table.form,
	table.grid, table.grid td,
	table.table, table.table td, table.table .div td, table.table .div2 td, table.table .light td,
	table.vert, table.vert td, table.vert .foot td,
	table.div2, table.frame, td.pq, td.pq_bot, td.pq_top
	{	border-color: #b0a789 }



/*	PAGE STRUCTURE */
body
	{	margin: 0;
		background: #bfb8a0 url(img/tile-back.png) repeat-y center top }
#tile
	{	width: 100%; margin: 0;
		background: transparent url(img/tile-clouds.jpg) no-repeat center top }
.wrapper
	{	width: 980px; margin: 0 auto }

/*	Header */
#header
	{	height: 290px;
		background: transparent url(img/mayfair-house.png) no-repeat left top }
#header.noalbum
	{	height: 240px;
		background: transparent url(img/mayfair-house.png) no-repeat left -50px }
#header p
	{	margin: -310px 437px 0 0; height: 210px; text-indent: -8000px }
#album
	{	margin: -50px 0 0 auto; width: 437px; height: 310px; padding-bottom: 63px;
		background: transparent url(img/album.png) no-repeat right top }
#album img
	{	display: none; padding-left: 36px }
#album img:first-child
	{	display: block }

/*	Ribbon */
#ribbon
	{	list-style-type: none; margin: 0; padding-bottom: 15px; height: 35px;
		background: transparent url(img/ribbon.png) repeat-x left top }
#ribbon>li, #ribbon>li>a
	{	display: block; margin: 0; padding: 0; width: 128px; height: 35px }
#ribbon>li
	{	float: left; border-right: 2px solid #1a18a0; text-align: center; text-transform: uppercase; padding-top: 2px;
		font: 14px/14px "times new roman", times, serif; text-shadow: rgba(146, 153, 157, 0.5) 1px 1px 2px;
		background: transparent url(img/ribbon.png) no-repeat center -50px }
#ribbon>li:first-child
	{	margin-left: 18px; border-left: 2px solid #1a18a0 }
#ribbon>li:hover
	{	background-position: center -100px }

/*	Menus for ribbon */
#ribbon>li>ul
	{	margin: 0 -70px -64px; padding: 0px 70px 76px; list-style-type: none; text-align: left; text-transform: none;
		display: none;
		background: transparent url(img/ribbon.png) no-repeat center bottom }
#ribbon>li>ul li
	{	margin: 0 }
#ribbon>li>ul li.ind
	{	padding: 3px 15px 3px 25px; list-style-type: square; list-style-position: inside }
#ribbon>li>ul li:hover
	{	background-color: white }
#ribbon>li>ul a
	{	display: block; padding: 3px 15px }
#ribbon>li>ul li.ind a
	{	display: inline; padding: 0 }
/*	Removed because it only works in Firefox and partially in IE:
#ribbon>li>ul li.ind
	{	padding: 4px 15px 2px 25px; list-style-type: square; list-style-position: inside }
#ribbon>li>ul li.ind a
	{	display: block; margin: -18px -15px -3px -25px; padding: 3px 15px 3px 36px } */

/*	Main trunk */
#trunk
	{	background: transparent url(img/pole.png) repeat-y 236px top }
#sidebar
	{	float: left; width: 200px; margin: 0 0 10px 18px }
#crumb
	{	list-style-type: none; margin: 0 0 30px; padding-top: 32px;
		background: transparent url(img/crumb.png) no-repeat left -100px }
#crumb li
	{	height: 46px; margin: 0; padding: 18px 0 0;
		background: transparent url(img/crumb.png) no-repeat center top }
#crumb li:first-child
	{	padding-top: 0; background-position: center -18px }
#crumb a
	{	display: block; height: 46px;
		background: transparent url(img/crumb.png) no-repeat center bottom;
		text-indent: -8000px }
#crumb .home a
	{	background-position: center -100px }
#crumb .home a:hover
	{	background-position: right -100px }
#crumb .styles a
	{	background-position: center -150px }
#crumb .styles a:hover
	{	background-position: right -150px }
#crumb .options a
	{	background-position: center -200px }
#crumb .options a:hover
	{	background-position: right -200px }
#crumb .uses a
	{	background-position: center -250px }
#crumb .uses a:hover
	{	background-position: right -250px }
#crumb .about a
	{	background-position: center -300px }
#crumb .about a:hover
	{	background-position: right -300px }
#crumb .colours a
	{	background-position: center -400px }
#crumb .colours a:hover
	{	background-position: right -400px }
#crumb .emblems a
	{	background-position: center -450px }
#crumb .emblems a:hover
	{	background-position: right -450px }
#content
	{	float: right; width: 650px; margin-bottom: 20px; padding: 0 30px }
#content h1
	{	padding: 42px 20px 6px; margin: 0 auto 20px; width: 510px; height: 30px; color: #303335;
		text-align: center; text-transform: uppercase; text-shadow: rgba(146, 153, 157, 0.5) 1px 1px 2px;
		background: transparent url(img/title.png) no-repeat left top }
#sidebar img, #content img
	{	border: 0 none }

/*	Footer */
#footer
	{	clear: both; padding: 10px 30px; border-top: 2px solid #b0a789;
		background-color: #dae6eb }
#footer .pageid
	{	color: #dae6eb }
#footer table
	{	margin: 10px 0; width: 100%; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #aab2dd;
		background-color: #edf3f5 }
#footer>table td, #footer>table th
	{	padding: 6px 10px 2px; border-left: 1px dotted #b0a789;
		font-size: 13px }
#footer>table th
	{	text-align: center;
		background-color: white }
#footer>table td:first-child, #footer>table th:first-child
	{	border-left: 0 none }
#footer>table th:first-child
	{	border-left: 0 none; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px }
#footer>table th:last-child
	{	-moz-border-radius-topright: 10px; border-top-right-radius: 10px }
#footer ul
	{	margin: 0 0 5px 20px; list-style-type: square;
		text-align: left }
#footer>p
	{	clear: both;
		font-size: 13px; text-align: center; text-indent: 0 }

/*	Alternates for home page */
.home #header
	{	height: 355px;
		background-image: url(img/home-mayfair.png) }
.home #header h1
	{	height: 310px; margin: 0; text-indent: -8000px }
.home #album
	{	margin-top: -360px; padding-bottom: 45px }
.home #trunk
	{	margin-top: -45px;
		background: transparent url(img/home-pole.png) repeat-y 268px top }
.home #sidebar
	{	width: 205px; margin: 0 0 10px 30px }
.home #sidebar h2
	{	margin: 0; padding: 45px 0 0; border: 0 none;
		background: transparent url(img/home-chains.png) no-repeat 0px top }
.home #content
	{	float: right; width: 608px; padding-right: 30px; margin-bottom: 10px }
.home #content ul.menu
	{	list-style-type: none; width: 565px; margin: 0 auto 30px }
.home #content ul.menu li
	{	margin: 0; padding: 27px 0 0;
		background: transparent url(img/home-chains.png) no-repeat -371px -45px }
.home #content ul.menu li:first-child
	{	padding-top: 45px; background-position: -371px top }
#Christmas
	{	padding: 25px 80px 15px; text-align: center; margin-top: 10px; margin-bottom: 20px;
		background: transparent url(img/christmas.gif) no-repeat center top; height: 40px;
		font: bold italic 24px/1.3 Georgia, "Times New Roman", Times, Cambria, serif; color: red }
h2.slogan
	{	margin: 20px 0 0;
		border: 0 none;
		font-size: 21px; text-align: center;
		color: black; background-color: transparent }


/*	Alternates for blank page */
body.blank
	{	margin: 10px;
		background: white }
body.blank #footer
	{	padding: 0; border: 0 none;
		background-color: transparent }
body.blank #footer .pageid
	{	color: white }
body.blank #footer>p
	{	text-align: left }