﻿html
{
	font-size: 100%;
	margin: 0; padding: 0;
}

body
{
	font-size: 67.5%;
	text-align: center;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
}

form
{
	margin: 0; padding: 0;
}

p { padding: 0; margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }

/* ====================================================== */

.TextRight { text-align: right; }
.LargeMarginBottom { margin-bottom: 40px; }
.LargeMarginRight { margin-right: 40px; }
.MedMarginRight { margin-right: 20px; }
.PadTopBottom { padding: 10px 0; }
.Clear { clear: both; }
.Error { border: solid 1px #b69b8a; padding: 1em; }

/* ====================================================== */

#Wrapper
{
	position: relative;
	background: #fff;
	width: 920px;
	margin: 0 auto; padding: 0;
	text-align: left;
	overflow: hidden;
}

#Masthead
{
	border-top: solid 1px #fff;
	position: relative;
	margin: 0;
	width: 100%;
	height: 240px;
	background: #fff url(images/NTBHHeading.gif) no-repeat 0 0;
}

#SearchForm
{
	position: absolute;
	top: 160px; left: 436px;
	margin: 0; padding: 0;
}

#SideImage
{
	position: absolute;
	top: 0;
	right: 0;
}

#Navigation
{
	font-size: 1.8em;
	position: absolute;
	bottom: 0;
	left: 0;
}

#Content
{
	position: relative;
	display: block;
	width: 100%;
	background: #fff url('images/ContentBG.gif') repeat-y 0 0;
}

#MainArea
{
	font-size: 1.2em;
	width: 680px;
	padding-top: 30px;
	margin-right: 40px;
	border-top: 1px solid #6d3816;
	float: left;
}

#SideArea
{
	width: 180px;
	margin: 20px 10px 0 10px;
	float: left;
}

#ContentEnd
{
	clear: both;
	height: 3em;
}

#Footer
{
	position: relative;
	font-size: 1.2em;
	clear: both;
	width: 100%;
	text-align: right;
	padding: 10px 0;
	font-style: italic;
	background: #fff url(images/FooterBG.gif) repeat-x 0 0;
}
/* ====================================================== */

#Masthead h1
{
	position: absolute;
	width: 690px; height: 60px;
	top: 30px; left: 0;
	overflow: hidden;
}

	#Masthead h1 a
	{
		display: block;
		width: 100%;
		height: 100%;
		border: 0;
	}
	#Masthead h1 span
	{
		margin-left: -999px;
	}

/* ------------------------------------------------------ */

#SearchForm input.SearchBox
{
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 170px; height: 18px;
	border: 1px solid #b69b8a;
}

#SearchForm input.SearchButton
{
	position: absolute;
	top: 0; left: 170px;
	margin: 0; padding: 0;
}

/* ------------------------------------------------------ */


#Navigation ul
{
	list-style: none;
	margin: 0; padding: 0;
}

#Navigation a
{
	display: block;
	text-decoration: none;
	padding: 0.3em 0.1em;
	color: #b69b8a;
}

#Navigation a:hover { color: #6d3816; }

#Navigation span
{
	display: block;
	text-decoration: none;
	padding: 0.3em 0.1em;
	color: #3d1f0c;
}

#Navigation li
{
	display: block;
	float: left;
	margin-right: 1.5em;
}

/* ------------------------------------------------------ */

#MainArea h2
{
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	color: #6d3816;
	background-color: #b69b8a;
	padding: 5px;
	font-weight: normal;
}

#MainArea h3
{
	margin: 0;
	font-size: 1.5em;
	color: #6d3816;
	font-weight: normal;
}

#MainArea textarea
{
	width: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
}

	#MainArea table textarea
	{
		width: 40em;
	}

#MainArea textarea.NoEditor
{
}

/* ------------------------------------------------------ */

#SideArea a { color: #6d3816; }
#SideArea a:hover { color: #3d1f0c; }

#SideArea a img
{
	text-decoration: none;
	border: none;
}

#SideArea h2
{
	font-size: 1.8em;
	color: #6d3816;
	font-weight: normal;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #6d3816;
}

#SideArea h3
{
	font-size: 1.2em;
}

#SideArea dl, #SideArea address
{
	font-size: 1.1em;
}

	#SideArea dt
	{
		font-style: italic;
		margin: 0; padding: 0;
	}
	
	#SideArea dd
	{
		margin: 0 0 2em 0; padding: 0;
	}

#SideArea address
{
	margin: 1em 0;
	font-style: normal;
}

	#SideArea dl.Address dt
	{
		font-style: normal;
		font-weight: bold;
		float: left;
		display: block;
		clear: both;
		width: 2.25em;
	}
	#SideArea dl.Address dd
	{
		float: left;
		width: 10em;
		margin: 0;
	}

#SideArea hr
{
	display: block;
	border: 0;
	color: #6d3816;
	background-color: #6d3816;
	height: 1px;
	width: 100%;
}

/* ====================================================== */

#SideArea ul.SidebarLinks
{
	list-style-type: none;
	margin: 0 0 2em 0; padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

	#SideArea ul.SidebarLinks li
	{
		display: block;
		padding: 10px 0 5px 0;
	}

		#SideArea ul.SidebarLinks li a
		{
			text-decoration: none;
		}

			#SideArea ul.SidebarLinks li a em,
			#SideArea ul.SidebarLinks li span em
			{
				font-weight: normal;
			}

/* ====================================================== */

.HomeBlock
{
	position: relative;
	background-color: #b69b8a;
	padding: 0;
	width: 320px;
	float: left;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
}
	
	.HomeBlock div.Heading
	{
		position: absolute;
		top: 0; left: 0;
		height: 40px; width: 100%;
		overflow: hidden;
	}

	.HomeBlock a img
	{
		border: 0;
	}

	.HomeBlock div.Text
	{
		padding: 10px;
	}

	.HomeBlock h3
	{
		font-weight: normal;
		padding: 10px 0 0 10px;
		margin: 0;
		color: #6d3816;
		font-size: 18px;
	}

	.HomeBlock a { color: #fff; }
	.HomeBlock a:hover { color: #6d3816; }


	.HomeBlock div.Main
	{
		height: 360px;
		margin-right: 20px;
	}

		.HomeBlock div.Main img
		{
			margin-top: 40px;
		}
		
		.HomeBlock div.Main ul
		{
			list-style: none;
			padding: 0; margin: 0;
		}
		
			.HomeBlock div.Main ul li
			{
				display: block;
				float: left;
				margin: 0 7px 0 0;
			}
	
	.HomeBlock div.Small
	{
		height: 160px;
	}
	
		.HomeBlock div.Small img
		{
			position: absolute;
			top: 0; left: 0;
			width: 160px;
			overflow: hidden;
		}
		
		.HomeBlock div.Small div.Heading { left: 160px; }

		.HomeBlock div.Small div.Text
		{
			position: absolute;
			top: 40px; left: 170px;
			padding: 0;
			width: 140px;
			overflow: hidden;
		}

			.HomeBlock div.Small div.Text p
			{
				margin: 0;
			}

/* ====================================================== */

#MainArea div.Column
{
	width: 320px;
	float: left;
	overflow: hidden;
}

	#MainArea div.Column table { width: 100%; }
	#MainArea div.Column textarea { width: 95%; }

#MainArea hr
{
	clear: both;
	display: block;
	border: 0;
	color: #6d3816;
	background-color: #6d3816;
	height: 1px;
	width: 100%;
}

/* ====================================================== */

ul.Lightbox
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	ul.Lightbox li
	{
		display: block;
		width: 50px; height: 50px;
		overflow: hidden;
		float: left;
		margin: 0 7px 7px 0;
	}
		ul.Lightbox li.Last { margin-right: 0; }


		ul.Lightbox li a 
		{
			text-decoration: none;
			border: 0;
			margin-top: 0;
		}

			ul.Lightbox li a img
			{
				border: 0;
				margin-top: -50px;
			}
			ul.Lightbox li a:hover img
			{
				margin-top: 0;
			}

/* ====================================================== */

.PageControlPanel
{
	border: solid 1px #6d3816;
	padding: 1em;
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
	.PageControlPanel textarea
	{
		font-family: Arial, Helvetica, Sans-Serif;
	}

/* ====================================================== */

dl.SearchResults dt a
{
	color: #5579a9;
	font-weight: bold;
}
	dl.SearchResults dt a:hover { color: #344a67; }

dl.SearchResults dd
{
	padding: 0;
	margin: 0 0 1em 0;
	font-style: italic;
	color: #666;
}

/* ====================================================== */

table.ArtworkList
{
}

	table.ArtworkList td { padding: 0.5em; }

	table.ArtworkList tr.Alternate { background-color: #eee; }

	table.ArtworkList td.Thumb div
	{
		width: 50px; height: 50px;
		overflow: hidden;
	}
	
		table.ArtworkList td.Thumb div a img { border: none; }

	table.ArtworkList td.Price
	{
		padding-left: 1em;
		text-align: right;
	}
