body {
	margin: 0;
	padding: 0; 
	text-align: center;
	background: #E9EEF6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 700px;}

h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	margin-top: 6px;
	padding: 0;}
	
p, blockquote, cite, address, dl, ol, ul, legend, label, input, textarea, option, table {
	color: #333;
	font-family: Verdana,Arial,sans-serif;}
	
.column-backpage a {
	font-weight: bold;
	text-decoration: underline;}
.column-backpage a:link {
	color: #069;}
.column-backpage a:visited {
	color: #333;}
.column-backpage a:hover {
	color: #069;}
.column-backpage a:active {
	color: #333;}

table {
	background-color: #fefefe;
	/* width: 380px; */
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;}

th {
	background-color: #eee;
	font-size: .85em;
	text-align: left;
	font-weight: bold;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;}

td {
	font-size: .80em;
	border-bottom: 1px solid #eee;}

#wrapper {
	width: 780px;
	background: repeat-y center url(images/middle_background.gif) transparent;
	text-align: left;
	margin-left: auto;
	margin-right: auto;}

#header {
	width: 100%;
	background-color: #fff;
	margin-left: 14px;
	width: 752px;
	border-bottom: 4px solid #FCD6D8;}

#availability {
	float: right;}

#content {
	width: 100%;
	background-color: #fff;
	margin-left: 14px;
	width: 752px;
	font-size: .80em;}

#navigation {
	width: 752px;
	background: repeat-x top url(images/nav_background.gif) transparent;
	font-size: 1em;}
	#navigation ul {
		margin: 0;
		padding: 0;}
	#navigation ul li {
		display: inline;
		list-style: none;
		list-style-image: none;
		margin: 0 0 0 -5px;
/* doesn't display correctly in Firefox
		margin: 0;
*/
/* doesn't display correctly in IE
		margin: 0 0 0 -5px;
*/
		padding: 0;
		border-right: 3px solid #ccc;}
	#navigation li.first {
		margin-left: 10px;
/* doesn't display correctly in Firefox
		margin-left: 30px;
*/
/* doesn't display correctly in IE
		margin-left: 38px;
*/
		border-left: 3px solid #ccc;}
/* LVHA */
	#navigation a {
		padding: 0 10px;
		text-decoration: none;}
	#navigation a:link {
		color: #069;
		text-decoration: none;}
	#navigation a:visited {
		color: #333;
		text-decoration: none;}
	#navigation a:hover {
		color: #069;
		text-decoration: none;
		background-color: #fff;}
	#navigation a:active {
		color: #333;
		text-decoration: none;}
	
	#navigation li.selected {
		background-color: #fff;}

#footer {
	background: #E9EEF6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 4px 0 4px 8px;
	width: 744px;
	margin-left: 14px;
	font-size: .80em;}
	
#rhynodesigns {
	float: right;
	font-size: .80em;
	margin: 0;
	padding: 2px 8px}

.clear {
	clear: both;
	height: 10px;
	margin: 0;
	padding: 0;}

.column-two p {
	margin; 0 auto;
	padding: 2px 5px 18px 5px;}
	
	
/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float
	{
	float				: left;
	width				: 66%;
	}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
	{
	width				: 66%;
	float				: right;
	}
.column-two
	{
	width				: 34%;
	float				: left;
	}
.column-three
	{
	width				: 34%;
	float				: right;
	}

/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap
	{
	padding				: 0px;
	color				: #000;
	background-color	: #ccc;
	}
.box-header
	{
	margin				: 0px;
	padding				: 12px;
	color				: #000;
	background-color	: #fff;
	border				: none;
	}

.column-one-content, .column-two-content, .column-three-content, .column-backpage {
	margin: 0px;
	padding: 6px;
	border: none;
	background : #fff;}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }
/* */


/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display: inline-table;
	/* \*/display: block;/**/} 
.wrap1 {
	float: left;
	background: url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {
	background: url(images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding: 0 6px 6px 0;
	background: url(images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display: block;
	border: 1px solid #ccc;
/*	border-color: #efefef #ccc #ccc #efefef;*/
	}

.container-moreinfo {
    width: 200px;
	font-size: .80em;
	position: relative;
	margin: 10px 0;}

.image-moreinfo img {
	float: left;}
	.image-moreinfo img {
		margin: 0 4px 0 0;
		border: 1px solid #999;}

.moreinfo {
	}
	.moreinfo strong {
		display: block;
		padding: 0 0 2px 0;}
	.moreinfo a {
		font-weight: bold;
		text-decoration: underline;}
	.moreinfo a:link {
		color: #069;}
	.moreinfo a:visited {
		color: #333;}
	.moreinfo a:hover {
		color: #069;}
	.moreinfo a:active {
		color: #333;}

.quote {
    width: 200px;
	height: 200px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .80em;
	color: #000;
	text-decoration: none;
	padding: 4px 0 0 0;}

.quoteauthor {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.10em;
	font-weight: bold;
	color: #000;
	margin: 0 0 4px 0;
	padding: 4px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;}

.clear-float {
	clear: both;
	margin: 0;
	padding: 0;}
	
dl {
	padding: 0;
	margin: 0;
	text-align: left;}

dt, dd {
	padding: 0;
	margin: 0;}

dl {
	}

dl p, dl ol, dl ul {
	padding: 0;
	margin: 0;}

dt {
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 14px;}

dd {
	line-height: 1.4em;
	padding: 4px 0 0 14px;
	font-size: .86em;
	/* border-bottom: 1px solid #ccc;*/
	}
	dd li {
		list-style-image: url(images/bullet.gif);
		margin-left: 20px;
	}