/* Style for the modal */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 999;
        }
        .modal img {
            max-width: 90%;
            max-height: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        /* Style for the close button */
        .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
        }
  
  body
  {
	color: #333377;
	background-color: #dddddd;
  }
  table.hrs_table1 
  {
    border-style: ridge;
    border-width: 1px;
	background-color: #bbcccc;
	vertical-align: top;
	height:100%;
	width:100%;
  }
  table.left_table1 
  {
	border-style: inset;
    border-width: 3px;
	border-collapse: collapse;
	vertical-align: Top;
	height:100%;
  }
  table.gallery_table 
  {
	border-style: solid;
    border-width: 3px;
	border-collapse: collapse;
	vertical-align: Top;
	height: 100%;
	width: 100%;
  }
  table.right_no_border_table 
  {
    background-color: #bbcccc;
    border-style: none;
	height: 100%;
  }
  table.center_image_table 
    {
    background-color: #eeeeef;
	border-style: inset;
	border-width: 3px;
	text-align: center;
	width:100%;
	height: 100%;
  }
  table.center_image_table2
    {
    background-color: #eeeeef;
	border-style: inset;
	border-width: 3px;
	text-align: center;
	width:100%;
	height: 100%;
  }
  table.right_image_collection_table 
    {
    background-color: #eeeeef;
	border-style: inset;
	border-width: 3px;
	text-align: center;
	width:100%;
	height: 100%;
  }
  tr.right_image_collection_row
  {
    background-color: #eeeeef;
	color: black;
	font: "Times New Roman";
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
  }
  table.right_bottle_desc_table 
    {
    background-color: #ffffff;
	border-style: solid;
	border-width: 3px;
	border-color: #006060;
	font: "Arial";
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width:100%;
	height: 100%;
  }
  td.right_bottle_desc_heading
  {
    color: #006060;
    background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #006060;
	font: "Times New Roman";
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	width: 100%;
  }
  td.right_bottle_desc_number
  {
    color: #006060;
    background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #006060;
	font: "Times New Roman";
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	width: 5%;
  }
  td.right_bottle_desc_description
  {
    color: #006060;
    background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #006060;
	font: "Times New Roman";
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	width: 95%;
  }
  td.hrs_title_cell
  {
    color: #006060;
    background-color: #bbcccc;
	font: "Times New Roman";
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	width: 100%;
  }
  td.c_top_align
  {
  	vertical-align: top;
  }
  td.article_text_cell1
  {
    color: #006060;
    background-color: #eeeeef;
	border-style:solid;
	border-width:2px;
	border-color:#006060;
	border-collapse:collapse;
	width: 100%;
  }
  td.article_text_cell2
  {
    color: #006060;
    background-color: #eeeeef;
	font: "Times New Roman";
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	width: 100%;
  }
  td.article_image_cell
  {
    background-color: #eeeeef;
	width: 100%;
  }
  td.index2_cell
  {
    color: #006060;
    background-color: #eeeeef;
    border-style: inset;
    border-width: 3px;
    border-collapse: collapse;
	font: "Times New Roman";
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	width: 50%;
  }
  td.second_heading_cell
  {
    color: #006060;
	font: "Times New Roman";
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
  }
  td.left_cell1
  {
    background-color: #bbcccc;
    text-align: center;
	width:120px;
	border-style: solid;
	border-width: 7px;
	border-color: #bbcccc;
	vertical-align: top;
	border-collapse: collapse;
  }
  td.left_cell2
  {
   color: #006060;
    background-color: #eeeeef;
	font: "Times New Roman";
	font-size: 1.0em;
    text-align: center;
	vertical-align: top;
  }
  td.right_top_level_cell
  {
    background-color: #bbcccc;
	height: 100%;
	vertical-align: top;
	border-style: solid;
	border-width: 7px;
	border-color: #bbcccc;
	border-collapse: collapse;
  }
  td.image_cell
  {
    background-color: #006060;
  }
  td.bordered_image_cell
  {
    background-color: #88bbbb;
    border-style: solid;
    border-color: #006060;
    border-width: 2px;
  }
  td.caption_cell
  {
    color: #006060;
	font: "Times New Roman";
	font-size: 1.2em;
    text-align: center;
  }
  td.normal_text
  {
    color: #006060;
	font: "Times New Roman";
	font-size: 1.4em;
	padding: 10px, 10px, 10px, 10px;
  }
  p.block_quote
  {
    color: #003090;
    font-family: "Arial";
	font-size: 0.8em;
	font-weight: bold;
    text-align: left;
	vertical-align: top;
  }
  button.left_button1
  {
    width: 110px;
	color: #003333;
	background-color: #d2d2d2;
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
 }
 button.left_button1:hover
 {
    width: 110px;
	color: #f7ffff;
	background-color: #557766;
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
 }
 button.left_button2
 {
    width: 55px;
	color: #003333;
	background-color: #d2d2d2;
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
 }
 button.left_button2:hover
 {
    width: 55px;
	color: #f7ffff;
	background-color: #557766;
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
 }
 img.image_class1
 {
	border-style: solid;
	border-width: 3px;
	border-color: #000000;
	max-height: 700px;
	max-width: 900px;
	height: auto;
	width: auto;
 }
 img.image_class2
 {
	border-style: solid;
	border-width: 3px;
	border-color: #000000;
	max-height: 600px;
	height: auto;
	width: auto;
 }
 p.italics_small
 {
 	font-family: Arial;
 	font-size: 0.5em;
 	font-style: italic;
 	font-weight: normal;
 	text-align: center;
 }