/*Background on the brochure = #EDF4EC*/

/*Somewhere between the green and the blue - #6C7D6E*/

html,body {
    height: 100%;
	font-family: arial,sans-serif; font-size: 10pt; letter-spacing: 1px;
	margin: 0px; padding: 0px;
	background-color:  #94A47D;
	background-image: url('back_shadow.gif'); background-repeat: repeat-y; background-position:center; }
div.topbar {color: #000; font-size: 28pt; padding: 4px 16px}
div.bottombar {clear: both; text-align: right; font-size: 8pt; padding-right: 10px;}
div.pagehead { padding: 4px/* 16px*/;padding-left: 16px; color: #445660; font-size: 12pt; text-align: left; border-bottom: 2px solid #6C7D6E; margin-bottom: 10px; font-variant: small-caps}
div.pagehead a.breadcrumb {text-decoration: none; color: #000}
div.pagehead a.breadcrumb:hover {color: #445660}
h3 {border-bottom: 2px solid #6C7D6E; font-size: 10pt; padding-left: 16px;}

div.submenu {padding: 0px 0px 0px 10px}
div.menubar {clear: left; float: left; width: 200px; padding-left: 3px}

div.menubar img {border: none;}

div.menubar a {background-color: #EDF4EC; border: 1px solid #999; margin: 1px; display:block; text-decoration: none; color: #000; margin: 1px; background-image: url('green_glint.gif'); background-repeat: repeat-x; background-position: top; padding: 4px 2px; font-variant: small-caps}
div.menubar a:hover {background-color: #94A47D; color: #FFF; background-image: none}
div.menubar a.currentmenu {background-color: #FFF; color: #000; background-image: none}

div.menubar a {background: none; color: #FFF; border: none; margin: 0px}

div.content {padding:0px; margin-left: 207px; line-height: 140%;}
div.content p {padding-right: 16px; padding-left: 16px;}
table.sizes th {background-color: #666; font-weight: bold; color: #FFF; text-align: left; padding: 4px 16px}
table.sizes td {background-color: #DDD; color: #000; text-align: right; padding: 4px 16px}
table.woods td {font-size: 8pt;}
table.woods td img {border: 1px solid black}
table.woods td a {text-decoration: none; color: #000; display: block}
table.images {/*width: 100%*/}
table.images td {font-size: 8pt; text-align: center}
table.images td img {border: none}
table.images td a {text-decoration: none; color: #000; display: block}

div.contain {min-height: 100%; text-align:left; width: 970px; margin: auto;
	margin-top: 0px;  margin-bottom: 0px;
	background-color: #FFF; /*border: 2px solid #445660;*/
	background-image: url('menuback.gif'); background-repeat: repeat-y; background-position:left; }

table.assoc td {font-size: 8pt; text-align: center}
table.assoc td img {border: none}
table.assoc td a {text-decoration: none; color: #000; display: block}
table.dim th{padding: 2px 6px; text-align: left; background-color: #DDD}
table.dim td{padding: 2px 6px; text-align: right}
table.backs td {font-size: 8pt; text-align: center}



div.sideimg {float: right}
div.sideimg img {display: block}

div.frontsideimg {float: right; text-align: center; font-size: 10pt; font-weight: bold}
div.frontsideimg img {display: block}

div.sidephoto {clear: right; float: right; padding: 0px 10px}
div.sidephoto img {display: block; margin-bottom:10px; border: 1px solid #000}

/*no menu bar on printed copies*/
@media print {
	div.menubar {display: none}
	div.noprint {display: none}
	div.content {margin-left: 0px}
	div.contain {width: auto; border: none;}
}