/*
 *  Essentials
 */
    body {
      margin: 0; background-color: #ece9d8;
    }
    .clearboth1px {
	    width: 100%; height: 1px; overflow: hidden; clear: both; display: block;
    }
    h1 {
      font-family: Verdana, Arial, Helvetica; font-size: 12pt; color: black;
    }
    h2 {
      font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: black;
    }
    p {
      font-family: Verdana, Arial, Helvetica; font-size: 10pt; margin-top: 0;
    }
    .bodytxt {
      font-family: Verdana, Arial, Helvetica; font-size: 10pt;  margin-top: 2px; margin-left: 16px; margin-right: 16px;
    }
/*
 * Header / Footer Items
 */    
    #Header {
      margin: 0px auto; position: relative;
      padding-top: 12px;
      max-width: 100%;
      text-align: left;
      background: -webkit-linear-gradient(#0e4774, #cce2ee); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#0e4774, #cce2ee); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#0e4774, #cce2ee); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#0e4774, #cce2ee); /* Standard syntax */
    }
    .HeadContent {
      margin: 0px auto; position: relative;
      max-width: 1024px;
      height: 100%;
    }
    .Logo {
      margin-left: 24px;
      background: none; position: relative; float: left;
    }
    .LogoXtra {
      margin-right: 24px;
      background: none; position: relative; float: right;
    }
    #Footer {
      background-color: #82ca9c;
    }
    .FooterContent {
      font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-weight: bold; color: black;
      margin: 0px auto; position: relative;
      padding: 16px 0 16px 0;
      width: 1024px;
      text-align: center;
    }
    .subfooter {
      padding: 4px 0 4px 0;
      font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-weight: normal; color: black;
    }
    a.subfooter:link, a.subfooter:visited  {
      color: #996633; text-decoration: none;
    }
    a.subfooter:hover {
      color: #E36505; text-decoration: none;
    }
/*
 *  Content Area Items
 */  
    #Page {
      margin: 0 auto;
      background-color: #ece9d8;
      max-width: 1024px; text-align: left;
    }
    #Content {
      margin: 0px; padding: 24px 24px 4px 24px;
    }
    .item_content {
      text-align: left;
    }
    .multi_col_container {
      padding: 0px 0;
    }
    .full_col {
      width: 100%;
    }
    .large_col {
      width: 70%;
    }
    .one_half_col {
      float: left; position: relative; width: 48%;
    }
    .one_third_col {
      float: left; position: relative; width: 33.33%;
    }
    .two_thirds_col {
      float: left; position: relative; width: 65%;
    }
    .float_right {
      float: right;
    }
/*
 *  Responsive layout for content containers
 */
    @media screen and (max-width: 600px) {
      .HeadContent {
        background: none; position: relative; float: none;
        width: 92%;
      }
      .Logo {
        margin: 0px auto; position: relative;
      }
      .LogoXtra {
        margin: 0px auto;
        background: none; float: none;
        width: 48%;
      }
      .FooterContent {
        width: 92%;
      }
      .item_left {
        float: none;
      }
      .full_col, .large_col, .one_half_col, .one_third_col, .two_thirds_col {
        float: none; margin: 0px auto; width: 100%;
      }
      .float_right {
        float: none;
      }
    }

/*
 *  Tablet Device Overrides
 */    
    @media screen and (min-width: 601px) and (max-width: 1000px) {
      .HeadContent {
        margin-top: 4px; margin-left: 24px; width: 92%;
      }
      .Logo {
        margin-top: 8px; margin-left: 12px;
        width: 60%;
      }
      .LogoXtra {
        margin-right: 12px;
        width: 25%;
      }
      .FooterContent {
        width: 96%;
      }
    }