/* -------------------------------
              GLOBAL
------------------------------  */

html {
  margin: 0;
  /* setting border: 0 hoses ie6 win window inner well border */
  padding: 0;
}

body {
  background-color: #B8C1C9;
  margin: 0px;
  /* setting border: 0 hoses ie5 win window inner well border */
  padding: 0px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
}


h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  clear: both;
}

h1, h2, h3 {
  color: #007CD7;
  /* color: #FF6600; */
  font-weight: bold;
  padding: 0px;
}

h1 {
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  color: #565656;
  height: 30px;
  margin: 0px;
  padding: 4px 0px 0px 10px;
  background:  url(/static/images/layout/maintbg.jpg) no-repeat top;
}

h2 {
  font-size: 11pt;
  margin: 20px 0px 10px 0px;
}

  h2 a {
    background: url(/images/16x16/2rightarrow.png) no-repeat left;
    padding-left: 25px;
    text-decoration: none;
  }

h3 {
  margin: 15px 0px 10px 0px;
}


fieldset {
  border: 1px solid #CCCCCC;
}

table {
  font-size: 0.90em;
  margin: auto;
}

/* -----      clear      -----  */

.clear {
  clear: both;
}

/* I can just say thanks!
 * http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* -------------------------------
          MISCELLANEOUS
------------------------------  */

/* -----      code       -----  */

code {
  font: 1em "Courier New", Courier, monospace;
  text-align: left;
}

pre {
  color: #000000;
  padding: 10px;
  font: 12px "Courier New", Courier, monospace;
  background-color: #F9F9F9;
  border: 1px solid #DDDDDD;
  line-height: 150%;
}

/* -----   abbr & help   -----  */

acronym,
abbr {
  cursor: help;
  border-bottom: 1px dashed #999;
}

/* -----    blockquote   -----  */

blockquote {
  font-family: 'trebuchet ms', verdana, sans-serif;
  margin-left: 15px;
  margin-right: 15px;
  border-left: 3px solid #CCCCCC;
  font-style: italic;
  display: block;
  padding-left: 10px; 
}

  blockquote .author { 
    font-variant: small-caps; 
    font-style: normal; 
    font-weight: bold; 
  }

  blockquote .source { 
    font-style: normal; 
    font-size: 0.9em; 
    padding-top: 5px; 
    border-top: 1px solid #DDDDDD;
  }

/* -----       links     -----  */

a img {
  border: none;
}

/* -------------------------------
              HEADER
------------------------------  */

#top {
  height: 154px;
  background: url(/static/images/layout/tbg.jpg) repeat-x top;
}

/* -----      header     -----  */

#header {
  width: 780px;
  margin: auto;
}

  #header .wrap {
    background: url(/static/images/layout/hwrap.jpg) no-repeat top;
    height: 21px;
  }

/* -----       head      -----  */

#head {
  margin: auto;
  padding: 0px 25px 0px 25px;
  background: url(/static/images/layout/hdbg.jpg) no-repeat bottom;
  text-align: left;
  height: 133px;
}

  #head img.logo {
    padding: 3px 0px 3px 0px;
    float: left
  }

  #head .banner {
    float: right;
    width: 500px;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    text-align: center;
  }

/* -----       nav       -----  */

#nav {
  clear: both;
  text-align: center;
  padding-top: 15px;
}

  #nav .feed {
    float: right;
    width: 5%;
  }

/* -----   primarylink   -----  */

#primarylink {
  float: left;
  display: block;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center;
  width: 95%;
}

  #primarylink ul {
    display: block;
  }

    #primarylink li {
      list-style: none;
      display: inline; 
    }

    #primarylink li a {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #506578;
      text-decoration: none;
      font-weight: bold;
      font-variant: small-caps;
      margin: 10px;
    }

    #primarylink li a:hover,
    #primarylink li a:visited:hover {
      color: #FF6600;
    }

    /* #primarylink .active {
      border-bottom: 4px solid white;
      padding-left: 5px;
      padding-right: 5px;
    } */

/* -----      navinfo    -----  */

#navinfo {
  background: url(/static/images/layout/nibg.jpg) repeat-y;
  width: 780px;
  text-align: left;
  margin: 0px auto 0px auto;
  clear: both;
}

  #navinfo .breadcrumb {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    padding: 5px 0px 5px 20px;
    margin: 0px;
    color: #000000;
  }

  #navinfo a {
    text-decoration: none;
    padding: 2px;
    color: #565656;
    border: #E5E5E5 1px solid ;
  }

  #navinfo a:hover {
    color: #000000;
    border: #B8C1C9 1px solid ;
    background-color: #F0F0F0;
  }


/* -------------------------------
              CONTENT
------------------------------  */

#content {
  background: url(/static/images/layout/cbg.jpg) repeat-y top;
  color: #565656;
  width: 780px;
  margin: 0px auto 0px auto;
  padding: 0px;
}

/* should be replaced by #footer .wrap */
#content .wrap {
  background: url(/static/images/layout/fwrap.jpg) no-repeat top;
  height: 25px;
  margin: auto;
  clear: both;
  vertical-align: bottom;
}

#IEhelper {
  margin: auto;
  padding: 0px 15px 0px 15px;
}

/* -------------------------------
              MAIN
------------------------------  */

#main {
  float: left;
  width: 530px;
  margin: 0px;
  line-height: 150%;
}

  #main a {
    text-decoration: none;
    border-bottom: 1px dotted #007CD7;
    color: #007CD7;
  }

  #main a:hover {
    border-bottom: 1px dotted #36A3F3;
    color: #36A3F3;
  }

  #main .page-content {
    padding: 10px 10px;
    margin: 0;
  }


/* -------------------------------
             SIDEBAR
------------------------------  */

#sidebar {
  float: right;
  width: 210px;
  text-align: left;
  margin: 0px;
  line-height: 130%;
  font-size: 0.9em;
}

  #sidebar a {
    color: #626262;
    text-decoration: underline;
  }

  #sidebar a:hover {
    color: #000000;
    text-decoration: none;
  }

#sidebar .module {
  margin-bottom: 10px;
}

#sidebar .module-header {
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  background: #B8C1C9 url(/static/images/layout/sidebltbg.gif) no-repeat right;
  color: #FFFFFF;
  height: 18px;
  margin-right: 10px;
  padding: 0px 10px;
}

#sidebar .module-content {
  color: #646464;
  padding: 5px 10px;
}

  #sidebar .module-content p,
  #sidebar .module-content ul,
  #sidebar .module-content ul li {
    padding: 0;
    margin: 0;
  }

  #sidebar .module-content p,
  #sidebar .module-content ul {
    margin: 4px 0;
  }

  #sidebar .module-content ul,
  #sidebar .module-content ul li {
    margin-left: 10px;
  }

  #sidebar .module-content ul li {
    padding: 4px 0px;
    list-style-image:  url(/static/images/layout/arrow-dx.gif);
  }

/* -----    searchbar    -----  */

#searchbar {
  background:  url(/static/images/layout/bg-searchbox.jpg) no-repeat top;
  border-width: 0px;
  height: 30px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 5px;
  font-weight: bold;
}

#searchform {
  padding: 3px; 
  margin: 0px;
  text-align: center;
}

#searchform input,
#searchform button {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
}

#searchsubmit {
  padding: 0px;
  margin: 0px;
  font-size: 0.90em;
}

/* -----  module-adsense -----  */

#sidebar .module-adsense .module-content {
}

#sidebar .module-adsense-160x600 .module-content {
}

#sidebar .module-adsense-200x200 .module-content {
}


/* -------------------------------
              FOOTER
------------------------------  */

#footer {
  color: #565656;
  font-size: 0.9em;
  margin: 5px 0;
  text-align: center;
}

  #footer a { /* link, visited, hover */
    border-bottom: 1px dashed #646464;
    color: #646464;
    text-decoration: none;
  }

    #footer a:hover {
      border-bottom: 1px dashed #000000;
      color: #000000;
    }

  #footer .credits {
    margin: 0px;
    padding: 2px;
    padding-bottom: 4px;
  }