/* ------------------------------------------------------------------
   Styles for formating page designs.
   ------------------------------------------------------------------ */
@media screen
{
  *
  {
    margin: 0;
  }

  html, body
  { height: 100%;
  }

  .wrapper /* Wraps entire page to force footer at bottom. */
  {
  	min-height: 100%;
  	height: auto !important;
  	height: 100%;
  	margin: 0 0 -20px 0; /* the bottom margin is the negative value of the footer's height */
  	z-index: 0;
  }

  .header-space /* Sits above the first div to make space for mast head. */
  { height: 130px;
  }

  .content /* Content div for main part of site; not used on wiki. */
  {
    margin: 0 4px 0 4px;
  }

  /* Footer related classes
     .push is a div within the wrapper div that positions the footer.
     .footer is a separate div underneath the wrapper that contains
     the page footer. */
  .footer, .push
  {
    height: 19px; /* Subtracted 1 from footer height relative to wrapper margin to allow for top border */
    padding-left: 4px;
    padding-right: 4px;

  }

  .footer
  {
	  font-size: 8pt;
	  color: #a0a0a0;
  }

  .footer
  {
	  border-top: 1px solid #808080;
	  background-color: #DEDEDE;
  }

  .footer .acknowledgements /* Acknowledge contributors eg MediaWiki */
  {
    text-align: left;
    float: left;
    padding-top: 2px;
  }

  /* Blue leaf copywright div. */
  .footer .copyright, .footer .copyright a, .footer .copyright .a:link, .footer .copyright a:visited
  {
    text-align: right;
    padding-top: 2px;
	  color: #a0a0a0;
  }

  body, td
  { font-family: 'Trebuchet MS' , Tahoma, Sans-Serif;
    font-size: 11pt;
  }

	div#header
	{ font-family: 'Trebuchet MS' , Tahoma, Sans-Serif;
	  font-size: 10pt;
	  background: url(/Images/bgHeader.png);
	  background-repeat: repeat-x;
	  position: absolute;
	  width: 100%;
	  height: 120px;
	  margin: 0px;
	  top: 0px;
	  left: 0px;
	}

	div#header a#logo
	{ position: absolute;
	  left: 0px;
	  top: 0px;
	  width: 222px;
	  height: 120px;
	  border: 0px;
	  background-image: url(/Images/HeaderLogo.png);
	  background-color: white;
	}

	div#header p
	{ position: absolute;
	  font-size: 12px;
	  top: 83px;
	  left: 45px;
	  width: 150px;
	  margin: 0px;
	  line-height: 12px;
	}

	/* Main site navigation area. */
	#ribbon
	{
	  position: absolute;
	  font-family: 'Trebuchet MS' , Tahoma, Sans-Serif;
	  font-size: 8pt;
	  top: 65px;
	  left: 220px;
	  right: 0;
	  padding: 0px 0px 0px 0px;
	  z-index: 800;
	}


	/* First tier menu entries. */
	#menu_container
	{
	  background-color: #a2a2a2;
	  border-top: 2px solid #E5E5E5;
	  border-left: 2px solid #808080;
	  border-bottom: 2px solid #808080;
	  border-right: 0px solid white;

    position: absolute;
    left: 0;
	  right: 0;
	  top: 0;
	  height: 22px;

	  z-index: 900;
	}

	/* Second row of ribbon. Contains search, bookmark & breadcrumb widgets. */
	#widgets_container
	{
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
  }

	/* Define the menu layout. */
	#menu_entries, #menu_entries ul
	{
	  float: left;
	  width: 90%;
	  z-index: 999;
	  line-height:1.2;
	  list-style: none;
	  font-weight: bold;
	  border: none;
	  padding: 3px;
	  margin: 0px;
	}

	#menu_entries li a
	{
	  display: block;
	  width: auto;
	  color: white;
	  text-decoration: none;
	  padding: 2px 15px 2px 15px;
	  font-size: 8pt;

	}

	#menu_entries li
	{
	  float: left;
	  padding: 0px;
	  margin: 0px;
	  border-left: 2px groove #E5E5E5;
	  color: white;
	}

	#menu_entries .first
	{ border-left: none;
	}

	#menu_entries li:first-child
	{ border-left: none;
	}

	#menu_entries li a:hover, #menu_entries li a.iehover
	{ background-color: #808080;
	}

	/* Second tier menu entries. */
	#menu_entries li ul
	{ position: absolute;
	  display: none; /* none: hides menus until mouse over. */
	  width: 14em;
	  z-index: 901;

	}

	#menu_entries li:hover ul, #menu_entries li.iehover ul
	{ display: block;
	  border: 1px solid black;
	  margin: 0px;
	  padding: 0px;
	  width: 220px;
	}

	#menu_entries li ul li
	{ background-color: #505050;
	  width: 100%;
	  border: none;
	  padding: 0px;
	  margin: 0px;
	}

	#menu_entries li ul li h1
	{ padding: 0px 0px 3px 0px;
	  margin: 6px;
	  color: #a0d3ff;
	  font-size: 10pt;
	  font-weight: bold;
	  border-bottom: solid 1px yellow;
	}

	#menu_entries li ul li a
	{
	  padding: 6px 6px 6px 10px;
	  margin: 0px;
	}


	#menu_entries li ul li hr
	{ padding: 0px;
	}


	#menu_entries li ul li a:hover, #menu_entries li ul li a.iehover
	{ background-color: #b2b2b2;
	  color: black;
	}

	#search_container
	{
	  position: absolute;
    right: 0;
	  width: 230px;
	  text-align: right;
	  padding: 0;
	  margin-right: 4px;
	  margin-left: 0;
	  margin-top: 0;
	  margin-bottom: 0;
  }

  #bookmark_container
  {
    position: absolute;
    padding-top: 3px;
    text-align: right;
    width: 220px;
    top: 0;
    right: 240px;
  }

  #breadcumb_container
  {
    position: absolute;
    text-align: left;
    left: 0;
    right: 410px;
    font-size: 8pt;
  }

	a img
	{ border: none;
	}

	.Sidebar
	{
	  width: 200px;
	  text-align: center;
	}

	.TightSidebar
	{
	  text-align: center;
	}
}

@media print
{
	div#header, td#header_container
	{
    display: none;
	}
}