<!--
/* this style applies to the catalog pages with a left bar */

/* file wide font declaration. */
a, b, blockquote, body, cite, dl, h1, h2, h3, input, ol, p, small, strong, td, ul 
	{ font: 100%/120% arial; font-size: 10pt; }
html, body, form, fieldset, a, th, td, p, input, textarea, select, span, div
	{ font: 100%/120% arial; font-size: 10pt; }
body
	{ margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; }

/* this style applies to the left lateral menu bar with white background */
#frame
	{ position: absolute; top: 0; bottom: 0; left: 0; width: 200px; height: 100%; overflow-y: auto; overflow-x: hidden; background: #ffffff; color: #000000; }

/* this style applies to the right content area with a black background */
#main
	{ position: fixed; top: 0; left: 200px; right: 0; bottom: 0; overflow: auto; background: #000000; color: #c0c0c0; }

/* this style applies to the display of a thumbnail image in the catalog pages */
#thumb
	{ position: relative; vertical-align: top; top: 0; bottom: 0; left: 0; height: 110px; overflow-y: hidden;  background: #000000; color: #c0c0c0; }

/* this style applies to the right lateral thumbs bar with black background */
#thumb_column
	{ position: relative; float: right; clear: right; margin-left: 10px;  margin-top: 10px;  margin-bottom: 10px; width: 80px; background: #000000; color: #c0c0c0; }

/* tags */
a, a:link, a:visited
 	{ color: #298166; font-weight: bold; font-style: normal; text-decoration: none; }
a:hover 
	{ color: #fff000; background-color: #000000; }
b
	{ font-size: 10pt; color: #ffffff; font-weight: bold; }
blockquote
	{ font-size: 10pt; color: #ffffff; font-style: italic; text-align: justify; }
body
	{ color: #c0c0c0; background-color: #000000; margin: 0px; padding: 0px; }
cite
	{ font-size: 10pt; color: #ffffff; font-style: italic;}
dl
	{ font-style: normal; }
form
	{ margin: 0px; padding: 0px; }
h1
	{ font-size: 16pt; color: #ffffff; font-weight: bold; }
h2
	{ font-size: 14pt; color: #ffffff; font-weight: bold; }
h3
	{ font-size: 10pt; color: #ffffff; font-weight: bold;}
i
	{ font-style: italic; }
input
	{ font-size: 8pt; font-weight: lighter; font-style: normal; margin: 0px; padding: 0px;}
li
	{ text-align: left; list-style: disc;}
ol
	{ font-style: normal}
p.remark + p.remark
	{ } 
p.remark
	{ margin-top: 0.3em; margin-bottom: 0.3em; font-weight: lighter; font-style: normal; }
p
	{ font-weight: lighter; font-style: normal; }
small
	{ font-size: 8pt; color: #ffffff; font-weight: lighter; font-style: normal; }
strong
	{ font: 10pt arial; color: #ffffff; font-weight: bold; text-decoration: none; }
td
	{ color: #c0c0c0;  vertical-align: top; }
th
	{ margin-bottom: 10px; border-collapse: collapse; border: 1px solid black; background-color: #3c3c22; padding: 3px 5px 12px 5px; color: #ffffff; font-weight: normal; font-style: normal; }
ul
	{ font-style: normal; list-style: outside; }

/* header */
p.header
	{ font-size: 10pt; color: #298166; font-weight: bold; margin-bottom: 2px; padding: 0px; }

/* thumbnail tables */
table.thumb
	{ font-style: normal; text-decoration: none; background-color: #c0c0c0; border-collapse: collapse; padding: 0px; margin: 0px;}
td.thumb
	{ vertical-align: top; text-align: left; padding: 5px; margin: 0px; }
img.thumb
	{ border: 0px; }

/* pictures caption in tables */
p.caption, h3.caption, table.caption, td.caption, a.caption	
	{ color: #000000; font: 8pt arial; font-weight: lighter; }
a.caption, a.caption:link, a.caption:visited	
	{ color: #298166; background-color: #c0c0c0; font-style: italic; text-decoration: none; }
a.caption:active
	{ color: #fff000; background-color: #c0c0c0; }
a.caption:hover
	{ color: #fff000; background-color: #c0c0c0; }
p.caption
	{ padding: 5px; margin-bottom: 0px; }
blockquote.caption
	{ padding: 5px; font-style: normal; font-size: 12pt; color: #000000; }
h3.caption
	{ font-size: 10pt; font-weight: bold; padding: 5px; margin-bottom: 0px; }
img.caption
	{ border-width: 0px; }
table.caption
	{ font-style: normal; text-decoration: none; background-color: #c0c0c0; border-spacing: 0px; border-collapse: collapse; padding: 0px; margin: 0px; }
td.caption
	{ vertical-align: top; text-align: justify; padding: 5px; margin: 0px; }

/* index */
a.index, a.index:link, a.index:visited
	{ color: #298166; font-weight: bold; font-style: normal; text-decoration: none; }
a.index:hover
	{ background-color: #fff000; }
li.index
	{ text-align: left; list-style: disc; }

/* link boxes */
input.link, table.link, table.link, a.link
	{ font-size: 8pt; color: #298166; text-decoration: none; }
input.link
	{ vertical-align: middle; }
table.link
	{ background: #c0c0c0; padding: 0pt; vertical-align: middle; text-align: center; }
a.link, a.link:link, a.link:visited 
 	{ color: #298166; font-weight: bold; font-style: normal; text-decoration: none; }
a.link:hover
	{ color: #fff000; background-color: #000000; }
form.link
	{ vertical-align: middle; margin: 2pt; padding: 0pt;}

/* menu bar */
td.menu, a.menu
	{ font-size: 7pt; color: #ffffff;}
td.menu
	{ padding : 3px;}
a.menu, a.menu:link a.menu:visited
	{ font-weight: lighter; text-decoration: none;}
a.menu:hover
	{ color: #298166;}

/* menu lateral bar */
blockquote.bar, td.bar, ul.bar, ol.bar, h1.bar, h2.bar, h3.bar, p.bar, b.bar
	{ font-size: 10pt; color: #000000; font-style: normal; }
a.bar, a.bar:link, a.bar:visited
	{ color: #298166; font-weight: bold; text-decoration: none;}
a.bar:hover
	{ color: #004e1d; background-color: #ffffff;}
blockquote.bar
	{ font-style: italic;}
p.bar
	{ margin: 5px 5px 0px 10px; font-weight: lighter;}
td.bar
	{ font-weight: lighter;}
ul.bar
	{ font-size: 8pt; list-style: outside;}
h1.bar
	{ font-size: 16pt; margin: 5px; }
h2.bar
	{ font-size: 14pt; margin: 5px;}
h3.bar
	{ font-size: 10pt; font-weight: bold; margin: 10px 0px 0px 5px;}
form.bar
	{ font-size: 10pt; margin: 0px; padding: 0px;}
img.bar
	{ margin: 0px;}
	
/* tab menu */
td.tabmenu
	{ padding: 3px; }
td.tabselected
	{ background: #3c3c22; padding: 3px; }
a.tabselected, a.tabselected:link, a.tabselected:visited
	{ color: #298166; font-style: normal; background: #3c3c22; padding: 3px; }
a.tabselected:hover
	{ color: #fff000; background-color: #3c3c22;}

/* highlights */
table.highlight
	{ margin: 1pt 3pt 1pt 3pt; border-style: outset; border-width: 0pt; text-align: center}
td.highlight
	{ padding: 5pt; font: 12pt arial; color: #298166; font-weight: bold; vertical-align: middle; text-align: center}

/* paypal classes */
p.paypal, table.paypal, td.paypal, a.paypal
	{ font-size: 8pt; font-weight: lighter;}
p.paypal
	{ padding: 5px; margin-bottom: 0px;}
table.paypal
	{ background-color: #e8f0c8; border-collapse: collapse; padding: 0px; margin: 0px;}
td.paypal
	{ padding: 5px; margin: 0px;}
a.paypal, a.paypal:link, a.paypal:visited, a.paypal:active
	{ color: #298166; font-style: normal; text-decoration: none;}
img.paypal
	{ border-width: 0px; }

/* listing tables*/
table.table, th.table, td.table_header, td.table, h3.table, p.table, a.table
	{ font-style: normal; text-decoration: none;}
table.table
	{ font-weight: lighter; background-color: #e8f0c8; padding: 0px; border: 1px double gray; border-collapse: separate;}
th.table
	{ color: #ffffff; font-weight: bold; border: 0px inset gray; padding: 5px; background-color: #1e6c21; margin-bottom: 2px;}
td.table_header
	{ color: #000000; font-weight: bold; border: 0px inset gray; padding: 5px; background-color: #c0c0c0; margin-bottom: 2px;}
td.table
	{ font-weight: lighter; padding: 5px; margin-bottom: 2px;}
p.table
	{ font-weight: lighter;}
h3.table
	{ font-size: 10pt; color: #000080; font-weight: bold;}
a.table, a.table:link, a.table:visited
	{ color: #298166; font-weight: lighter;}
a.table:hover
	{ background-color: #fff000; font-weight: bold;}

/* copyright */
p.copyright
	{ font-size: 8pt; color: #ffffff; font-weight: lighter; font-style: italic; text-align: center; }

/* references */
li.reference
	{ text-align: justify; margin: 0pt 0pt 5pt 0pt; }

/* lines */
hr.yellow
	{ border: none; background-color: #ffce31; color: #ffce31; height: 2px; }

/* remarks */
font.error
	{ color: #ff0000; font-weight: bold; }
font.remark
	{ color: #ffce31; font-weight: bold; }

/* icons */
img.icon
	{ border-width: 0px; vertical-align: middle; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; }

-->