/* Import other css files ... */

@import url(/css/text.css);

img								{ border: 0px; }
*								{ background-repeat: no-repeat; }
.off,.hidden						{ display: none !important; }



/* over-ride css from imported file(s) ... */

#postIt							{ display: none; }



#canvas							{ border: 0px; padding: 0px !important; margin: 0px; background-color: #000000 !important; font: normal 10pt verdana; }
#content							{ clear: both; text-align: center; width: 100%; margin: 10px auto 0px auto; padding: 0px 0px 10px 0px; background-image: none; background-position: bottom center; background-repeat: repeat-x; }
#w3c							{ }
#w3c img							{ margin-bottom: 5px; }
#w3c.home						{ padding-top: 5px; }
#ga								{ clear: both; width: 100%; border-top: 0px solid olive; }



/* Page Header (logo, slogan, top-menu) etc. ... */

#header							{ position: relative; top: 0px; left: 0px; clear: both; margin: 25px auto 0px auto; width: 1024px; height: 100px; background-image: none; background-position: top center; }
#header #mds						{ width: 800px; height: 50px; background-image: url(/gfx/logos/mds-stained-glass.png); margin: 0px auto 0px auto; }
#header #mds img.spacer				{ width: 800px; height: 50px; }
#header #slogan					{ width: 800px; height: 35px; background-image: url(/gfx/ecclesiastical-residential-and-architectural-stained-glass-commissions.png); margin: 0px auto 0px auto; cursor: pointer; }
#header #menu-bar					{ display: none; width: 980px; height: 30px; background-image: url(/gfx/back/menu-bar.png); margin: 5px auto 0px auto; }
#header #mds img.spacer				{ width: 980px; height: 30px; }
#header #cover					{ position: absolute; top: -25px; right: 0px; width: 150px; height: 150px; background-image: url(/gfx/book-cover.png); }
#header #cover img.spacer			{ width: 150px; height: 150px; }
#header #cover:hover				{ background-image: url(/gfx/hover/cover.png); top: -20px; }

#central							{ position: relative;  top: 0px; left: 0px; width: 1000px; height: 600px; margin: 0px auto 0px auto; background-color: #000000; background-image: url(/gfx/back/central.gif); background-position: top center; }
#central.home						{ background-image: none; }
#basement						{ display: none; clear: both; height: 100px; border-top: 1px solid #3881a3; background-image: none; background-position: top center; background-repeat: repeat-x; }

#image							{ position: absolute; left: 31px; top: 31px; width: 320px; height: 470px; background-color: transparent; background-image: url(/gfx/back/image.png); background-position: top center; }
#image:hover						{ background-image: none; }
#image.plain:hover					{ background-image: url(/gfx/back/image.png); }
#image img.image					{ padding: 9px; border: 1px solid transparent; }
#image img.image:hover				{ padding: 9px; border: 1px solid transparent; }
#image a img.image:hover				{ padding: 8px; border: 2px solid olive; }
h3.caption							{ color: #808080; font: normal 8pt verdana; padding-top: 10px; }
#image p							{ color: #c0c0c0; }

#caption							{ background-image: url(/gfx/shade/drop.png); height: 50px; }

#central h1						{ color: olive; font: bold 10pt verdana; border-bottom: 1px solid olive; padding: 15px 0px 10px 0px; letter-spacing: 0px; }
#central h1.ruler					{ border-color: #e0e0e0; padding: 5px 0px 0px 0px; }
#central h2.quote					{ color: olive; font: normal 8pt "Trebuchet MS",verdana; border-bottom: 1px dashed #808080; padding: 0px 0px 10px 0px; margin-bottom: 10px; letter-spacing: 2px; text-align: justify; line-height: 20px; }
#central h2.sub						{ font: bold 11pt "Trebuchet MS",verdana; letter-spacing: 0px; padding-top: 20px; }

#home							{ padding-top: 30px; }



/* The Text area in the centre ... */

#info							{
								position: absolute; left: 381px; top: 31px; width: 390px; height: 540px; padding-right: 30px; background-color: transparent; text-align: left; overflow: auto;

								}
								
#info h2							{ font: bold 11pt "Trebuchet MS",verdana; letter-spacing: 0px; padding-top: 0px; }
#info p							{ color: #404040; font: normal 10pt "Trebuchet MS", verdana; }
#info p a:hover						{ border-bottom: 1px solid olive; }
#info p							{ text-align: justify; line-height: 20px; }
#info p b							{ color: olive; }
#info p.bold						{ color: olive; }

#info.full							{ left: 31px; width: 740px; }
#info.cinemascope					{ left: 31px; width: 930px; }
#info.home						{ display: none; left: 0px; top: 670px; width: 1000px; }



/* Home Page "Panels" ... */

#panels							{ width: 840px; text-align: center; margin: 0px auto 0px auto; background-color: transparent; clear: both; }
#panels a							{ color: #606060; }
#panels div.panel					{ position: relative; float: left; width: 280px; height: 280px; background-color: transparent; background-image: url(/gfx/back/panel.png); background-position: middle middle; }
#panels div.panel:hover				{ background-image: url(/gfx/hover/panel.gif); }
#panels div.panel div.inner				{ position: absolute; top: 50%; width: 100%; height: 280px; text-align: center; margin-top: -100px; }
#panels div.panel div.inner img			{ width: 160px; height: 160px; padding: 20px; }
#panels div.panel div.inner img.cover		{ width: 142px; height: 200px; padding: 0px; }
#panels div.panel div.inner img.spacer	{ height: 240px; }
#panels div.caption					{ position: relative; float: left; width: 280px; height: 16px; }
#panels div.caption a					{ }
#panels div.caption a:hover			{ color: #FFD700; border-color: olive; }

h1#breadcrumb	a					{ font: normal 8pt verdana; text-decoration: none; border-bottom: 1px solid #e0e0e0; }
h1#breadcrumb	a:hover				{ font: normal 8pt verdana; border-bottom: 1px solid olive; }



/* Right-hand-side menu ... */

#menu							{ position: absolute; left: 798px; top: 31px; width: 178px; height: 540px; background-color: transparent; background-image: none; text-align: left; border-left: 3px double #e0e0e0; }
#menu div.inner					{ padding: 0px 0px 0px 25px; }
#menu div.inner a					{ border: 0px; }
#menu div.inner h2					{ border-top: 3px double #000000; border-bottom: 3px double #000000; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; }
#menu div.inner h1					{ padding-top: 15px; }
#menu div.inner h1 a:hover			{ border: 0px; }
#menu div.inner ol					{ margin: 0px; padding: 0px 0px 0px 10px; color: olive; font: normal 8pt verdana; list-style-type: lower-roman; }
#menu div.inner ol li					{ margin: 10px; padding: 0px 0px 0px 0px; line-height: 20px; }
#menu div.inner ol li.current			{ color: #404040; }
#menu div.inner ol li.current a			{ color: olive; border-color: #FFFFFF; font-weight: bold; }
#menu div.inner ol li.current a:hover		{ color: olive; border-color: #000000; }

#menu img.chas					{ border: 1px solid transparent; margin: 0px 0px 0px 0px; padding: 8px; }
#menu img.chas:hover				{ border: 1px solid transparent; }
#menu p							{ font-size: 10pt; }

#menu div.inner li a					{ color: #404040; text-decoration: none; border-bottom: 1px solid #e0e0e0; padding-bottom: 2px; }
#menu div.inner li a:hover				{ border-bottom: 1px solid olive; }

#menu div.inner #tools				{ display: none; position: absolute; left: 25px; bottom: -10px; }
#menu div.inner #tools p				{ font-size: 8pt; }
#menu div.inner #tools a				{ font-size: 8pt; }



/* Accreditations ... */

#menu #accreditations				{ }
#menu #accreditations h1				{ display: none; }
#menu #accreditations div.chas			{ display: none; padding-left: 5px; }
#menu #accreditations div.cscs			{ padding-left: 5px; }



/* Credits ... */

#credits							{ padding-bottom: 10px; background-image: url(/gfx/mouse.jpg); background-position: 0px 30px !important; }
#credits p							{ margin-left: 90px; }



/* Postal address along the bottom ... */

#container.home #address				{ height: 55px; margin-top: 0px; padding-top: 0px; color: olive; background-image: none !important; }
#container.home #address a			{ color: #556B2F; }
#container.home #address a:visited		{ color: #556B2F; }

#container.sitemap ol					{ margin-bottom: 20px; }

#address							{ height: 60px; font-size: 8pt; margin: 9px auto 0px auto; padding-top: 25px; color: #556B2F; background-color: #000000; background-image: url(/gfx/back/footer.gif); background-position: top center; }
#address a						{ color: olive; }
#address a:visited					{ color: olive; }
#address:first-line					{ font-size: 10pt; line-height: 20px; }
#address:hover						{ color: #556B2F; }
#address:hover	a					{ color: olive; }



/* Expanded text content ... */

#continued						{ }



/* Testimonials page ... */

#content.testimonials h2.quote			{ letter-spacing: 0px; }



/* Gallery page ... */

#content.gallery					{ }
#central.gallery						{ }
#central.gallery	#info				{ overflow: hidden !important; left: 31px !important; clear: right !important; width: 740px; height: 65px; }
#central.gallery	#intro				{ overflow: hidden; }

#commentary						{ position: absolute; top: 10px; right: 29px; height: auto; color: olive; }

#gallery							{ overflow: hidden; position: absolute; left: 31px; top: 96px; width: 750px; height: 480px; background-color: transparent; background-image: none; background-position: top center; }
#gallery a:hover					{ border: 0px; }
#gallery div.picture					{ float: left; width: 140px; height: 140px; background-image: url(/gfx/back/thumbnail.png); margin: 0px 10px 10px 0px; }
#gallery div.picture div.inner			{ display: table-cell; vertical-align: middle; width: 140px; height: 140px; background-color: transparent; }

div.picture div.inner img.thumbnail		{ padding: 4px; border: 1px solid #c0c0c0; background-color: #FFFFFF; }
div.picture div.inner img.thumbnail:hover	{ border-color: olive; }
div.picture div.inner a:hover			{ border: 0px; }

#gallery div.picture:hover				{ background-color: #eeeeee; background-image: url(/gfx/back/hi/picture.png); background-position: center center; }

#gallery div.holder					{ float: left; width: 140px; height: 140px; background-image: url(/gfx/back/thumbnail.png); margin: 0px 10px 10px 0px; }
#gallery div.holder:hover				{ background-color: #FFFFFF; }
#gallery div.holder img.thumbnail		{ padding: 4px; border: 1px solid #FFFFFF; background-color: #FFFFFF; margin-top: 10px; }
#gallery div.holder img.thumbnail:hover	{ border-color: #FFFFFF; }

#gallery:hover						{ background-image: none; }
#gallery h3.caption					{ font: normal 8pt verdana; padding-top: 10px; }
#gallery p							{ color: #c0c0c0; }
#gallery #instructions				{ clear: left; }



/* News Headlines (/news) ... */

#headlines ol						{ list-style-type: lower-roman; font: normal 8pt verdana; }
#headlines ol li						{ margin-bottom: 20px; }
#headlines ol li a					{ font: normal 10pt "Trebuchet MS",tahoma,verdana; }



/* About page (/about) ... */

#profile							{ }
#profile div#nettles					{ float: left; width: 120px; height: 120px; }
#profile div#nettles img.Bergerac		{ padding: 4px; border: 1px solid #a0a0a0; }



/* Generic Table(s) ... */

.grid								{ border-collapse: collapse; border: 2px solid olive; }
.grid tr.header						{ background-color: #eeeeee; }
.grid td							{ padding: 8px; width: 50%; border: 1px solid olive; }
.grid td input.field					{ width: 185px; border: 1px solid #F5FAE6; color: olive; font: normal 8pt verdana; padding: 4px; background: #f5fae6 url(/gfx/back/field.png) repeat-x top; }
.grid td input.field:focus				{ border: 1px solid olive; color: olive; background-color: #ffffff; }
.grid td input.damage					{ width: 185px; height: 70px; border: 1px solid #F5FAE6; color: olive; background-color: #f5fae6; font: normal 8pt verdana; padding: 4px; }
.grid td input.message				{ width: 185px; height: 150px; border: 1px solid #F5FAE6; color: olive; background: #f5fae6 url(/gfx/back/field.png) repeat-x top; font: normal 8pt verdana; padding: 4px; }
.grid td input.damage:focus			{ border-color: olive; background-color: #ffffff; }
.grid td input.message:focus			{ border-color: olive; background-color: #ffffff; }

label								{ color: #808000; font: normal 8pt verdana; }

.grid#quote						{ width: 390px; margin: 15px 0px 10px 0px; border: 0px; }
.grid#quote tr						{ border-bottom: 0px solid olive; }
.grid#quote tr td					{ border: 0px; padding: 0px 0px 8px 0px; }
.grid#quote input.cancel				{ background-color: #FFFFFF; color: olive; border: 1px solid #FFFFFF; font: bold 10pt verdana; padding: 5px; margin: 0px 0px 0px 50px; background-repeat: repeat-x; background-position: top; text-decoration: underline; }
.grid#quote input.cancel:hover			{ text-decoration: none; cursor: pointer; }
#restoration						{ margin: 10px 0px 10px 0px; }

/* Buttons ... */

input.button						{ background-color: olive; color: #FFFFFF; border: 1px solid olive; font: bold 10pt verdana; padding: 5px; margin: 0px; background-image: url(/gfx/back/button.png); background-repeat: repeat-x; background-position: top; }
input.button:hover					{ background-color: #FFFFFF; color: olive; border: 1px solid olive; font: bold 10pt verdana; padding: 5px; margin: 0px; cursor: pointer; }
input#continue.button					{ margin: 10px 0px 10px 0px; }



/* iFrames (Television) ... */

#tv								{ width: 160px; height: 160px; border: 0px; padding: 0px; margin: 20px auto 0px auto; text-align: center; background-color: #000000; }





/* 2x side-by-side blocks (lists here...) ... */

#lists							{ clear: both; }
#lists div.list						{ float: left; width: 320px; }
#lists div.list ol						{ list-style-type: none; padding: 0px; }
#lists div.list ol li					{ line-height: 25px; }



/* End ... */