html {margin: 0; padding: 0;  border: 0;}
body {margin: 0; padding: 0;  text-align:center; background-color:white}

/*
**    Top level body items:
**
**    /----------------------\
**    |      title           |
**    >----------------------<
**    |      main            |
**    >----------------------<
**    |      tail            |
**    \----------------------/
*/

div.title     {position:relative; top:30px; width:800px; height:50px; 
				padding:10px 0 0 0;  margin:0 auto 0 auto; text-align:right; background-color:white;
				border-width:0; border-color:#ffffff; border-style:none;}	

div.title a   {margin:0 0 0 16px; 
				font-family: Arial, sans-serif; font-size:11pt; font-weight:bold; font-variant:small-caps; 
				color:#909090; text-decoration:none;}			
div.title a:hover {color:#b0b0b0;}
div.title a#selected {color:black;}

div.main      {position:relative; top:0px; width:800px; height:440px;
				padding:0;  margin:0 auto 0 auto; text-align:left; background-color:white;
				border-style:solid; border-width:1px; border-color:#a1c3e4;}

div.tail      {position:relative; top:0px; width:800px; height:10px; 
				padding:2px 0 0 0;  margin:0 auto 0 auto; text-align:right; background-color:white;
				border-width:0; border-color:#ffffff; border-style:none;
				font-family: Arial, sans-serif; font-size:7pt;
				color:#d0d0d0; text-decoration:none;}

/*
//   Top level main content items:
//
//   /------------------v--------\          /------------------\
//   |                  | submenu|          |                  |
//   |                  >--------<
//   |     display      | family |    or    |     general      |
//   |                  |     /bk|          |                  |
//   >------------------^-----^--<          |                  |
//   |          browse           |          |                  |
//   \---------------------------/          \------------------/
*/

div.content    {background-color:transparent; overflow:hidden;
				border-width:0; border-color:#ffffff; border-style:none;}
div.content#submenu {top:-1px;   right:-1px; padding-top:3px; height:18px; position:absolute; 
						text-align:right; background-color:white;
						border-style:solid; border-color:#a1c3e4; border-width:0 0 1px 1px;}
div.content#family  {top:40px;  left:660px; width:140px; height:350px; position:absolute;}
div.content#browse  {top:350px; left:0px;   width:800px; height:90px; position:absolute;
						padding-top:13px; text-align:center; border-style:solid; 
						border-width:1px 0 0 0; border-color:#d0d0d0}
div.content#display {top:20px;  left:0px; width:660px; height:350px; position:absolute;}
div.content#back    {top:330px; left:748px; width:50px; height:18px; position:absolute;}

div.content#general {top:40px;  left:30px; width:750px; height:370px; position:absolute;}

/* Items in the display section */
div#display img#jewel {
	position:absolute; top:10px; left:80px;
	border-style:solid; border-width:0px;}

div#display h1 {
	padding-right:10px; margin-top:30px; margin-left:450px; margin-bottom:0px; line-height:13pt;
	font-family: Arial, sans-serif; font-size:9pt; font-weight:bold;
	text-align:left; color:#606060;}
	
div#display h2 {
	padding-right:10px; margin-top:10px; margin-left:450px; 
	font-family: Arial, sans-serif; font-size:8pt; font-weight:normal;
	text-align:left; color:#808080;}

div#display h3 {
	padding-right:10px; margin-top:10px; margin-left:450px; 
	font-family: Arial, sans-serif; font-size:8pt; font-weight:normal; font-style:italic;
	text-align:left; color:#b0b0b0;}
	
div#display p {
	position:absolute; padding-right:10px; top:200px; margin-left:450px; 
	font-family: Arial, sans-serif; font-size:8pt; font-weight:bold;
	text-align:left; color:#808080}
	
div#display a   {
	color:#808080; text-decoration:none; }
	
div#display img.bullet {
	width:5px; height:5px; margin-bottom:2px; margin-right:3px;
}

/* Items in submenu section */
div#submenu a {
	margin:3px 0 0 10px;
	font-family: Arial, sans-serif; font-size:8pt;
	color:#b0b0b0; font-variant:small-caps; text-decoration:none;}
div#submenu a:hover {color:#808080;}

div#submenu a#selected {color:black;}	
div#submenu a#selected:hover {color:#808080;}	



	
/* Items in the general section */
div#general {
	font-family: Arial, sans-serif; font-size:8pt; 
	text-align: justify; color:#606060; line-height: 13pt; }
	
div#general p {	padding-right:20px; padding-left:10px}
	
div#general h1 {
	font-family: Arial, sans-serif; font-size:10pt; font-weight:bold}
	text-align:left; color:#505050;	}
	
div#general h2 {
	padding:0 0 2px 0; margin:0 0 1px 0; 
	font-family: Arial, sans-serif; font-size:8pt; 
	text-align:left; color:#606060;}
	
div#general img.floated {
	float:left; margin: 0px 20px 10px 10px;
	}