/******************************************************************************
 *                                                                            *
 *                  Cascading styles for www.BionicToad.com                   *
 *           Copyright (c) 2013 by Ray Tobey, some rights reserved            *
 *                                                                            *
 *       $Archive::                                                   $       *
 *       $Author::           $$Date::                $$Revision::     $       *
 ******************************************************************************/

div.clear
  {
  clear: both;
  float: none;
  margin: 0;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  }

.clearfix:after
  {
  content: "";
  display: table;
  clear: both;
  }

/******************************************************************************
 *                                 Reset CSS                                  *
 *       Based on Yahoo 2.9.0 --- http://developer.yahoo.com/yui/reset/       *
 ******************************************************************************/

html
  {
  color: #000;
  background: #FFF;
  }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td
  {
  margin: 0;
  padding: 0;
  }

table
  {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  margin: 0 auto;
  }

fieldset, img
  {
  border: 0;
  }

address, button, caption, cite, code, dfn, em, input, optgroup, option, select,
strong, textarea, th, var
  {
  font: inherit;
  }

ins
  {
  text-decoration: underline;
  }
del
  {
  text-decoration: line-through;
  }

li
  {
  list-style: inherit;
  }

caption, th
  {
  text-align: left;
  }

h1, h2, h3, h4, h5, h6
  {
  font-size: 100%;
  font-weight: normal;
  }

q:before, q:after
  {
  content: '';
  }

abbr, acronym
  {
  border: 0;
  font-variant: normal;
  }

sub, sup
  {
  vertical-align: baseline;
  }

/******************************************************************************
 *                         Overall Region Arrangement                         *
 ******************************************************************************/

html
  {
  height: 100%;
  background: url(/shared/body-wide.png) fixed center top repeat-y;
  }

/*
 * If the above background rule is moved to the body tag, it will not extend
 * into the page area beneath the browser window. In other words, if you scroll
 * the browser window, the page uncovered will have no background.
 */

body
  {
  height: 100%;
  }

/*
 * To get a section to extend to the bottom of the browser window, we must
 * expand all of its containers to 100%. This includes the html and body tags
 * in addition to any wrapper divs. However, wrapper divs get min-height 100%
 * assignments instead of height 100%.
 */

.wrapper
  {
  width: 800px;
  min-height: 100%;
  margin: 0 auto;
  background: url(/shared/body-page.png) left top repeat-y;
  }
.title
  {
  width: 800px;
  padding-top: 1px;    /* Prevents margin collapse */
  height: 135px;
  background: url(/shared/banner.png) no-repeat;
  overflow: hidden;
  }
.title h1
  {
  color: #D6B476;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 38px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  margin: 49px 0 0 172px;
  text-align: left;
  }

/*
 * This specifier defines the .content space relative to the banner, sidebar and
 * footer. Markup within the .content space is defined below, in another section.
 */

.content
  {
  float: right;
  padding: 0 32px 24px 24px;
  margin-top: -4px;
  width: 608px;
  }

.footer
  {
  clear: both;
  }

/******************************************************************************
 *                             Navigation Sidebar                             *
 ******************************************************************************/

.sidebar
  {
  float: left;
  padding-right: 4px;
  width: 132px;
  min-height: 100%;
  color: gray;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  overflow: hidden;
  }
.sidebar img
  {
  display: block;
  margin: 6px auto;
  }

.sidebar a
  {
  display: block;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
  }

.sidebar a,
.sidebar a:link,
.sidebar a:visited
  {
  color: #D6B476;
  }
.sidebar .here,
.sidebar a.active,
.sidebar a:hover
  {
  color: #FFFFFF;
  }

.sidebar .toc
  {
  font-size: 16px;
  margin: 5px auto;
  }
.sidebar .fam
  {
  font-size: 14px;
  margin: 5px auto;
  line-height: 100%;
  }
.sidebar .sub
  {
  font-size: 12px;
  margin: 12px auto;
  }
.sidebar .file
  {
  font-size: 12px;
  }

.sidebar hr
  {
  margin: 18px 0;
  }
.sidebar small
  {
  font-size: 8pt;
  line-height: 120%;
  }

/******************************************************************************
 *                            Central Toad Content                            *
 ******************************************************************************/

.toad
  {
  color: black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  }

/*
 * p:  left,   10pt, 13px, norm, black
 * H1: center, 14pt, 23px, bold, marroon
 * H2: center, 12pt, 18px, bold, marroon
 * H3: center, 10pt, 13px, norm, marroon
 * H4: left,   12pt, 18px, bold, marroon
 * H5: left,   10pt, 13px, norm, marroon
 * cite: center 8pt, 11px, norm, gray
 */

.toad h1
  {
  text-align: center;
  color: #4A0506;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  font-style: normal;
  margin: 18px 0 18px 0;
  }
.toad h2
  {
  text-align: center;
  color: #4A0506;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: normal;
  margin: 24px 0 12px 0;
  line-height: 150%;
  }
.toad h3
  {
  text-align: center;
  color: #4A0506;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  margin: 18px 0 24px 0;
  }

.toad h4
  {
  text-align: left;
  color: #4A0506;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: normal;
  margin: 24px 0 12px 0;
  }
.toad h5
  {
  text-align: left;
  color: #4A0506;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  margin: 12px 0;
  }

.toad p
  {
  margin: 12px 0;
  text-align: left;
  text-indent: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  }
.toad sup,
.toad sub
  {
  font-size: 75%;
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  }
.toad sup
  {
  top: -0.5em;
  }
.toad sub
  {
  bottom: -0.25em;
  }

.toad a:link    { color: #4A0506; }
.toad a:visited { color: #4A0506; }
.toad a:hover   { color: red;  }
.toad a:active  { color: #4A0506; }

.toad .quote
  {
  color: #603434;
  font-style: italic;
  }
.toad blockquote
  {
  color: #603434;
  font-weight: normal;
  font-size: 10pt;
  font-style: italic;
  text-indent: 0;
  text-align: left;
  margin: 7px 0.25in;
  padding: 0;
  }

.toad cite
  {
  display: block;
  color: #808080;
  font-style: normal;
  font-size: 8pt;
  text-align: center;
  margin: 4px auto;
  }

.toad .cited
  {
  margin-bottom: 0;
  }

.toad ul
  {
  text-align: left;
  margin: 7px 1em;
  padding: 0;
  }
.toad ol
  {
  text-align: left;
  margin: 7px 2em;
  padding: 0;
  }
.toad li
  {
  margin: 5px 5px 5px 2em;
  padding: 0;
  }

.toad dt
  {
  font-size: 12pt;
  font-weight: bold;
  margin: 16px 0 10px 0;
  padding: 0;
  }
.toad dd
  {
  color: #404040;
  margin: 7px 1em;
  padding: 0;
  }

.toad img
  {
  display: block;
  margin: 16px auto;
  }
.toad img.tight
  {
  margin: 0;
  }

.toad .incenter
  {
  text-align: center;
  }
.toad .incenter img
  {
  display: inline;
  margin: 4px;
  }

.toad .crowded img
  {
  margin: 0;
  }

/******************************************************************************
 *                                Modifiers                                   *
 ******************************************************************************/

.toad .cntr_elem
  {
  margin-left: auto;
  margin-right: auto;
  }
.toad .framed
  {
  border: 1px solid #4A0506;
  }

.toad .ttl_top
  {
  margin-bottom: 0;
  }
.toad .ttl_ctr
  {
  margin-top: 0;
  margin-bottom: 0;
  }
.toad .ttl_btm
  {
  margin-top: 0;
  }
.toad .cntr_txt
  {
  text-align: center;
  }

  /* Adds extra space above and below paragraphs on the about and favorite books pages */

.toad .vrt_space
  {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  }

.toad .golden
  {
  color: #D6B476;
  }

.toad span.under
  {
  text-decoration: underline;
  }

/******************************************************************************
 *                             Image Placement                                *
 ******************************************************************************/

  /* Should be removed. They appear in Skyfox, Design and Galapagos Birds */

.toad .leftfloat
  {
  display: block;
  float: left;
  margin: 1em 2em 1em 0;
  }
.toad .rghtfloat
  {
  display: block;
  float: right;
  margin: 1em 0 1em 2em;
  }

  /*
   * Used for icons, bottom of the About page.
   */

.toad .leftedge
  {
  margin: 0 auto 0 0;
  }
.toad .cntredge
  {
  margin: 0 auto;
  }
.toad .rghtedge
  {
  margin: 0 0 0 auto;
  }

  /*
   * Shortcuts for float style. Often paired with a margin modifier like 'leftside' or 'tight'
   */

.left
  {
  float: left;
  }

.rght
  {
  float: right;
  }

  /*
   * For tables containing a pair of images side by side, optionally with captions
   */

.toad .pair
  {
  width: 100%;
  text-align: center;
  }
.toad .pair td
  {
  width: 50%;
  }
.toad .pair img
  {
  display: block;
  margin: 0 auto 0.5em auto;
  }
.toad .pair .framed
  {
  border: 1px solid #AAA;
  }

  /*
   * For tables containing an image on one side, text on the other
   */

.toad .leftside
  {
  display: block;
  margin-right: 2em;
  margin-left: 0;
  }
.toad .rghtside
  {
  display: block;
  margin-right: 0;
  margin-left: 2em;
  }

  /*
   * For tables containing two images and text
   */

.toad .topside
  {
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  }
.toad .btmside
  {
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  }

  /*
   * For zoomable images, flash movies and the TED video player
   */

.toad object
  {
  display: block;
  margin: 1.5em auto;
  border: none;
  }

.toad iframe
  {
  display: block;
  margin: 1.5em auto;
  border: none;
  }

/****************************************************************************
 *                            Occasional Styles                             *
 ****************************************************************************/

  /*
   * Personal book pages
   */

.toad .books
  {
  width: 100%;
  margin: 2em 0;
  }
.toad .books th
  {
  color: #4A0506;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  font-style: normal;
  line-height: 90%;
  }
.toad .books td
  {
  padding: 2px 0;
  width: 88px;
  color: #908080;
  text-align: center;
  background-color: #4A0506;
  }
.toad .books a,
.toad .books a:link,
.toad .books a:visited
  {
  color: #D6B476;
  text-decoration: none;
  }
.toad .books a:hover
  {
  color: #FFFFFF;
  }

/*--------------------------------------------------------------------------*/

.toad .passage
  {
  width: 80%;
  margin: 2em auto;
  padding: 1em 2em;
  background-color: white;
  border: 1px solid #4A0506;
  }
.toad .passage cite
  {
  text-align: right;
  font-style: italic;
  }

/*--------------------------------------------------------------------------*/

.toad .library
  {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px 4px;
  }
.toad .library th
  {
  width: 50%;
  background-color: #D0D0D0;
  text-align: center;
  font-weight: bold;
  padding: 2px 8px 1px 8px;
  }
.toad .library td
  {
  width: 50%;
  background-color: #E8E1E0;
  text-align: left;
  padding: 2px 8px 1px 8px;
  }

/*--------------------------------------------------------------------------*/

  /*
   * Personal travel section
   */

.toad .sidetrips
  {
  margin: -1em 0 2em 0;
  text-align: center;
  }

/*--------------------------------------------------------------------------*/

.toad .lightbox
  {
  display: flex;
  width: 100%;
  min-height: 768px;
  margin: 0;
  align-items: center;
  justify-content: center;
  }

.toad .lightbox p,
.toad .lightpara
  {
  margin: 8px 48px;
  text-align: left;
  line-height: 140%;
  }
.toad .lightbox ul
  {
  margin: 8px 48px;
  text-align: left;
  }
.toad .lightbox li
  {
  margin: 2px 5px 2px 2em;
  }

/*--------------------------------------------------------------------------*/

  /* These are all used with lightbox */

.toad .lightimg
  {
  margin: 2em auto;
  border: 1px solid #4A0506;
  }

.toad .lightbox video,
.toad .lightvid
  {
  display: block;
  margin: 2em auto;
  }

.toad .imgonly
  {
  margin: 2em auto;
  }

.toad .imgpair
  {
  width: 100%;
  padding-top: 1px;
  margin: 2em 0;
  }

.toad .imgpair img
  {
  margin: 0 0;
  }

/*--------------------------------------------------------------------------*/

.toad .gallery
  {
  width: 100%;
  margin: 24px auto;
  border-collapse: collapse;
  }
.toad .gallery td
  {
  height: 120px;
  text-align: center;
  }
.toad .gallery .selected
  {
  background-color: #4A0506;
  }
.toad .gallery img
  {
  margin: auto;
  }
/*
.toad .gallery img[alt]
  {
  width: 100%;
  height: 100%;
  margin: -1px -16px -1px 0;
  font-size: 12px;
  text-align: center;
  background-color: #C0C0C0;
  }
*/
/*
img[alt]:hover
  {
  font-size: 12px;
  text-align: center;
  background-color: #E0E0E0;
  }
*/

.toad .gallery a img:hover
  {
  margin: -1px -16px -1px 0;
  width: 100%;
  height: 100%;
  }

/*--------------------------------------------------------------------------*/

  /*
   * "Paid For By" box at the bottom of political pages. May not be required.
   */

.disclaim
  {
  width: 360px;
  height: 64px;
  margin: auto;
  padding-top: 4px;
  border: 1px solid #FFE0E0;
  background-color: #681514;
  text-align: center;
  color: #D0C0C0;
  font-family: Helvetica, 'Lucida Grande', Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  }

/*--------------------------------------------------------------------------*/

  /*
   * Displays voter registration information on the volunteer profile.
   */

.vreg
  {
  margin: 0 auto;
  background-color: white;
  border: 1px solid #4A0506;
  }
.vreg td
  {
  padding: 8px 0;
  }
.vreg .leftcol
  {
  padding-left: 24px;
  padding-right: 12px;
  }
.vreg .rghtcol
  {
  padding-left: 24px;
  padding-right: 24px;
  }

/*--------------------------------------------------------------------------*/

  /*
   * Frames the command menu after successful volunteer login.
   */

.cmd_menu
  {
  margin: 32px auto;
  }
.cmd_menu h3
  {
  text-align: center;
  margin-bottom: 12px;
  }
.cmd_menu h5
  {
  display: block;
  width: 60%;
  margin: 6px auto;
  padding: 2px 0;
  text-align: center;
  background-color: #4A0506;
  }
.cmd_menu a
  {
  font-weight: bold;
  font-style: normal;
  line-height: 150%;
  text-decoration: none;
  }

.cmd_menu a,
.cmd_menu a:link,
.cmd_menu a:visited
  {
  color: #D6B476;
  }
.cmd_menu .here,
.cmd_menu a.active,
.cmd_menu a:hover
  {
  color: #FFFFFF;
  }

/*--------------------------------------------------------------------------*/

  /*
   * Reports data totals on roster and email pages
   */

.totals
  {
  width: 60%;
  margin: 32px auto;
  border: 1px solid #4A0506;
  background-color: #FFFAF0;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.375);
  }
.totals h3
  {
  text-align: center;
  line-height: 100%;
  margin-bottom: 12px;
  }

/******************************************************************************
 *                               Flash Message                                *
 ******************************************************************************/

.flash
  {
  color: #681514;
  margin: 2em auto 1em auto;
  padding: 1em 32px;
  width: 542px;  /* 608 - padding - border */
  background-color: #F9E9BA;
  border: 1px solid #681514;
  }
.flash h3
  {
  margin: 0;
  }

/******************************************************************************
 *                               Input Forms                                  *
 ******************************************************************************/

.dark
  {
  color: #4A0506;
  background-color: #D0C0C0;
  border: 1px solid #4A0506;
  }
.shadowed
  {
  box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
  }

label
  {
  display: block;
/*float: left;*/
  margin: 4px 0 4px 0;
  text-align: left;
  }

input
  {
  display: block;
/*float: right;*/
  margin: 4px 0 4px 0;
  }

textarea
  {
  display: block;
  margin: 4px auto;
  padding: 5px 6px;
  }

label.box
  {
  height: 24px;
  line-height: 24px;
  }

input.box, select.box
  {
  height: 20px;
  padding: 1px 6px;
  }

input.box, select.box, textarea
  {
  background-color: #FFE5DE;
  border: inset 1px #CCC;
  text-align: left;
  line-height: normal;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1875) inset;
  }

label.check
  {
  height: 16px;
  }

input.check
  {
  height: 16px;
  }

.widebtn
  {
  display: block;
  width: 200px;
  margin: 8px auto;
  height: 28px;
  }

.rghtbtn
  {
  float: right;
  width: 120px;
  height: 28px;
  margin: 12px 32px 24px 12px;
  }

/******************************************************************************/
/* Used on email page */

.thinform fieldset
  {
  width: 440px;
  margin: 32px auto;
  padding: 12px 16px;
  text-align: left;
  }
.thinform legend
  {
  text-align: left;
  margin-left: 0.5em;
  color: #D6B476;
  padding: 2px 8px;
  background-color: #4A0506;

  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  }

.thinform label
  {
  margin-left: 40px;
  }
.thinform input
  {
  margin-right: 40px;
  }
.thinform input.box
  {
  width: 240px;
  }
.thinform label.area
  {
  margin-top: 10px;
  margin-left: 12px;
  }
.thinform textarea
  {
  width: 408px;
  }
.thinform p
  {
  margin: 7px 12px 4px 12px;
  }

/******************************************************************************/
/* Used on volunteer page */

.wideform
  {
  width: 540px;
  margin: 2em auto;
  padding: 24px 0 12px 0;
  }
.widefill
  {
  width: 100%;
  margin: 0;
  }

.wideform label
  {
  margin-left: 32px;
  }
.wideform input
  {
  margin-right: 32px;
  }
.wideform input.box
  {
  width: 180px;
  }

.wideform p
  {
  margin: 12px 32px 4px 32px;
  }

/****************************************************************************
 *                              Data Reporting                              *
 ****************************************************************************/

.datalist
  {
  width: 608px;
  margin: 1em auto 2em auto;
  background-color: #FFF9F8;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.375);
  }

div.datalist
  {
  line-height: 96px;
  text-align: center;
  border: 1px solid #4A0506;
  }

table.datalist
  {
  border-top:  1px solid #4A0506;
  border-left: 1px solid #4A0506;
  }
table.datalist .col
  {
  text-align: center;
  padding: 2px 6px 1px 6px;
  height: 25px;  /* 28 - padding */
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }
table.datalist .pen
  {
  width: 32px;
  text-align: center;
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }
table.datalist .pen a
  {
  margin: auto;
  }
table.datalist .lbl
  {
  text-align: left;
  padding: 2px 6px 1px 6px;
  height: 25px;  /* 28 - padding */
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }
table.datalist .val
  {
  text-align: right;
  padding: 2px 6px 1px 6px;
  height: 25px;  /* 28 - padding */
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }
table.datalist .wide
  {
  text-align: left;
  padding: 6px 6px 6px 6px;
  height: 25px;  /* 28 - padding */
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }

table.datalist .lite
  {
  background-color: #FFFF66;
  }
table.datalist .dark
  {
  background-color: #E8E1E0;
  }

/****************************************************************************
 *                           Transaction Results                            *
 ****************************************************************************/

.transbox
  {
  border: 1px solid #4A0506;
  width: 606px;   /* 608-border:2 */
  margin-bottom: 2em;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.375);
 }
.transgrn
  {
  background-color: #F2F6F2;
  }
.transred
  {
  background-color: #F4ECEC;
  }
.transblu
  {
  background-color: #F0F0FF;
  }
.transyel
  {
/*background-color: #FFF6D8;*/
  background-color: #F4ECEC;
  }
.transbox img
  {
  margin: 8px 24px 8px 0;
  }
.transbox .boxleft
  {
  width: 454px;    /* 606-img:128-imgmargin:24 */
  }
.transbox h1
  {
  margin: 0;
  }
.transbox h5
  {
  margin: 10px 0 1px 0;
  text-align: center;
  }
.transbox h6
  {
  margin: 3px 20px;
  }
.transbox h6.boxed
  {
  margin: 3px auto;
  padding: 4px 10px 3px 10px;
  width: 360px;
  text-align: center;
  border: 1px solid #866;
  background-color: #FFFAF0;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.375);
  }

/******************************************************************************
 *                           Main Panel Navigation                            *
 ******************************************************************************/
/* From 'navigate.css' - Used by osray.navigator.php */

.content .nav-small
  {
  display: block;
  margin: 2em auto;
  padding: 0;
  list-style-type: none;
  }
.content .nav-small li
  {
  display: block;
  margin: 0;
  padding: 0;
  }
.content .nav-small a,
.content .nav-small input[type='submit']
  {
  cursor: pointer;
  display: block;
  width: 400px;
  margin: 14px auto;
/*color: $(bar-link);*/
  color: #D6B476;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  border: none;
/*
  font-family: $(fonts-nav);
  background-color: $(bar-bkgnd);
  box-shadow: 2px 2px 2px $(shad-norm);
*/
  font-family: Verdana, Arial, sans-serif;
  background-color: #4A0506;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.250);
  }

.content .nav-small a
  {
  height: 25px;
  padding: 2px 0 0 0;
  }
.content .nav-small input[type='submit']
  {
  height: 28px;
  padding: 2px 0 0 0;
  }

.content .nav-small a:link
  {
/*color: $(bar-link);*/
  color: #D6B476;
  }
.content .nav-small a:visited
  {
/*color: $(bar-link);*/
  color: #D6B476;
  }
.content .nav-small a:hover,
.content .nav-small input:hover
  {
/*
  color: $(nav-color);
  background-color: $(nav-bkgnd);
*/
  color: #444;
  background-color: #AAA;
  }

/*----------------------------------------------------------------------------*/

.content .nav-wide a
  {
  width: 512px;
  }

/*----------------------------------------------------------------------------*/
/*
.contact .nav-large
  {
  width: 540px;
  margin: 32px auto;
  }
*/
.content .nav-large
  {
  display: block;
  list-style-type: none;
  width: 86%;
  margin: 64px auto 32px auto;
  background-color: white;
/*border: 1px solid $(bar-bkgnd);*/
  border: 1px solid #4A0506;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,0.375);
  }
.content .nav-large li
  {
  display: block;
  margin: 0;
  padding: 0;
  }
.content .nav-large a,
.content .nav-large input[type='submit']
  {
  cursor: pointer;
  display: block;
  width: 88%;
  margin: 24px auto;
  padding: 12px 0;
/*color: $(bar-link);*/
  color: #D6B476;
  font-size: 15pt;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  border: none;
  background-color: #4A0506;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.375);
  }
.content .nav-large a:link
  {
/*color: $(bar-link);*/
  color: #D6B476;
  }
.content .nav-large a:visited
  {
/*color: $(bar-link);*/
  color: #D6B476;
  }
.content .nav-large a:hover,
.content .nav-large input:hover
  {
/*
  color: $(nav-color);
  background-color: $(nav-bkgnd);
*/
  color: #444;
  background-color: #AAA;
  }

/******************************************************************************
 *                               Error Report                                 *
 ******************************************************************************/

h1.status
  {
  color: #681514;
  margin: 1em auto 0 auto;
  width: 608px;
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  text-indent: 0;
  padding: 5px 0;
  background-color: #EFE9E8;
  border: 1px solid #4A0506;
  }

table.status
  {
  width: 608px;
  margin: 8px auto 2em auto;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  }
table.status .lbl,
table.status .val,
table.status .wide
  {
  text-align: left;
  padding: 2px 8px;
  height: 18px;  /* 24 - padding */
  background-color: #EFE9E8;
  border-right:  1px solid #4A0506;
  border-bottom: 1px solid #4A0506;
  }
table.top,
table.status .top
  {
  border-top: 1px solid #4A0506;
  }
table.status .lbl,
table.status .wide
  {
  border-left: 1px solid #4A0506;
  }
table.status .tc
  {
  text-align: center;
  }
table.status .tr
  {
  text-align: right;
  }
table.status .dark
  {
  background-color: #E0D9D8;
  }
table.status .spc
  {
  font-size: 8px;
  height: 12px;
  }

/******************************************************************************
 *                           HTML Error Documents                             *
 ******************************************************************************/

.errdoc img
  {
  margin: 32px auto 48px auto;
  }

.errdoc p
  {
  width: 75%;
  margin: 1em auto;
  line-height: 150%;
  }

.errdoc .prefix
  {
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 20px auto 8px auto;
  line-height: 100%;
  }

.errdoc .code
  {
  margin: -32px auto -48px auto;
  text-align: center;
  }

.errdoc .frame
  {
  border-radius: 36px;
  padding: 8px 0;
  background-color: #4A0506;
  }

.errdoc .name
  {
  color: #D6B476;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 44px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
  margin: 0 auto;
  line-height: 100%;
  }

/****************************************************************************
 *                           Please Wait Overlay                            *
 ****************************************************************************/

.wait-dim
  {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top:  0;
  left: 0;
  z-index: 1024;
/* background-image: url(/shared/body-wait.png);*/
  }
.wait-msg
  {
  display: none;
  width: 384px;
  height: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px auto auto -192px;
  border:  2px solid #4A0506;
  background-color: #E8E1E0;
  }
.wait-msg h2
  {
  margin-top: 24px;
  }
.wait-msg img
  {
  display: block;
  margin: 12px auto;
  }

/****************************************************************************
 *                                Debugging                                 *
 ****************************************************************************/

.itemize
  {
  margin: 6px auto;
  border-collapse: collapse;
  border: 1px solid #4A0506;
  }
.itemize td
  {
  padding: 2px 6px 1px 6px;
  height: 18px;  /* 21 - padding */
  border:  1px solid #4A0506;
  }
.itemize .lbl
  {
  width: 120px;
  text-align: left;
  background-color: #F0E9E8;
  }
.itemize .val
  {
  min-width: 240px;
  text-align: left;
  background-color: #FFFAF0;
  }

/******************************************************************************
 *                       Browser variations and errors                        *
 ******************************************************************************/
/*
 * Internet Explorer versions 6 and below ignore the min-height property but
 * implement height as if it were min-height.
 */

* html .wrapper
  {
  height: 100%;
  }
* html .navigate
  {
  height: 100%;
  }

/*
 * Browser specific rules are explained at en.wikipedia.org/wiki/CSS_filter
 */
/******************************************************************************/