/******************************************************************************/
/******************************************************************************
                                                                    * THEMING *
                                                                    ***********/
/****************************************************************** OVERRIDES */
.col-3-ml-elastic .page-panel {
  margin-left:               20em;
  }
.col-3-ml-elastic .core-frame {
  border-left:               0;
  border-right:              0;
  margin-right:              20em;
  }
.col-3-ml-elastic .more-frame {
  margin-right:              -20em;
  right:                     0;
  width:                     20em;
  }
.col-3-ml-elastic .menu-frame {
  left:                      0;
  margin-left:               -20em;
  width:                     20em;
  }

/******************************************************************** GENERAL */
html {
  background-color:          #FFFCDE;
  background-attachment:     fixed;
/*  background-image:          url(default/page_bg.png);*/
  background-position:       0 0;
  background-repeat:         repeat-x;
  font-family:               "Segoe UI", "Helvetica", "Verdana", sans-serif;
  }
#page-shell {
  padding-bottom:            1px;
  }

/********************************************************* HEAD/MASTHEAD/LOGO */
.head-frame {
  background-image:          url(default/header_shadow.png)!important;
  background-image:          none;
  background-position:       100% 100%;
  padding-top:               0;
  padding-bottom:            10px;
  }
#masthead {
  position:                  relative;
  }
#masthead h1 {
  background-image:          url(default/logo_bg.png);
  margin:                    0;
  }
#masthead h1 a,
#masthead h1 a:active,
#masthead h1 a:focus,
#masthead h1 a:hover,
#masthead h1 a:visited {
  background-image:          url(default/logo_text.png);
  background-repeat:         no-repeat;
  display:                   block;
  height:                    0 !important;
  height /**/:               80px;
  outline:                   0;
  overflow:                  hidden;
  padding-top:               80px;
  text-decoration:           none;
  }


#jump-menu {display:         inline-block}
#jump-menu {
  background-color:          #4a0701;
  background-image:          url(default/masthead_bg.png);
  background-position:       0 0;
  background-repeat:         repeat-x;
  border-top:                1px solid #252525;
  border-bottom:             1px solid #000;
  color:                     #bb9c63;
  display:                   block;
  padding:                   3px 25px 3px;
  position:                  relative;
  z-index:                   999;
  }
ul.hmenu li {
  width:                     33%;
  }
ul.hmenu li li {
  width:                     100%;
  }
ul.hmenu a {
  color:                     #fffcde;
  display:                   block;
  padding:                   5px 20px;
  position:                  relative;
  text-decoration:           none;
  }
ul.hmenu li a {font-weight:  bold}
ul.hmenu li li a {font-weight:  normal}
ul.hmenu {
  background-color:          #4a0701;
  background-image:          url(default/masthead_bg.png);
  background-position:       0 0;
  background-repeat:         repeat-x;
  border:                    0;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  position:                  relative;
  z-index:                   999;
  }
ul.hmenu ul {
  background-color:          #4a0701;
  background-image:          url(default/masthead_bg.png);
  background-position:       0 0;
  background-repeat:         repeat-x;
  border:                    1px solid #000;
  border-top:                0;
  left:                      -1px;
  position:                  absolute;
  top:                       100%;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  z-index:                   999;
  width:                     250px
  }
ul.hmenu li {
  border-right:              0;
  display:                   inline;
  float:                     left;
  list-style:                none;
  margin:                    0;
  padding:                   1px 0;
  position:                  relative;
  white-space:               nowrap;
  z-index:                   999;
  }
ul.hmenu li li {
  border:                    0;
  border-top:                1px solid #000;
  border-right:              1px solid #000;
  display:                   block;
  float:                     none;
  }
ul.hmenu li li:hover {
  color:                     #fff;
  }
ul.hmenu li li a:hover {
  background-color:          #4a0701;
  }
ul.hmenu ul ul {
  left:                      100%;
  top:                       -1px;
  }
ul.hmenu li ul,
ul.hmenu li.active li ul,
ul.hmenu li.active li.active li ul,
ul.hmenu li.active li.active li.active li ul,
ul.hmenu li.active li.active li.active li.active li ul,
ul.hmenu li.active li.active li.active li.active li.active li ul,
ul.hmenu li.active li.active li.active li.active li.active li.active li ul
{visibility:hidden}
ul.hmenu li.active ul,
ul.hmenu li.active li.active ul,
ul.hmenu li.active li.active li.active ul,
ul.hmenu li.active li.active li.active li.active ul,
ul.hmenu li.active li.active li.active li.active li.active ul,
ul.hmenu li.active li.active li.active li.active li.active li.active ul,
ul.hmenu li.active li.active li.active li.active li.active li.active li.active ul
{visibility:visible}
/*
ul.hmenu li ul,
ul.hmenu li:hover li ul,
ul.hmenu li:hover li:hover li ul,
ul.hmenu li:hover li:hover li:hover li ul,
ul.hmenu li:hover li:hover li:hover li:hover li ul,
ul.hmenu li:hover li:hover li:hover li:hover li:hover li ul {
  visibility:hidden;
  }
ul.hmenu li:hover ul,
ul.hmenu li:hover li:hover ul,
ul.hmenu li:hover li:hover li:hover ul,
ul.hmenu li:hover li:hover li:hover li:hover ul,
ul.hmenu li:hover li:hover li:hover li:hover li:hover ul,
ul.hmenu li:hover li:hover li:hover li:hover li:hover li:hover ul {
  visibility:visible;
  }
*/
li:hover,
a:hover {background-position: 0 0}

/**
 * = Float Behavior Switch
 *   - The overflow:hidden switch won't work in this case.
 *   - MSIE equivalent can be found below.
 *********************************************************/
ul:after {
  clear:                     both;
  content:                   "...";
  display:                   block;
  font-size:                 1px;
  height:                    0;
  overflow:                  hidden;
  visibility:                hidden;
  }





/*********************************************************************** MAIN */
#content-list ul {
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#content-list ul li {
  border-bottom:             1px solid #bb9c63;
  list-style:                none;
  margin:                    0 10px 25px;
  padding:                   0 0 15px 0;
  }
#content-list ul li h4,
#content-list ul li a {
  color:                     #552815;
  }
#content-list ul li img {
  border:                    3px double #000;
  margin:                    0 15px 5px 0;
  }
#content-list ul li p {
  font-size:                 1.2em;
  text-decoration:           none;
  }
#content-list ul li p a:hover,
#content-list ul li p a:focus,
#content-list ul li p a:active {
  color:                     #000;
  }

#content-list ul.pagination {
  display:                   inline-block}
#content-list ul.pagination {
  display:                   block;
  font-size:                 1.5em;
  margin:                    0 auto;
  overflow:                  hidden;
  width:                     300px;
  }
#content-list ul.pagination li {
  border:                    0;
  display:                   inline;
  float:                     left;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  width:                     75px;
  }
#content-list ul.pagination li a {
  color:                     #000099;
  display:                   block;
  font-weight:               bold;
  padding:                   5px 8px;
  text-align:                center;
  text-decoration:           none;
  }
#content-list ul.pagination li a:hover,
#content-list ul.pagination li a:focus,
#content-list ul.pagination li a:active {
  border:                    3px double #ccc;
  color:                     #000000;
  outline:                   0;
  padding:                   2px 5px;
  }
#content-list ul.pagination li span {
  color:                     #666;
  display:                   block;
  font-weight:               bold;
  padding:                   5px 8px;
  text-align:                center;
  }
#content-view p img {
  border:                    3px double #666;
  float:                     left;
  margin:                    5px;
  padding:                   2px;
  }
dd.content-preview p {
  display:                   inline-block;
  }
dd.content-preview p {
  display:                   block;
  overflow:                  hidden;
  }
dd.content-preview p img {
  float:                     left;
  height:                    30px;
  margin:                    2px;
  }
/*********************************************************************** MENU */
.main-frame h3,
.more-frame h3,
.menu-frame h3 {
  border-bottom:             1px solid #4b0802;
  color:                     #4b0802;
  font-size:                 1em;
  margin:                    0;
  padding:                   2px 5px 2px 0;
  }
.main-frame h3 {
  margin-bottom:             1em;
  }
.more-frame ul,
.menu-frame ul {
  list-style:                none;
  margin:                    0;
  padding:                   2px 0;
  }
.more-frame ul li,
.menu-frame ul li {
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
.more-frame ul li a,
.menu-frame ul li a {
  color:                     #4a2c02;
  display:                   block;
  height:                    auto!important;
  height:                    1%;
  margin:                    0;
  padding:                   3px 6px;
  text-decoration:           none;
  }
.more-frame ul li a:hover,
.menu-frame ul li a:hover {
  background-color:          #d5c9a3;
  border:                    1px solid #965a05;
  color:                     #4b0802;
  padding:                   2px 5px;
  }



.page-frame .panel {
  background:                url(http://css.researchstevemccurry.com/fix/rgba_to_png.php?r=0&g=0&b=0&a=30);
  background:                rgba(0,0,0,0.3);
  margin:                    10px 0 15px 15px;
  padding:                   5px;
  position:                  relative;
  }
.shadow {
  background:                #f5f5f5;
  border:                    1px solid #4b0802;
  color:                     #4b0802;
  margin:                    -10px 0 0 -10px;
  padding:                   5px;
  position:                  relative;
  }
#welcome .shadow {
  background:                #fffcde;
  }
.page-frame .shadow * {
  margin-top:                0;
  }

/******************************************************************** FOOTERS */
#foot-frame {
  background-color:          #961105;
  background-image:          url(default/masthead_bg.png);
  background-position:       0 0;
  background-repeat:         repeat-x;
  border-top:                2px solid #000;
  border-bottom:             2px solid #000;
  color:                     #bb9c63;
  margin-bottom:             10px;
  padding:                   0 0 4px;
  }
#foot-frame .panel {
  padding:                   1px 0;
  text-align:                center;
  }
#footer-links {}
#footer-links ul {
  display:                   inline-block;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#footer-links ul li {
  display:                   inline-block;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
#footer-links ul li a {
  color:                     #bb9c63;
  display:                   block;
  font-weight:               bold;
  padding:                   2px 5px;
  text-decoration:           none;
  }
#footer-links ul li a:hover {
  color:                     #fff;
  }
#site-copyright p {
  font-size:                 12px;
  font-weight:               bold;
  margin:                    0;
  padding:                   0;
  text-align:                center;
  }

/******************************************************************************/
/******************************************************************************
                                                                      * FORMS *
                                                                      *********/
form {
  width:                     auto !important;
  width:                     96%;
  max-width:                 96%;
  margin:                    0 auto;
  }
fieldset {
  margin:                    0;
  padding:                   2px 2px;
  }
fieldset.tag-list div {
  height:                    300px;
  overflow:                  auto;
  }
fieldset.tag-list label:hover {
  background-color:          #dedede;
  }
fieldset label span {
  font-weight:               bold;
  }
fieldset textarea {
  margin:                    0 auto;
  width:                     90%;
  }
fieldset.tag-list label span {
  font-weight:               normal;
  }
fieldset br {
  display:                   none;
  }
fieldset label br {
  display:                   block;
  }
legend {
  font-weight:               bold;
  }
label:after {
  clear:                     both;
  content:                   ".";
  display:                   block;
  font-size:                 1px;
  height:                    0;
  line-height:               0;
  overflow:                  hidden;
  visibility:                hidden;
  }
label {
  display:                   inline-block;
  }
label {
  display:                   block;
  padding:                   5px 0;
  }
label:hover input,
label:hover textarea,
label input:focus,
label textarea:focus {
  background-color:          #fff;
  }
label {display:              inline-block}
label {display:              block}
label.wide-text,
label.wide-text {
  overflow:                  hidden;
  }
label.wide-text span,
label.thin-text span {
  display:                   block;
  font-weight:               bold;
  }
label.wide-text input,
label.wide-text textarea {
  background-color:          #fdfdfd;
  border:                    1px solid #ccc;
  width:                     98%;
  }
label.thin-text input,
label.thin-text textarea {
  background-color:          #fdfdfd;
  border:                    1px solid #ccc;
  width:                     30em;
  }
fieldset.controls,
fieldset.controls-alt {
  text-align:                center;
  }
fieldset.controls-alt {
  border:                    0;
  margin:                    0;
  padding:                   0;
  }
fieldset.controls legend {
  display:                   none;
  }
fieldset.controls input,
fieldset.controls-alt input {
  background-color:          #ccc;
  background-image:          url(default/light_gray_grad.png);
  background-position:       0 0;
  background-repeat:         repeat-x;
  border:                    3px double #757575;
  font-weight:               bold;
  padding:                   10px 0;
  width:                     96%;
  }
fieldset.controls input:hover,
fieldset.controls-alt input:hover {
  background-color:          #ccc;
  background-image:          url(default/light_gray_grad.rotated.png);
  background-position:       100% 100%;
  background-repeat:         repeat-x;
  border:                    3px double #757575;
  }

ul.tag-list,
ul.tag-list ul {
  margin-left:               20px;
  }
ul.tag-list li {
  padding:                   3px;
  }
ul.tag-list li:hover {
  border:                    1px solid #999;
  padding:                   2px;
  }





/******************************************************************************/
/******************************************************************************
                                                               * FLOAT SWITCH *
                                                               ****************/
.panel:after {
  clear:                     both;
  content:                   ".";
  display:                   block;
  font-size:                 1px;
  height:                    0;
  line-height:               0;
  overflow:                  hidden;
  visibility:                hidden;
  }
.shadow,
li,.menu-frame a,
dl.HUD dt,
.panel {display:             inline-block}
.shadow,
li,.menu-frame a,
.panel {display:             block}