/* Raw elements */
body {
    margin:0 0 5em 0;
    padding:0;
    font-size:smaller;
}

/* Header */
#header {
    background:#fff url(../images/fade_up.png) bottom left repeat-x;
    border-bottom:1px solid #000;
    padding:0 0 0 40px;
    height:3em;
}
#header h1 {
    line-height:1.3em;
    padding:0;
    margin:0;
    font-weight:normal;
}
#header h1:first-letter {
    color:Maroon;
    font-weight:bold;
}
#header span {
  color: Maroon;  
  font-weight:bold;
}

/* Content */
#content {
}
#content h1 {
    clear:both;
    color:#000;
    margin:0px 20px;
    padding:0;
}
#content h2 {
    clear:both;
    color:maroon;
    margin:15px 25px;
    padding:0;
}
#content h3 {
    clear:both;
    color:navy;
    margin:15px 30px;
}
#content h4 {
    clear:both;
    margin:15px 45px;
}

#content p {
    margin: 10px 55px;
}

/* Navigation */
#mainNav a {
  text-align:left ! important;
  padding-left:20px ! important;
  margin:15px;
  width:25%;
}
#subNavA {
    position:absolute;
    top:.5em;
    left:50%;
}
#subNavA ul,#mainNav {
    margin:0;
    padding:0;
    list-style-type:none;
}
#subNavA ul li {
    float:left;
    margin:0;
    padding:0;
}
#subNavA ul li a, #subNavA ul li a:visited, #subNavA ul li a:active, #mainNav li a {
    text-decoration:none;
    color:#000;
    border: 1px outset navy;
    display: block;
    padding: 5px;
    margin: 5px;
    min-width:5em;
    text-align:center;
    background:#fff url(../images/fade_up.png) bottom left repeat-x;
}
#subNavA ul li a:hover, #subNavA ul li a:focus,#mainNav li a:hover,#mainNav li  a:focus {
    color:maroon;
    border: 1px inset navy;
    background:#fff url(../images/fade_down.png) top left repeat-x;
}

#subNavB {
    position: absolute;
    top:4em;
    right:0px;
    background-color:#eee;
    padding:10px;
    border:1px solid black;
    min-width:14em;
}
#subNavB ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#subNavB ul li a {
    display:block;
    text-decoration:none;
    padding:5px;
    margin:5px 0;
    border:1px solid navy;
    background:#fff url(../images/fade_up.png) bottom left repeat-x;
}
#subNavB ul li a:hover, #subNavB ul li a:focus {
    color:maroon;
    background:#fff url(../images/fade_down.png) top left repeat-x;
    border:1px solid maroon;
}

/* Footer */
#footer {
    background:#fff url(../images/fade_down.png) top left repeat-x;
    position:fixed;
    bottom:0;
    left:0;
    border-top:1px solid #000;
    width:100%;
    padding:0 30px;
    font-size:x-small
}

/* Element Modifires */

.minWidth {width:200px;}
.midWidth {width:400px;}
.maxWidth { width:95%;}
.clearMe {clear:both;}
.underLineMe {border-bottom:1px solid #eee}
#sigBlock,.sandBag {
visibility: hidden;
}

@media print {
  .sandBag {
    display:block;
  }
  #nav {display:none;}
  #sigBlock {
    visibility: visible;
    clear:both;
    border: 2px solid #000;
    padding: 3px;
    margin: 10px;
    font-size:small;
  }

  #sigBlock ul {
    list-style-type:none;
    margin: 1em 0 0 0;
    padding:0;
  }

  #sigBlock ul li {
    text-align:center;
    margin: 4em 5px 2px 5px;
    border-top: 1px solid #000;
    display:block;
    width: 30%;
    float:left;
  }
  #footer {
    display:none;
  }
}