/*REVISED 3/9/2011 6:56:57 PM by S. Cabrol for Shadow Werx*/



/* JELLO PAGE LAYOUT*/

  #container {
    width: 850px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #777777 url(page_background.gif);
    border: 6px ridge #333333;
    margin-left: auto;
    margin-right: auto;
  }


/* BASIC ELEMENTS */

  body {
    margin: 0px;
    padding: 10px;
    background-color: #444444;
    font: bold small/1.8 Verdana, "Trebuchet MS", sans-serif;
  }

  h1 {
    font: bold 220%/2.0 Verdana, "Trebuchet MS", Geneva, sans-serif;
    color: #000000;
    padding: 5px 0px 0px 20px;
  }

  h2 {
    font: bold 180%/1.0 Verdana, sans-serif;
    color: #660000;
  }  

  h3 {
    font: bold 110%/1.0 Verdana, sans-serif;
    color: #660000;
  }

  h4 {
    font: bold 115%/1.2 Verdana, sans-serif;
    clear: left;
    text-indent: 50px;
  }

  p {
    font: bold 115%/1.2 Verdana, sans-serif;
    text-indent: 20px;
  }

  ul {
    list-style-type: disc;
    padding: 0px 15px;
    margin: 0px;
  }

  ul ul {
    list-style-type: square;
    padding: 0px 60px;
    margin: 0px;
  }

  table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: 6px ridge #333333;
    width: 98%;
  }

  td, th {
    font: bold 120%/1.5 Verdana, sans-serif;
    vertical-align: top;
    padding: 5px 10px;
  }

  th {
    text-align: right;
  }

  caption {
    text-align: left;
    padding: 5px;
  }

  a:link {
    color: #fac800;
  }

  a:visited {
    color: #660000;
  }

  a:hover {
    color: #cc3300;
  }


/* CLASSES */

  .clear {
    clear: both;
    padding: 20px;
  }

  .maincontent {
    background: url(topborder.jpg) top repeat-x;
    margin: 0px;
    padding: 20px;
  }

  .logo {
    border-style: none;
    text-align: left;
  }

  .rightimg {
    width: 300px;
    float: right;
    padding: 10px;
    margin: 20px;
    background-color: #777777;
    border: 3px outset #444444;
  }

  .centerimg {
    width: 650px;
    padding: 10px;
    margin: 20px 65px;
    background-color: #777777;
    border: 3px outset #444444;
  }

  .centersmallimg {
    width: 300px;
    padding: 10px;
    margin: 20px 45px;
    background-color: #777777;
    border: 3px outset #444444;
  }

  .leftimg {
    width: 300px;
    float: left;
    padding: 10px;
    margin: 20px;
    background-color: #777777;
    border: 3px outset #444444;
  }

  .month {
    text-align: left;
    font: bold 140%/1.0 Verdana, sans-serif;
    color: #660000;
    background-color: #777777;
    padding: 5px;
  }

  .centeralign {
    text-align: center;
    margin: 20px;
  }

  .leftalign {
    text-align: left;
    margin: 20px;
  }

  .rightalign {
    text-align: right;
    margin: 20px;
  }

/* SPECIFIC ID ITEMS*/

  #pagetitle {
    clear: right;    
  }

  #letterhead {
    display: none;
  }

  #mainnavigation {
    margin: 16px 25px 0px 0px;
    height: 252px;
    width: 238px;
    background: url(navigationbutton.gif) top left repeat-y;
    text-align: center;
    line-height: 2.6;
    float: right;
  }

  #gallerynavigation {
    margin: 88px 0px 0px 10px;
    height: 252px;
    width: 238px;
    background: url(navigationbutton.gif) top left repeat-y;
    text-align: center;
    line-height: 2.6;
    float: right;
  }

  #swlogo {
    padding: 10px;
    margin: 0px 0px 0px 10px;
    background-color: #777777;
    border: 3px outset #444444;
  }

  #header {
    background: url(bottomborder.jpg) bottom repeat-x;
    margin: 0px;
    padding: 28px 0px 0px 20px;
  }

  #footer {
    background: url(bottomborder.jpg) bottom repeat-x;
    margin: 0px;
    padding: 0px 0px 10px 20px;
    line-height: 1.2;
    text-align: center;
  }

  #closing {
    margin: 0px;
    padding: 10px 0px 0px 20px;
    background: url(bottomborder.jpg) bottom repeat-x;
    height: 48px;
    clear: both;
  }