body{
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#3f484e;
  background:#eeebe4;
}
input{
  font-family:Arial, Helvetica, sans-serif;
}

#logo a{
  display:block;
  height:100px;
  background:url(images/logo.png) 0 0 no-repeat;
}
  #logo a span{
    display:none;
  }

#header .menu{
  font-size:14px;
  float:left;
}
  #header li{
    height:20px;
    line-height:20px;
    float:left;
    margin:0 10px;
  }
    #header .menu a{
      font-weight:bold;
      text-decoration:none;
      color:#28343b;
    }
      #header .menu a:hover{
        color:#013278;
      }
#header .elements{
  float:right;
}
  #header .search{
    width:200px;
    background:url(images/header-search-bg.gif) right top no-repeat;
  }
    #header .textbox{
      border-width:0px;
      padding:0;
      margin:4px 0 0 30px;
      width:160px;
      height:14px;
      color:#b6b4ae;
      font-size:11px;
      background-color:transparent;
    }
  #header .subscribe{
    background:url(images/mini-rss-icon.gif) left center no-repeat;
    padding:0 0 0 20px;
  }
    #header .subscribe a{
      font-weight:bold;
      text-decoration:none;
      color:#e96200;
      font-size:14px;
    }
      #header .subscribe a:hover{
        color:black;
      }

.box-head{
  height:40px;
  padding:0 5px 0 0;
  background:url(images/box-heads.png) 100% 0 no-repeat;
}
.box-head.dark{background-position: 100% -40px}
.box-head.red{background-position: 100% -80px}
.box-head.blue{background-position: 100% -120px}
  .box-head h2{
    height:40px;
    line-height:40px;
    font-size:15px;
    color:white;
    font-weight:bold;
    background:url(images/box-heads.png) 0 0 no-repeat;
  }
  .box-head.dark h2{background-position: 0 -40px}
  .box-head.red h2{background-position: 0 -80px}
  .box-head.blue h2{background-position: 0 -120px}
    .box-head h2 span{
      padding:0 0 0 10px;
    }

.box-body{
  font-size:12px;
  padding:10px 0;
  background:url(images/box-body.png) 0 1px repeat-x;
}
  #latest-in .box-body{
    padding-bottom:0;
    font-size:11px;
  }
.sub.box-body{border-top:solid 2px #e7e6e4}
.ad.box-body{padding:1px 0}
.meta.box-body{
  border-top:solid 2px #e7e6e4;
  border-bottom:solid 2px #e7e6e4;
  margin-bottom:20px;
  padding-bottom:20px;
}

#box-body ul li
{
  margin:0.75em 0;
  padding:0;
 list-style-type:none;

}
#box-body ol
{
  margin:0;
  padding:0 0 0 3em;
}
#box-body ol li
{
    margin:0;
    padding:3px;
}
  .box-body h3{
    padding:0 10px 10px 10px;
    font-size:18px;
    color:#003366;
  }
    #latest-in .box-body h3{
      padding:0 0 0 10px;
    }
    .box-body h3 a{
      color:#003366;
      text-decoration:none;
    }
    .box-body h3 a:hover{
      color:black;
    }
  .box-body p{
    padding:.5em 10px;
  }
  .box-body .left-image{
    float:left;
    margin:0 10px 0 0;
    padding:3px;
    border:solid 1px #c3c2be;
  }
  .box-body .right-image{
    float:right;
    margin:0 0 0 10px;
    padding:3px;
    border:solid 1px #c3c2be;
  }
  .box-body a{
    color:#01429e;
    text-decoration:underline;
  }
    .box-body a:hover{
      color:black;
    }
  .box-body .meta{
    padding:0 0 10px 10px;
    color:#66727a;
    text-indent:0;
  }
    #latest-in .box-body .meta{
      padding:0 0 0 10px;
    }
  .box-body .foot{
    height:20px;
  }
  #latest-in .box-body .foot{
    padding:0;
  }
    .box-body .foot a{
      float:right;
      display:block;
      height:17px;
    }
      .box-body .foot a span{
        display:none;
      }
    .box-body .read-more{
      width:80px;
      background:url(buttons/read-more.gif) 0 0 no-repeat;
    }
      .box-body .read-more:hover{
        background-position:0 -17px;
      }

.box-body .excerpts,
.box-body .st-related-posts{
  padding:0 10px;
}
  .box-body .excerpts li,
  .box-body .st-related-posts li{
    padding:4px;
    border-bottom:solid 1px #cfceca;
  }
    .box-body .excerpts li img,
    .box-body .st-related-posts li img{
      vertical-align:middle;
    }
    .box-body .excerpts li a{
      color:#3f484e;
      text-decoration:none;
    }
    .box-body .st-related-posts a{
      text-decoration:none;
      font-weight:bold;
    }
      .box-body .excerpts li a:hover,
      .box-body .st-related-posts a:hover{
        color:#013278;
        text-decoration:underline;
      }
    .box-body .excerpts li small{
      display:block;
      font-size:10px;
      color:#66727a;
    }
    .box-body .st-related-posts li small{
      display:block;
      font-size:11px;
      color:#66727a;
      padding:2px 0 5px 0;
    }
      .box-body .excerpts li small a,
      .box-body .st-related-posts li small a{
        font-size:11px;
        color:#013278;
        text-decoration:underline;
      }
        .box-body .excerpts li small a:hover,
        .box-body .st-related-posts li small a:hover{
          color:black;
        }

.prev-next{
  height:17px;
  padding:20px 0;
}
  .prev-next span{
    display:none;
  }
  .prev-next a{
    display:block;
    height:17px;
    width:65px;
  }
  .prev-next .prev a{
    float:left;
    background:url(buttons/previous.gif) 0 0 no-repeat;
  }
    .prev-next .prev a:hover{
      background-position:0 -17px;
    }
  .prev-next .next a{
    float:right;
    background:url(buttons/next.gif) 0 0 no-repeat;
  }
    .prev-next .next a:hover{
      background-position:0 -17px;
    }

.comment{
  min-height:100px;
}
  .comment cite{
    padding:0 10px 10px 10px;
    font-size:15px;
    font-weight:bold;
  }
    .comment cite a{
      color:#003366;
      text-decoration:none;
    }
  .comment small{
    display:block;
    padding:0 0 0 10px;
    color:#66727A;
  }
  #respond p{
    padding:5px 0 0 10px;
  }
  #respond em{
    font-size:10px;
    font-style:italic;
    color:#66727A;
  }
  #respond .textbox{
    width:200px;
    padding:3px 5px;
    border:solid 1px #A7A6AA;
  }
  #respond textarea{
    width:400px;
    height:150px;
  }

.sidebar .box-body ul{
  padding:0 10px;
}
  .sidebar .box-body ul li{
    border-bottom:solid 1px #cfceca;
  }
    .sidebar .box-body ul li a{
      display:block;
      padding:5px;
      font-size:13px;
      color:#013278;
      text-decoration:none;
    }
      .sidebar .box-body ul li a:hover{
        padding-left:23px;
        background:url(images/nav-li-bullet.gif) 5px 6px no-repeat;
      }

#footer{
  color:#8b8f8f;
}
  #header a{
    font-weight:bold;
    color:#28343b;
  }
    #header a:hover{
      color:#013278;
    }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
  clear:both;
}
.tabberlive {
  /* margin-top:1em;*/
 margin-bottom: 10px;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
  margin:0;
  padding: 3px 0;
  margin-bottom:-3px;
  border-bottom: 1px solid #e5e5e5;
  font: bold 24px Arial, Helvetica, sans-serif;
}
ul.tabbernav li {
  list-style: none;
  margin: 0 0 0 0;
  display: inline;
}
ul.tabbernav li a {
  padding: 3px 8px 3px 8px;
  margin:0 0 0 0;
  line-height:22px;
  margin-left: 3px;
  border-bottom: none;
  text-decoration: none;
}
ul.tabbernav li a:link {
  color: #7c7c7c;
}
ul.tabbernav li a:visited {
  color: #667;
}
ul.tabbernav li a:hover {
  color: #fff;
  border-color: #227;
}
ul.tabbernav li.tabberactive a {
  background: #fff;
  color:#ef181e !important;
  border: 1px solid #e5e5e5;
  position:relative;
   border-bottom: 2px solid #fff;
  text-decoration:none;
}
ul.tabbernav li.tabberactive a:hover {
  color: #333;
  background: #fff;
  border-bottom: 1px solid #fff;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  padding:5px;
  border-top:0;
  margin-top:-19px;
  background:#fff;
  position:relative;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
  height:150px;
  overflow:hidden;
}