body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 1%;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  background: #960018 url(sitegraphics/bg.jpg);
}
p, h1, h2, h3, h4, h5 {
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 0;
  background-color: transparent;
}
a {
  color: #960018;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
img {
  border: none;
  margin: 0;
  padding: 2px;
}
div {
  padding: 0;
  margin: 0;
  border: none;
}
#shell {
  background: #f0f0f0;
  margin: auto;
  text-align: left;
  padding: 0;
} 
#header {
  background: url(sitegraphics/skull.jpg) no-repeat 10px 10px #000000;
  color: #ffffff; /*#960018*/
  clear: both;
}
    #header_tl{
      background: url(sitegraphics/corners/headertl.gif) 0 0 no-repeat;
    }
    #header_tr{
      background: url(sitegraphics/corners/headertr.gif) 100% 0 no-repeat;
      padding:10px 10px 10px 160px;
    }
#header h1 {
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 10px 0;
  min-height: 110px;
}
#menu {
  background: #000000;
  padding: 0;
  clear: none;
}
#menu ul {
  padding: 0;
  margin: 0;
}
#menu ul a {
  text-decoration: none;
  color: #000000;
}
#menu ul li {
  position: relative;
  top: 1px;
  float: left;
  margin: 0px 1px 0px 0px;
  background-color: #808080;
  list-style: none;
  border-bottom: 1px solid #c0c0c0;
}
    #menu ul li div {
      background: url(sitegraphics/corners/menulitl.gif) 0 0 no-repeat;
    }
    #menu ul li div div {
      position: relative;
      background: url(sitegraphics/corners/menulitr.gif) 100% 0 no-repeat;
      padding: 5px 5px 2px 5px;
    }
#menu ul li.active {
  background-color: #c0c0c0;
}
    #menu ul li.active div{
      background: url(sitegraphics/corners/outercelltl.gif) 0 0 no-repeat;
    }
    #menu ul li.active div div{
      background: url(sitegraphics/corners/outercelltr.gif) 100% 0 no-repeat;
    }
#outercell {
  clear: both;
      background: #c0c0c0 url(sitegraphics/corners/outercelltr.gif) 100% 0 no-repeat;
      padding:15px;
    }
#outercell p {
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 10px 0;
}

#maincell {
  background-color: #ffffff;
  clear: both;
}
    #maincell_bl{
      background: url(sitegraphics/corners/maincellbl.gif) 0 100% no-repeat;
    }
    #maincell_br{
      background: url(sitegraphics/corners/maincellbr.gif) 100% 100% no-repeat;
    }
    #maincell_tl{
      background: url(sitegraphics/corners/maincelltl.gif) 0 0 no-repeat;
    }
    #maincell_tr{
      background: url(sitegraphics/corners/maincelltr.gif) 100% 0 no-repeat;
      padding:10px;
    }
#leftcolumn {
  float: left;
  width: 24%; /* since this element is floated, a width must be given */
  background: none;
  padding: 0 15px 0 0;
  margin: 0;
  clear: both;
}

div.subtext {
margin: 10px 0 0 0;
      background: url(sitegraphics/corners/subtextbl.gif) #c0c0c0 0 100% no-repeat;
    }
    div.subtext div{
      background: url(sitegraphics/corners/subtextbr.gif) 100% 100% no-repeat;
    }
    div.subtext div div{
      background: url(sitegraphics/corners/subtexttl.gif) 0 0 no-repeat;
    }
    div.subtext div div div{
      background: url(sitegraphics/corners/subtexttr.gif) 100% 0 no-repeat;
      padding:10px;
    }
div.subtext h3 {
  padding: 0 0 0.5% 0;
}
div.subtext h4 {
  padding: 0 0 0.5% 0.5em;
}
div.subtext h5 {
  padding: 0 0 0.5% 1.5em;
}
div.subtext p {
  padding: 0 0 0.5% 2em;
}
#mainContent { 
  margin: 0 0 0 26%; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
}
#mainContent h1 {
  padding: 0 0 0.5% 0;
}
#mainContent h2 {
  padding: 0.5% 0.5% 0.5% 0.5em;
}
#mainContent h3 {
  padding: 0.5% 0.5% 0.5% 1em;
}
#mainContent h4 {
  padding: 0.5% 0.5% 0.5% 1.5em;
}
#mainContent p {
  padding: 0 0.5% 0.5% 2em;
}

#footer { 
  background:#c0c0c0;
  margin: 0;
}
    #footer_bl{
      background: url(sitegraphics/corners/footerbl.gif) 0 100% no-repeat;
    }
    #footer_br{
      background: url(sitegraphics/corners/footerbr.gif) 100% 100% no-repeat;
      padding: 10px;
    }
#footer p {
  margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
  padding: 10px 0;
  font-size: x-small;
}

/* Miscellaneous classes for reuse */
.fltrt {
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}