@media screen, print
{
  #content
  {
	position: fixed;
	top: 0;
	left: 20%; /* Left side of main content div width = 75% */
	right: 0;
	bottom: 0;
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
	overflow: auto;
	background-image: url(../icon/bgnd);
  }

  #navigation
  {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 80%; /* Width of left frame div = 25% */
	height: 100%;
	padding-top: 1%;
	overflow: auto; /* hidden scroll */
	background-image: url(../icon/bgnd);
  }

  DIV.banner_div
  {
	width: 12.5%;
	float: left;
  }

  DIV.banner_center
  {
	width: 20%;
	float: left;
  }

  DIV.gallery_cell
  {
	float: left;
	width: 25%;
	height: auto;
	background: black;
  }

  DIV.gallery_row
  {
	clear: both;
  }

  IMG.gallery_img
  {
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 1%;
	width: 98%;
	height: auto;
  }

  DIV.sdrx_cell
  {
	float: left;
	height: auto;
  }

  DIV.sdrx_row
  {
	clear: both;
  }

  IMG.sdrx_img
  {
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 1%;
  }

  DIV.nav_icon
  {
	float: left;
	width: 32%;
	text-align: center;
  }

  DIV.clear_wide
  {
	clear: both;
	width: 100%;
	height: 16px;
  }

  DIV.clear_narrow
  {
	clear: both;
	width: 100%;
	height: 8px;
  }

  DIV.xwxapt_win
  {
	float: left;
	width: 70%;
	text-align: center;
  }

  DIV.xwxapt_img
  {
	float: left;
	width: 33%;
	text-align: center;
  }

  DIV.glrpt_img
  {
	float: left;
	width: 25%;
	text-align: center;
  }

  IMG.centered
  {
	margin-right: auto;
	margin-left: auto;
	display: block;
  }

  SPAN.title
  {
	font-size: larger;
	font-weight: bold;
	text-decoration: underline;
  }

  /* CSS for Tree Menu */
  /* Turn off list bullets */
  ul.tree_menu  li { list-style: none; } 

  /* Control how "spaced out" the tree is */
  ul.tree_menu { margin-left: -12px; margin-bottom: -16px; padding: 2px; }
  ul.tree_menu ul, ul.tree_menu li { margin-left: 12px; padding: 2px; }

  /* Provide space for our own "bullet" inside the LI */
  ul.tree_menu  li           .bullet { padding-left: 20px; padding-top: 2px; }
  
  /* Show "bullets" in the links, depending on the class of the LI that the link's in */
  ul.tree_menu  li.liOpen    .bullet
  { cursor: pointer; background: url(../icon/minus.svg)  center left no-repeat; }
  ul.tree_menu  li.liClosed  .bullet
  { cursor: pointer; background: url(../icon/plus.svg)   center left no-repeat; }
  ul.tree_menu  li.liBullet  .bullet
  { cursor: default; background: url(../icon/link.svg) center left no-repeat; }
  
  /* Sublists are visible or not based on class of parent LI */
  ul.tree_menu  li.liOpen    ul { display: block; }
  ul.tree_menu  li.liClosed  ul { display: none; }
  
  /* Color menu items according to open or collapsed state */
  ul.tree_menu  li.liOpen { color: darkred; }
  ul.tree_menu  li.liClosed { color: black; }
  /*ul.tree_menu  li a:hover { color: red; }
  ul.tree_menu  li:hover { background: blue; }
  ul.tree_menu  li.liOpen { background: green; }*/
}