/******************************************************************************/
/******************************************************************************
                                                                    * LAYOUTS *
                                                                    ***********/
/***************************************** WIDE FIXED WIDTH, ALL FRAMES EQUAL */
.fixed-wide-none {
  margin:                    0 auto;
  max-width:                 1200px;
  min-width:                 800px;
  text-align:                left;
  width:                     auto!important;
  width:                     800px;
  }
/************************************ WIDE FIXED WIDTH, FULL-WIDTH HEAD FRAME */
.fixed-wide-head #page-frame,
.fixed-wide-head #foot-frame {
  margin:                    0 auto;
  max-width:                 1200px;
  min-width:                 800px;
  text-align:                left;
  width:                     auto!important;
  width:                     800px;
  }
/************************************ WIDE FIXED WIDTH, FULL-WIDTH FOOT FRAME */
.fixed-wide-foot #head-frame,
.fixed-wide-foot #page-frame {
  margin:                    0 auto;
  max-width:                 1200px;
  min-width:                 800px;
  text-align:                left;
  width:                     auto!important;
  width:                     800px;
  }
/*************************** WIDE FIXED WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.fixed-wide-both #page-frame {
  margin:                    0 auto;
  max-width:                 1200px;
  min-width:                 800px;
  text-align:                left;
  width:                     auto!important;
  width:                     800px;
  }
/***************************************** THIN FIXED WIDTH, ALL FRAMES EQUAL */
.fixed-thin-none {
  margin:                    0 auto;
  max-width:                 800px;
  min-width:                 600px;
  text-align:                left;
  width:                     auto!important;
  width:                     600px;
  }
/************************************ THIN FIXED WIDTH, FULL-WIDTH HEAD FRAME */
.fixed-thin-head #page-frame,
.fixed-thin-head #foot-frame {
  margin:                    0 auto;
  max-width:                 800px;
  min-width:                 600px;
  text-align:                left;
  width:                     auto!important;
  width:                     600px;
  }
/************************************ THIN FIXED WIDTH, FULL-WIDTH FOOT FRAME */
.fixed-thin-foot #head-frame,
.fixed-thin-foot #page-frame {
  margin:                    0 auto;
  max-width:                 800px;
  min-width:                 600px;
  text-align:                left;
  width:                     auto!important;
  width:                     600px;
  }
/*************************** THIN FIXED WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.fixed-thin-both #page-frame {
  margin:                    0 auto;
  max-width:                 800px;
  min-width:                 600px;
  text-align:                left;
  width:                     auto!important;
  width:                     600px;
  }
/***************************************** WIDE FLUID WIDTH, ALL FRAMES EQUAL */
.fluid-wide-none {
  margin:                    0 auto;
  max-width:                 90%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/************************************ WIDE FLUID WIDTH, FULL-WIDTH HEAD FRAME */
.fluid-wide-head #page-frame,
.fluid-wide-head #foot-frame {
  margin:                    0 auto;
  max-width:                 90%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/************************************ WIDE FLUID WIDTH, FULL-WIDTH FOOT FRAME */
.fluid-wide-foot #head-frame,
.fluid-wide-foot #page-frame {
  margin:                    0 auto;
  max-width:                 90%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/*************************** WIDE FLUID WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.fluid-wide-both #page-frame {
  margin:                    0 auto;
  max-width:                 90%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     90%;
  }
/***************************************** THIN FLUID WIDTH, ALL FRAMES EQUAL */
.fluid-thin-none {
  margin:                    0 auto;
  max-width:                 70%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/************************************ THIN FLUID WIDTH, FULL-WIDTH HEAD FRAME */
.fluid-thin-head #page-frame,
.fluid-thin-head #foot-frame {
  margin:                    0 auto;
  max-width:                 70%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/************************************ THIN FLUID WIDTH, FULL-WIDTH FOOT FRAME */
.fluid-thin-foot #head-frame,
.fluid-thin-foot #page-frame {
  margin:                    0 auto;
  max-width:                 70%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/*************************** THIN FLUID WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.fluid-thin-both #page-frame {
  margin:                    0 auto;
  max-width:                 70%;
  min-width:                 45em;
  text-align:                left;
  width:                     auto!important;
  width:                     45em;
  }
/*************************************** WIDE ELASTIC WIDTH, ALL FRAMES EQUAL */
.elastic-wide-none {
  margin:                    0 auto;
  max-width:                 80em;
  min-width:                 60em;
  text-align:                left;
  width:                     auto!important;
  width:                     60em;
  }
/********************************** WIDE ELASTIC WIDTH, FULL-WIDTH HEAD FRAME */
.elastic-wide-head #page-frame,
.elastic-wide-head #foot-frame {
  margin:                    0 auto;
  max-width:                 80em;
  min-width:                 60em;
  text-align:                left;
  width:                     auto!important;
  width:                     60em;
  }
/********************************** WIDE ELASTIC WIDTH, FULL-WIDTH FOOT FRAME */
.elastic-wide-foot #head-frame,
.elastic-wide-foot #page-frame {
  margin:                    0 auto;
  max-width:                 80em;
  min-width:                 60em;
  text-align:                left;
  width:                     auto!important;
  width:                     60em;
  }
/************************* WIDE ELASTIC WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.elastic-wide-both #page-frame {
  margin:                    0 auto;
  max-width:                 80em;
  min-width:                 60em;
  text-align:                left;
  width:                     auto!important;
  width:                     60em;
  }
/*************************************** THIN ELASTIC WIDTH, ALL FRAMES EQUAL */
.elastic-thin-none {
  margin:                    0 auto;
  max-width:                 60em;
  min-width:                 40em;
  text-align:                left;
  width:                     auto!important;
  width:                     40em;
  }
/********************************** THIN ELASTIC WIDTH, FULL-WIDTH HEAD FRAME */
.elastic-thin-head #page-frame,
.elastic-thin-head #foot-frame {
  margin:                    0 auto;
  max-width:                 60em;
  min-width:                 40em;
  text-align:                left;
  width:                     auto!important;
  width:                     40em;
  }
/********************************** THIN ELASTIC WIDTH, FULL-WIDTH FOOT FRAME */
.elastic-thin-foot #head-frame,
.elastic-thin-foot #page-frame {
  margin:                    0 auto;
  max-width:                 60em;
  min-width:                 40em;
  text-align:                left;
  width:                     auto!important;
  width:                     40em;
  }
/************************* THIN ELASTIC WIDTH, FULL-WIDTH HEAD AND FOOT FRAME */
.elastic-thin-both #page-frame {
  margin:                    0 auto;
  max-width:                 60em;
  min-width:                 40em;
  text-align:                left;
  width:                     auto!important;
  width:                     40em;
  }

/******************************************************************************/
/******************************************************************************
                                                                    * FORMATS *
                                                                    ***********/
/******************************** THREE COLUMN, MENU ON THE LEFT, FIXED WIDTH */
.col-3-ml-fixed #page-panel {
  margin-left:               200px;
  }
.col-3-ml-fixed #core-frame {
  border-left:               1px solid transparent;
  border-right:              1px solid transparent;
  margin-right:              200px;
  }
.col-3-ml-fixed #core-panel {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-3-ml-fixed #main-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-3-ml-fixed #more-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -201px;
  position:                  relative;
  width:                     200px;
  }
.col-3-ml-fixed #menu-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -201px;
  position:                  relative;
  width:                     200px;
  }
/******************************* THREE COLUMN, MENU ON THE RIGHT, FIXED WIDTH */
.col-3-mr-fixed #page-panel {
  margin-left:               200px;
  }
.col-3-mr-fixed #core-frame {
  border-left:               1px solid transparent;
  border-right:              1px solid transparent;
  margin-right:              200px;
  }
.col-3-mr-fixed #core-panel {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-3-mr-fixed #main-frame {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-3-mr-fixed #more-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -201px;
  position:                  relative;
  width:                     200px;
  }
.col-3-mr-fixed #menu-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -201px;
  position:                  relative;
  width:                     200px;
  }
/****************************** THREE COLUMN, MENU ON THE LEFT, ELASTIC WIDTH */
.col-3-ml-elastic #page-panel {
  margin-left:               15em;
  }
.col-3-ml-elastic #core-frame {
  border-left:               0.05em solid transparent;
  border-right:              0.05em solid transparent;
  margin-right:              15em;
  }
.col-3-ml-elastic #core-panel {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-3-ml-elastic #main-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-3-ml-elastic #more-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -15.05em;
  position:                  relative;
  width:                     15em;
  }
.col-3-ml-elastic #menu-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -15.05em;
  position:                  relative;
  width:                     15em;
  }
/***************************** THREE COLUMN, MENU ON THE RIGHT, ELASTIC WIDTH */
.col-3-mr-elastic #page-panel {
  margin-left:               15em;
  }
.col-3-mr-elastic #core-frame {
  border-left:               0.05em solid transparent;
  border-right:              0.05em solid transparent;
  margin-right:              15em;
  }
.col-3-mr-elastic #core-panel {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-3-mr-elastic #main-frame {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-3-mr-elastic #more-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -15.05em;
  position:                  relative;
  width:                     15em;
  }
.col-3-mr-elastic #menu-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -15.05em;
  position:                  relative;
  width:                     15em;
  }

/********************************** TWO COLUMN, MENU ON THE LEFT, FIXED WIDTH */
.col-2-ml-fixed #page-panel {
  margin-left:               200px;
  }
.col-2-ml-fixed #core-frame {
  border-left:               1px solid transparent;
  }
.col-2-ml-fixed #core-panel {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-2-ml-fixed #menu-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -201px;
  position:                  relative;
  width:                     200px;
  }

/********************************* TWO COLUMN, MENU ON THE RIGHT, FIXED WIDTH */
.col-2-mr-fixed #page-panel {
  margin-right:              200px;
  }
.col-2-mr-fixed #core-frame {
  border-right:              1px solid transparent;
  }
.col-2-mr-fixed #core-panel {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-2-mr-fixed #menu-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -201px;
  position:                  relative;
  width:                     200px;
  }

/******************************** TWO COLUMN, MENU ON THE LEFT, ELASTIC WIDTH */
.col-2-ml-elastic #page-panel {
  margin-left:               15em;
  }
.col-2-ml-elastic #core-frame {
  border-left:               0.05em solid transparent;
  }
.col-2-ml-elastic #core-panel {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     100%;
  }
.col-2-ml-elastic #menu-frame {
  display:                   inline;
  float:                     left;
  margin-left:               -15.05em;
  position:                  relative;
  width:                     15em;
  }
/******************************* TWO COLUMN, MENU ON THE RIGHT, ELASTIC WIDTH */
.col-2-mr-elastic #page-panel {
  margin-right:              15em;
  }
.col-2-mr-elastic #core-frame {
  border-right:              0.05em solid transparent;
  }
.col-2-mr-elastic #core-panel {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
.col-2-mr-elastic #menu-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -15.05em;
  position:                  relative;
  width:                     15em;
  }
/***************************************** COMPACTED COLUMN, MENU ON THE LEFT */
.col-1-compact #menu-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     50%;
  }
.col-1-compact #more-frame {
  display:                   inline;
  float:                     right;
  margin-right:              -1px;
  position:                  relative;
  width:                     50%;
  }
/**************************************** COMPACTED COLUMN, MENU ON THE RIGHT */
.col-1-compact-alt #menu-frame {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     49.95%;
  }
.col-1-compact-alt #more-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     49.95%;
  }
/********************************************* SPLIT COLUMN, MENU ON THE LEFT */
.col-1-split-alt #main-frame {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     49.95%;
  }
.col-1-split-alt #more-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     49.95%;
  }
.col-1-split-alt #menu-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
/******************************************** SPLIT COLUMN, MENU ON THE RIGHT */
.col-1-split #main-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     49.95%;
  }
.col-1-split #more-frame {
  display:                   inline;
  float:                     right;
  position:                  relative;
  width:                     49.95%;
  }
.col-1-split #menu-frame {
  display:                   inline;
  float:                     left;
  position:                  relative;
  width:                     100%;
  }
/******************************************************************************/
/******************************************************************************
                                                               * FLOAT SWITCH *
                                                               ****************/
#page-frame:after,
#page-panel:after,
#core-frame:after,
#core-panel:after {
  clear:                   both;
  content:                 ".";
  display:                 block;
  font-size:               1px;
  height:                  0;
  line-height:             0;
  overflow:                hidden;
  visibility:              hidden;
  }
#main-frame,
#more-frame,
#menu-frame,
#core-frame {display:inline-block}
#main-frame,
#more-frame,
#menu-frame,
#core-frame {display:block}
/******************************************************************************/
/******************************************************************************
                                                                    * GLOBALS *
                                                                    ***********/
html {
  background-color:          #fff;
  background-image:          url(empty);
  background-attachment:     fixed;
  height:                    100%;
  margin:                    0;
  padding:                   0;
  }
body {
  border:                    none;
  font-size:                 100%;
  height:                    100%;
  margin:                    0;
  padding:                   0;
  text-align:                center;
  width:                     100%;
  }
body * {
  margin-top:                0;
  }
.panel {
  text-align:                left;
  }
hr,
h2 {
  left:                      -9999px;
  position:                  absolute;
  top:                       -9999px;
  }
div.panel hr,
div.panel h2 {
  left:                      auto;
  position:                  static;
  top:                       auto;
  }
body .fixed-wide-head #head-frame,
body .fixed-wide-both #head-frame,
body .fixed-wide-both #foot-frame,
body .fixed-wide-foot #foot-frame,
body .fixed-thin-head #head-frame,
body .fixed-thin-both #head-frame,
body .fixed-thin-both #foot-frame,
body .fixed-thin-foot #foot-frame,
body .fluid-wide-head #head-frame,
body .fluid-wide-both #head-frame,
body .fluid-wide-both #foot-frame,
body .fluid-wide-foot #foot-frame,
body .fluid-thin-head #head-frame,
body .fluid-thin-both #head-frame,
body .fluid-thin-both #foot-frame,
body .fluid-thin-foot #foot-frame,
body .elastic-wide-head #head-frame,
body .elastic-wide-both #head-frame,
body .elastic-wide-both #foot-frame,
body .elastic-wide-foot #foot-frame,
body .elastic-thin-head #head-frame,
body .elastic-thin-both #head-frame,
body .elastic-thin-both #foot-frame,
body .elastic-thin-foot #foot-frame,
body .fluid-maximized #head-frame,
body .fluid-maximized #page-frame,
body .fluid-maximized #foot-frame {
  border-right:              none;
  border-left:               none;
  }
#head-frame,
#main-frame,
#more-frame,
#menu-frame,
#foot-frame {padding-top:    1px}
#foot-frame .panel {
  text-align:                center;
  }
h1 {font-size:               1.6em}
h2 {font-size:               1.5em}
h3 {font-size:               1.4em}
h4 {font-size:               1.3em}
h5 {font-size:               1.2em}
h6 {font-size:               1.1em}
p  {font-size:               1.0em}
h1,h2,h3,h4,h5,h6,p {
  margin-bottom:             0.5em;
  }
/******************************************************************************/
/******************************************************************************
                                                  * THG OVERRIDE DECLARATIONS *
                                                  *****************************/
.col-3-ml-elastic #page-panel {
  margin-left:               20em;
  }
.col-3-ml-elastic #core-frame {
  margin-right:              18em;
  }
.col-3-ml-elastic #more-frame {
  margin-right:              -18.05em;
  width:                     18em;
  }
.col-3-ml-elastic #menu-frame {
  margin-left:               -20.05em;
  width:                     20em;
  }
/******************************************************************************/
/******************************************************************************
                                                                    * THEMING *
                                                                    ***********/
#page-shell #page-panel,
#page-shell #core-frame,
#page-shell #more-frame,
#page-shell #menu-frame {
  border-right-color:        #666;
  border-left-color:         #666;
  }
.panel {padding:             5px}
#head-frame {
  background-color:          #ccc;
  border-bottom:             3px solid;
  position:                  relative;
  }
#head-frame,
#page-frame,
#foot-frame {
  border-right:              1px solid;
  border-left:               1px solid;
  }
#foot-frame {
  background-color:          #ccc;
  border-top:                2px solid;
  border-bottom:             3px double;
  }
#copyright {border-top:      3px solid}
#page-frame {/* LEFT COLUMN COLOR */
  background-color:          #f1f1f1;
  }
#page-panel {
  background-color:          #dedede;
  }
#core-frame {
  background-color:          #fefefe;
  }
#username,
#password {
  background-color:          #f9f9f9;
  border:                    1px inset #e1e1e1;
  margin:                    0;
  padding:                   2px;
  }
input.makeButton {
  border:                    3px double #999;
  }
#formPassport,
#formPassport fieldset {
  border:                    0;
  margin:                    0;
  padding:                   0;
  text-align:                right;
  }
#formPassport legend {
  display:                   none;
  }
#passport {
  position:                  absolute;
  top:                       0;
  right:                     0;
  z-index:                   999;
  }
#menu-frame ul,
#more-frame ul {
  list-style:                none;
  margin:                    0 0 .5em 0;
  padding:                   0;
  }
#menu-frame ul ul,
#more-frame ul ul {
  margin-left:               20px;
  }
#menu-frame a,
#more-frame a {display:      block}
#copyright ul,
#copyright li {
  display:                   inline-block;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#copyright li a {
  display:                   block;
  padding:                   2px 5px;
  }
.panel{position:             relative}