/**
 * The Holier Grail Website Layout Framework
 * @author    Bill Brown <mailto:macnimble@gmail.com>
 * @copyright None really.
 *            You may use The Holier Grail freely, for any project.
 *            Just please don't claim credit for creating it.
 * @timestamp 2008-MAR-10 2:40 AM
 *
 * @page      CSS Reset
 *
 * @note      Eric Meyer's global reset included below.
 */

html {
  margin: 0;
  padding: 0;
}
body {
  font-size: 10px;
  margin: 0;
  padding: 0;
}

#headFrame hr,#headFrame h2,
#mainFrame hr,#mainFrame h2,
#moreFrame hr,#moreFrame h2,
#menuFrame hr,#menuFrame h2,
#footFrame hr,#footFrame h2{display:none;}
#headFrame div.panel hr,
#headFrame div.panel h2,
#mainFrame div.panel hr,
#mainFrame div.panel h2,
#moreFrame div.panel hr,
#moreFrame div.panel h2,
#menuFrame div.panel hr,
#menuFrame div.panel h2,
#footFrame div.panel hr,
#footFrame div.panel h2{display:block;}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

*{margin-top:0;}

div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}

h1,h2,h3,h4,h6,p{margin-bottom:0.5em;}
h5{margin-bottom:1em}

input,select,option,optgroup,textarea,button{font-size:1em;}

body{line-height:1;}
/*ol,ul{list-style:none;}*/
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins{background:#ffffe1;text-decoration:none;}
del{text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/**
 * =HUD
 * These are the styles for the HUD Multi-Panel Overlay System.
 *****************************************************************************/
dl.HUD {
  margin:                    0;
  padding:                   0;
  position:                  fixed;
  top:                       0;
  right:                     0;
  left:                      0;
  text-align:                center;
  z-index:                   100;
  }
dl.HUD dt {
/* Cuz my baby don't love me...Firefox 2 doesn't support inline block. */
  display:                   -moz-inline-box;
  -moz-box-orient:           vertical;
/* end of Cuz my baby don't love me. */
  background-color:          #dedede;
  border:                    1px solid #999999;
  border-top:                0;
  cursor:                    pointer;
  display:                   inline-block;
  font-weight:               bold;
  padding:                   2px 5px;
  position:                  relative;
  z-index:                   5;
  }
dl.HUD dt:hover {
  background-color:          #e5e5e5;
  }
dl.HUD dd {
  background-color:          #f2f2f2;
  background-position:       0 0;
  border:                    1px solid #666666;
  border-top:                0;
  border-bottom-width:       3px;
  bottom:                    100%;
  left:                      20px;
  margin:                    0;
  overflow:                  auto;
  padding:                   45px 5px 2px 5px;
  position:                  absolute;
  right:                     20px;
  text-align:                left;
  text-indent:               0;
  z-index:                   3;
  }

dl.HUD dd h6 {
  border-bottom:             2px groove #ffffff;
  font-size:                 1em;
  }
dl.HUD dd p {
  line-height:               1.5;
  margin:                    0 auto 1em auto;
  }
dl.HUD dd ul {
  border:                    1px inset #ffffff;
  list-style:                none;
  margin:                    0;
  overflow:                  hidden;
  padding:                   0;
  }
dl.HUD dd ul li {
  float:                     left;
  list-style:                none;
  margin:                    0;
  padding:                   0;
  width:                     25%;
  }
dl.HUD dd ul li a {
  background-color:          #cecece;
  border:                    1px outset #f5f5f5;
  display:                   block;
  padding:                   25px;
  text-align:                center;
  text-decoration:           none;
  }
dl.HUD dd ul li a:hover {
  background-color:          #e5e5e5;
  border:                    1px inset #f5f5f5;
  }
dl.HUD dd dl,
dl.HUD dd dt,
dl.HUD dd dd {
  background-color:          transparent;
  border:                    0;
  border-top:                0;
  cursor:                    default;
  display:                   block;
  height:                    auto;
  max-height:                auto;
  overflow:                  visible;
  padding:                   0;
  position:                  static;
  }