a img {border:none;}
.viewallarticles {clear:both; display:block; text-align:center; width:95%; font-size:1.1em; color:#f00; padding-top:20px;}
.viewallarticles a {text-align:center; text-decoration:none;}
h1.articlecategory {font-size:1.4em; color:#555;  border-bottom:1px dotted #000;}
span.articlecategory {display:block; font-size:1.2em; font-weight:bold; color:#555; width:95%;}
.categorydesc {text-indent:10px; text-align:justify; border-bottom:1px dotted #000; margin-bottom:8px; width:95%;}

.article {/*width:95%;*/ padding:5px; margin:10px 5px; border-bottom:2px solid #ccc;}
.article .article-text { float: left; }
.article .articleheading {font-size:1.2em; font-weight:bold; display:block; color:#000; margin-bottom:15px;}
.article .pubdate {font-size:.8em; color:#555; display:block; margin-top:10px;}
.article .articleimage {float:right; margin-left:20px;/*border:1px solid #ddd; */text-align:center;  position:relative; z-index:100;}
.article .articleimage img {display:block; padding:3px;}
.article .articleimage .articlecaption {display:block; margin:0 auto; width:250px; color:#555; font:12px "Courier New", Courier, monospace; margin-bottom:10px;}
.article .articleimage br {clear:both;}
.article .articleimage .documentfile {margin:0 auto; color:#555; width:250px;}
.article .articleimage .documentfile .downloadheader {border-top:1px solid #ddd; margin-bottom:3px; padding-top:3px; font-variant:small-caps; display:block; text-align:center;}
.article .articleimage .documentfile a {color:#00f; text-decoration:none; border-bottom:1px dotted #fff; text-align:left;}
.article .articleimage .documentfile a:hover {color:#009; border-bottom:1px dotted #009;}
.article .articleimage .documentfile a img {margin-right:3px; display:inline; vertical-align:top;}
.article .articlecontents p, .article .articlecontents div {/*text-indent:10px;*/ text-align:justify;}
.readmore, .readmore a {text-decoration:none;}
.articlestub {width:95%; height:auto!important; height:0; min-height:0; padding:2px; margin:5px; border-bottom:2px solid #ccc;}


#jquery-overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
#jquery-lightbox {position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#jquery-lightbox a img {border:none; }
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image {padding:10px; }
#lightbox-loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0; }
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev {left:0; float:left;}
#lightbox-nav-btnNext {right:0; float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data {padding:0 10px; color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}  
#lightbox-image-details-caption {font-weight:bold; }
#lightbox-image-details-currentNumber {display:block; clear:left; padding-bottom:1.0em;}      
#lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em;}

div.social-share {
  margin: 10px 0; 
}
div.social-share > span {
  float: left;
  margin-right: 10px; 
}
span.st_sharethis_custom {
  background: url(share-btn.png) no-repeat;
  width: 65px;
  height: 22px;
  display: block;
}
#article-wrap { width: 475px; float: left; }
.left {float:left;}

@media all and (max-width: 699px) {
  .articleheading {
    clear:both;
    width:90%;
  }
  div.article .articleimage {
    float:none;
    margin: 0 auto !important;
    padding: 0;
    width: 307px !important;

  }

  div.article .imageframesm {
    position: relative;
    z-index: 100;
  }

  #lightbox-container-image-box {
    width: 67% !important;
    height: auto !important;
  }
  #jquery-lightbox img {
    width: 100% !important;
  }
  #lightbox-container-image-data-box {
    width: 67% !important;
    padding: 0;
  }
}

@media all and (max-width: 350px) {
  div.article .articleimage {
    width: 90% !important;
  }

  div.article .articleimage a.lightbox img {
    display: block;
    width: 100% !important;
  }
}