html{ 
    font-size: 100%;
    font-family: "Century Gothic", sans-serif;
    font-family: Impact, Charcoal, sans-serif;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
}
body {
    margin:0;
    padding:0;
    border:0;/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#FFFFE0;
    background:#FFFFE6;
    /* min-width:600px; */    /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
    /*font-size:1.5rem;*/
}
/*
a {
    color:#E6FFCC;
}
a:hover {
    color:#fff;
    background:#369;
    text-decoration:none;
}*/
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img {
    margin:10px 0 5px;
    max-width: 100%
}
#ads img {
    display:block;
    padding-top:10px;
}

/* Header styles */
#header {
    clear:both;
    float: none;
    width:100%;
/*    background: #333380;
    color: #fff; */
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px .4em 15px;
    margin:0;
}
#header h1,
#header h2 {
    text-align:center;
}
#header h1:first-child{
    padding: 0 15px .4em 15px;
}
#navigation {
    position:absolute;
    top:0px;
    left:0px;
    margin:0px;
    width: 100%;
    border-bottom:1px solid #000;
    background: #E6E6E6;
}
#navigation img {
    padding: 0em;
    margin: 0em;
}
#navigation ul {
    padding:0;
    margin:0;
    list-style:none;
    vertical-align: bottom;
}
#navigation div {
    display: inline-block;
    vertical-align: baseline;
}
#navigation ul li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}
#navigation       a {
    margin:0 0 0 0px;
    padding:3px 10px;
    text-align:center;
/*    background:#F0FFE0;*/
    color:#3D4C2E;
    text-decoration:none;
    position:relative;
    left:0px;
    line-height:1.3em;
}
#navigation ul    a:hover {
    background:	#CCCCCC;
}
#navigation ul    a.active,
#navigation ul    a.active:hover {
    background:	#CCCCCC;
}
#content{
    padding-right: 1em;
    padding-left: 1em;
    text-align: left;
}
/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}
/* column container */
#wrapper,
.wrapper {
    position:relative;/* This fixes the IE7 overflow hidden bug */
    clear:both; 
    width:100%;/* width of whole page */
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.col1,
.col2,
.col3 {
    margin-top: 8em;
    margin-bottom: 4em;
    float:left;
    padding:0 0 1em 0;
    overflow:hidden;
    display:inline-block;
}
.col1 {
    float:right;
    display: block;
    padding: 1em 0;
    width:82.5%;/* right column content width */
}
.col2 {
    width:17.5%;/* left column content width (column width minus left and right padding) */
    float: left;
    text-align: right;
    padding: 1em 0;
}
/* Footer styles */
#footer {
    clear:both;
    float:right;
    width:100%;
    border-top:1px solid #000;
    text-align: center;
    background: #E6E6E6;
    color: #000;
}
#footer img {
    border: 0;
}
#footer p {
    padding-left:10px;
    padding-right:10px;
    margin:0;
}
.left {
    float: left;
}
.right {
    float: right;
}

.svg object{ width: 100%; }

@media handheld, only screen and (max-width: 480px) {
  #header p,
  #header h1,
  #header h2 {
    padding: 0px;
  }
  .mast,
  .colleft,
  .col1,
  .col2,
  .col3,
  #footer {
  /*  position: relative;*/
    float: none;
    width: 100%;
    left: 0px;
  }
  body{
  }
  .col1,
  .col2,
  .col3 {
      width: auto;
      left: 0px;
      margin: 0;
      padding: 0em .2em;
      float: none;
  }
  .col1 {
      margin-top: 8em;
  }
  #navigation a {
      padding: 0px;
      float: none;
      width: 100%;
  }
  #footer {
      height: auto;
      margin-top: 0;
  }
  #footer .left {
      float: none;
  }
  #footer .right {
      float: none;
  }
  #footer p {
    padding: 0;
}
}