/* OOO style guide

  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --

  	This file simply removes default styling on most HTML elements in
  	order to reduce the need to later override them.

  */

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  p {
  	font-size: 1em;
  }

  dl,
  li,
  dt,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  body,
  html,
  p,
  blockquote,
  fieldset,
  input {
  	margin: 0;
  	padding: 0;
  }

  a img,
  :link img,
  :visited img {
  	border: none;
  }

  address {
  	font-style: normal;
  }

  /*


/***********************************************/
  /* HTML tag styles                             */
  /***********************************************/

  html,
  body {
  	font-family: Arial, sans-serif;
  	color: #333333;
  	line-height: 1.166;
  	margin: 0px;
  	padding: 0px;
  	height: 100%;
  }

  a:link,
  a:visited,
  a:hover {
  	color: #006699;
  	text-decoration: none;
  }

  a:hover {
  	text-decoration: underline;
  }

  /* overrides decoration from previous rule for hovered links */


  a:link {
  	color: #006699;
  	text-decoration: none;
  }

  a:visited {
  	color: #336699;
  	text-decoration: none;
  }

  a:hover {
  	color: #000;
  	text-decoration: underline;
  }


  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
  	font-family: Arial, sans-serif;
  	margin: 0px;
  	padding: 0px;
  }

  h1 {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 160%;
  	color: #334d55;
  }

  h2 {
  	font-size: 144%;
  	color: #006699;
  }

  h3 {
  	font-size: 124%;
  	color: #334d55;
  }

  h4 {
  	font-size: 124%;
  	color: #334d55;
  }

  h5 {
  	font-size: 100%;
  	color: #334d55;
  }

  ul {
  	list-style-type: square;
  }

  ul ul {
  	list-style-type: disc;
  }

  ul ul ul {
  	list-style-type: none;
  }

  blockquote {
  	margin: 0 0 0 20px;
  }

  label {
  	font: bold 100% Arial, sans-serif;
  	color: #334d55;
  }


  /***********************************************/
  /* Layout Divs                                 */
  /***********************************************/

  #masthead {
  	margin: 0;
  	padding: 10px 0px;
  	border-bottom: 1px solid #cccccc;
  	width: 100%;
  }

  #navBar {
  	margin: 0 79% 0 0;
  	padding: 0px;
  	background-color: #eeeeee;
  	border-right: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  }

  #content {
  	float: right;
  	width: 75%;
  	height: 90%;
  	margin: 0;
  	padding: 0 3% 0 0;
  	overflow: auto;
  }


  /***********************************************/
  /*Component Divs                               */
  /***********************************************/

  #siteName {
  	margin: 0px;
  	padding: 10px 0px 10px 10px;
  }


  /*************** #pageName styles **************/

  #pageName {
  	padding: 10px 10px 0px 10px;
  	/* font-size:24px; */
  }

  #storyName {
  	padding: 0px 10px 0px 10px;
  	font-size: 124%;
  }

  #storySection {
  	padding: 0px 10px 10px 10px;
  }

  /************* #globalNav styles **************/

  #globalNav {
  	color: #cccccc;
  	padding: 0px 0px 0px 10px;
  	white-space: nowrap;
  }

  /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

  #globalNav img {
  	display: block;
  }

  #globalNav a {
  	font-size: 90%;
  	padding: 0px 4px 0px 0px;
  }


  /************* #breadCrumb styles *************/

  #breadCrumb {
  	font-size: 80%;
  	padding: 5px 0px 5px 10px;
  }


  /************** .feature styles ***************/

  .feature {
  	padding: 0px 0px 10px 10px;
  	font-size: 80%;
  }

  .feature h3 {
  	padding: 30px 0px 5px 0px;
  	text-align: center;
  }

  .feature img {
  	float: left;
  	padding: 0px 10px 0px 0px;
  	margin: 0 5px 5px 0;
  }

  /* adjust margins to change separation between the feature image and text flowing around it */

  /************** .story styles *****************/

  .story {
  	clear: both;
  	padding: 10px 0px 10px 10px;
  	font-size: 80%;
  }

  .story p {
  	padding: 5px 0px 5px 0px;
  }

  .story ul {
  	padding: 0px 0px 0px 15px;
  }

  .story ol {
  	padding: 0px 0px 0px 15px;
  }

  .story li {
  	padding: 0px 0px 5px 0px;
  }

  .story h1 {
  	font-size: 160%;
  	padding: 10px 0px 5px 0px;
  }

  .story h2 {
  	font-size: 144%;
  	padding: 10px 0px 5px 0px;
  }

  .story h3 {
  	font-size: 124%;
  	padding: 10px 0px 5px 0px;
  }

  .story h4 {
  	font-size: 124%;
  	padding: 10px 0px 5px 0px;
  }

  .story h5 {
  	font-size: 100%;
  }

  /************* #dateLastUpdated ***************/

  #dateLastUpdated {
  	float: right;
  }

  /************* #siteInfo styles ***************/

  #siteInfo {
  	clear: both;
  	border: 1px solid #cccccc;
  	font-size: 75%;
  	color: #cccccc;
  	padding: 10px 10px 10px 10px;
  	margin-top: 0px;
  }

  /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

  #siteInfo img {
  	padding: 4px 4px 4px 0px;
  	vertical-align: middle;
  }


  /************* #search styles ***************/

  #search {
  	padding: 5px 0px 5px 10px;
  	border-bottom: 1px solid #cccccc;
  	font-size: 90%;
  }

  #search form {
  	margin: 0px;
  	padding: 0px;
  }

  #search label {
  	display: block;
  	margin: 0px;
  	padding: 0px;
  }


  /*********** #navBar link styles ***********/

  #navBar ul a:link,
  #navBar ul a:visited {
  	display: block;
  }

  #navBar ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  /* hack to fix IE/Win's broken rendering of block-level anchors in lists */
  #navBar li {
  	border-bottom: 1px solid #EEE;
  }

  /* fix for browsers that don't need the hack */
  html>body #navBar li {
  	border-bottom: none;
  }

  /*********** #navLogo styles ***********/

  #navLogo {
  	position: relative;
  	margin: 0px;
  	padding: 10px 10px 10px 10px;
  	background-color: white;
  	border-bottom: 1px solid #cccccc;
  	font-size: 90%;
  }

  /*********** #sectionLinks styles ***********/

  #sectionLinks {
  	position: relative;
  	margin: 0px;
  	padding: 0px;
  	border-bottom: 1px solid #cccccc;
  	font-size: 90%;
  }

  #sectionLinks h3 {
  	padding: 10px 0px 2px 10px;
  }

  #sectionLinks a:link {
  	padding: 2px 0px 2px 10px;
  	border-top: 1px solid #cccccc;
  	width: 100%;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: auto;
  }

  #sectionLinks a:visited {
  	border-top: 1px solid #cccccc;
  	padding: 2px 0px 2px 10px;
  }

  #sectionLinks a:hover {
  	border-top: 1px solid #cccccc;
  	background-color: #dddddd;
  	padding: 2px 0px 2px 10px;
  }


  /*********** .relatedLinks styles ***********/

  .relatedLinks {
  	margin: 0px;
  	padding: 0px 0px 10px 10px;
  	font-size: 90%;
  }

  .relatedLinks h3 {
  	padding: 10px 0px 2px 0px;
  }


  /************** #advert styles **************/

  #advert {
  	padding: 10px 0px 0px 10px;
  	font-size: 80%;
  	border-top: 1px solid #cccccc;
  }

  #advert img {
  	display: block;
  }


  /************** #headlines styles **************/

  #headlines {
  	margin: 0px;
  	padding: 10px 10px 20px 10px;
  	font-size: 80%;
  }

  #headlines p {
  	padding: 5px 0px 5px 0px;
  }

  /*
     FILE ARCHIVED ON 08:17:52 Feb 20, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:44:33 Jan 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

  /* Custom styles added 2025 */
  .image-right {
  	float: right;
  	margin: 0 0 15px 15px;
  }

  /*
playback timings (ms):
  captures_list: 0.627
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.012
  esindex: 0.01
  cdx.remote: 6.715
  LoadShardBlock: 197.597 (3)
  PetaboxLoader3.datanode: 292.751 (4)
  PetaboxLoader3.resolve: 88.397 (2)
  load_resource: 193.44
*/