@charset "utf-8";
/* CSS Document */

.container { width: auto; margin-left: 35px; margin-right: 35px; margin-bottom:20px; margin-top:10px; position:relative; }

  body { background: #FFFFFF !important;}
   
  .carousel-indicators li {
  background-color: #FBDD12;
  border:none;
}
.carousel-indicators .active {
  background-color: #D70101;
    border:none;
}

#forbg{ background:#000; overflow:hidden; margin-top:10px; }

#orgglitcon{ padding-top:25px; }

#colleft #logo{ margin:22px 11px 50px; }

#colleft{ background: none repeat scroll 0 0 #000; float: left; height: 100%; margin: 0; overflow: hidden; padding: 0; width:21.48%; }

.mostPopularLine { background: none repeat scroll 0 0 #e7e7e7; border-bottom: 1px solid #bababa; float: left; height: 5px; margin: 0; padding: 0;
    width: 100%; }
	
.navbar{ background:none repeat scroll 0 0 #303031; overflow:hidden; border:none; width: 95%; }

#colleft .navbar-nav li{ float:none; border-bottom:1px solid #595959; /*background:url(../images/menuarrow.jpg) no-repeat right center; */
background:url(../images/menuarrow.jpg) no-repeat  right 15px; }

#colleft .navbar-nav li a{ color:#fff; font-size:14px; padding:10px 0px 10px 10px; font-family:Arial, Helvetica, sans-serif; }

#colleft .navbar-nav li a:hover,  a:active {color: orange;}

#colleft .navbar-nav .active_menu  a { color: orange; }

#colleft .fornav{ padding-left:4px; padding-right:30px; margin:0px; }

#colleft .navigation{ padding:0px; }

#colleft #mynavbar-content ul{ width:90%; padding-left:5px; margin-bottom:20px; padding-right:0px; }

#colright{ background:none repeat scroll 0 0 #ececec; overflow:hidden; width: 78.51%; padding: 0 0 0 15px; }

#colright #banner{ padding-right:0px; text-decoration:none; }

.bannerimage img { width:100%; }

#colright #bannerinfo{ background:#000; overflow:auto; width:99.5%; height:100%; padding:0px; float:right; }

#bannerinfo h1 a{ color: #f289b4; font-family: "PT Sans Caption",sans-serif; font-size: 32px; float:left; padding:0px 5px; }

#bannerinfo h2 a{ color: #fff; font-family: "PT Sans Caption",sans-serif; font-size: 20px; margin: 0; padding: 0 5px 20px 10px;	}

#bannerinfo p a{ color: #fff; font-family: "PT Sans Caption",sans-serif; font-size: 12px; margin: 0px 5px; text-decoration:none; }

#firstcont{ float:left; margin-right: 0; padding: 0px 9px 10px 20px; width:49%; }

#secondcont{ margin-right: 0px; padding:5px 5px 0 10px; width:335px; float:left; }

#thirdcont{ margin:0; padding: 0px 0px 0px 20px; width:97%; float:left; }

#colrightside{ padding-right:0px; padding-left:0px; width:33%; float:right; }

#colrightcont{ margin: 0 0 20px 16px; padding:0; width:63%; }

#colright .story { background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px; padding:0; width: 100%;  position: relative; height:auto; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .story h3, #colright .story h4{ margin:0px; padding:0; }

#colright .story .storyimage{ margin:0; padding:0px; }

.storyimage img{ margin:0; padding:0px; width:100%; height:auto; }

@font-face{ font-family:indexSectionTitle; src:url("../font/NewsGothic-Regular.otf"); }
@font-face{ font-family:headSec; src:url("../font/ADAM.CG PRO.otf"); }
@font-face{ font-family:indexSectionDescription; src:url("../font/constan.ttf"); }
@font-face{ font-family:featuredTitle; src:url("../font/CarroisGothic-Regular.ttf"); }
@font-face{font-family:mySummaryTitle; src:url("../font/MyriadPro-Regular.otf"); }
@font-face{ font-family:myEvent; width:100%; src:url("../font/CabinCondensed-Regular.ttf"); }
@font-face{ font-family:mySummary; src:url("../font/vollkorn.otf"); }
@font-face{ font-family:authorText; src:url("../font/vollkorn.otf"); }
@font-face{ font-family:courtesy; src:url("../font/CabinCondensed-Regular.ttf"); } /* font link */
@font-face{ font-family:mostPopularTitle; src:url("../font/vollkorn.otf"); } 
@font-face{ font-family:redmore; src:url("../font/nevis.ttf"); } 
@font-face{ font-family:dotline; src:url("../font/nevis.ttf"); } 
@font-face{ font-family:followus; src:url("../font/NewsGothic-Regular.otf"); }

#colright .story .storytitle a { color: #454545; float: left; font-family: indexSectionTitle; font-size: 18px; line-height: 24px; 
word-wrap: normal; margin: 0; padding: 0; text-decoration: none; width: 100%;
}

#colright .story .cat h4 { color: #fff; font-family: headSec; font-size: 18px; margin: 0; padding: 8px 0 5px 5px; float: left;
text-transform: uppercase; z-index: 9; top: 0px; position: absolute; }

#colright .story .cat h4 a{ color:#fff; }

#colright .story .shortdesc { color: #333; font-family: indexSectionDescription; font-size: 16px; line-height: 24px; margin: 0;
word-wrap: break-word; overflow: hidden; padding: 7px 25px 0 25px; text-align: center; }

.shortdesc p { color: #333; font-family: indexSectionDescription; margin: 0; word-wrap: break-word; overflow: hidden; }

.shortdesc1 p { color: #333; font-family: indexSectionDescription; margin: 0; word-wrap: break-word; overflow: hidden; }

#colright .story .redmore{ background: none repeat scroll 0 0 #fff; overflow:auto; padding: 0; }

#colright .story .redmore a, #colright .story .blackmore a, #colright .story .bluemore a{ color: #0c88ac; float: right; margin: 0;
padding: 0 5px 5px 0px; font-family:redmore; font-size:12px; text-decoration:none; }

#colright .story .blackmore{ background: none repeat scroll 0 0 #000; padding: 0; overflow:auto; text-align:center; }

#colright .story .bluemore{ background: none repeat scroll 0 0 #2eacd0; padding: 0;	overflow:auto; text-align:center; }

#colright .story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px;
font-weight: bold; text-decoration: none; clear: both; }

.add{ margin:0; width:100%; float:right; }

.iconspace{ float:left; padding-left:7px; margin:10px 0px; }

#upnavigation { float:right; cursor: pointer; }


/* copyrights */

p.copyrights{margin:0; padding-left:2px; width:179px; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right; margin-right:15px}

#footerimage{ padding:0px; width:75%; }


/*  SECTION PAGE*/

#searchBand { background: none repeat scroll 0 0 #303031; height: 50px; margin: 0; padding: 0; width: 100%; }

#searchBand #breadCrumb { float: left;  margin: 0; padding: 16px 0 0 16px; width: 700px; }

#breadCrumb #breadCrumbNavigation { float: left; margin: 0; padding: 0; }

#breadCrumb #breadCrumbNavigation ul { list-style-type: none; margin: 0; padding: 0; }

#breadCrumbNavigation ul li { color: gray; display: inline-block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; margin: 0;
padding: 0; }

#breadCrumbNavigation ul li a { color: #fff; display: inline-block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; margin: 0;
padding: 0; text-decoration: none; }
#searchBand #searchBox {
    float: right;
    margin: 0;
    padding: 14px 25px 0;
    width: 227;
}
#searchBand #searchBox .magnify {
    float: right;
    margin: 0;
  padding: 0 6px 2px 9px;
}

#searchBand #searchBox .magnify input[type="submit"]{background-image:url(../images/magnifyglass.jpg);width:24px;height:24px;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer; border:none;}
#sectiontop{
padding:0px !important;
}
#adarea {
    margin: 0;
    overflow: hidden;
    padding: 25px 0 0 25px;
    width: 100%;
}
#adv1 {
    float: left;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 73%;
}

#contentSectionLeft{ margin:0 0 0 10px; padding:0; overflow:hidden; } /* contentSectionLeft */

#sectionBox{ margin:0; padding:0;  background:#fff; overflow-x:hidden; overflow-y:auto; } /* sectionBox */

#sectionBox #wrapperSection{ margin:0; padding:18px 18px 17px 18px; width:100%; overflow:auto; } /* wrapperSection */

#sectionBox #wrapperSection #sectionImage{ margin:0; padding:0 10px 0 0; float:left;width:55% } /* sectionImage */

#sectionBox #wrapperSection #sectionContent{ margin:0; padding:0; width:45%; float:left; } /* sectionContent */

#sectionLine{ margin:0; padding:10px 0 10px 0; width:625px; height:3px; border-bottom:2px solid #333333; } /* sectionLine */
#sectionContentTitle a {
    color: #191919;
    text-decoration: none;
}
#sectionContentTitle {
    color: #191919;
    float: left;
    font-size: 25px;
    margin: 0;
    padding: 0;
	font-family:mySummaryTitle;
	line-height:29px;
	

}
#sectionContentDescription {
    color: #333333;
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 10px 0;
	width:100%;
	font-family:mySummaryTitle;
	text-align:justify;
}
#seccont{
padding-right:0px !important;
}
#rightBox {
background-color:#E7E7E7;
   padding: 20px 0px 10px 15px; 
   
  
}
#mostPopular {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.mostPopularTitle1 h2{
    background: none repeat scroll 0 0 #000;
    color: #fff;
    float: left;
    font-size: 22px;
    margin: 25px 0 0;
    padding: 5px 24px;
}
#mostPopularContent {
    margin: 0;
    overflow:hidden;
    padding: 20px 0 0;
	width:100%;
}
#mostPopularContentImage {
    float: left;
    margin: 0;
    padding-right: 10px;
}
#mostPopularContentText {
    float: left;
    margin: 0;
    padding: 0;
	width:55%;
}
.summaryText1 a {
    color: #303031;
    float: left;
    font-size: 17px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-decoration: none;
	text-align:justify;
    width: 100%;
}
 /* .summaryText1 a */


.popularLine {
    color: #a1a1a1;
    float: left;
    margin: 0;
    padding: 0;
	background: none repeat scroll 0 0 #e7e7e7;
    border-bottom: 1px dotted #bababa;
    float: left;
    height: 5px;
    margin: 0;
   padding-bottom:5px;
    width: 100%;
}
.popularContent1 {
    color: #000;
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 2px;
    width: 100%;
}
.moresection{
float:right;
background:#000;
margin:10px;
}
.moresection a{
color:#fff;
padding:0 10px;
font-size:14px;
}
#moreRelatedBar {
    background: url(../images/more-related-bar.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 33px;
    margin: 20px 0 0;
    padding: 0;
}

#relatedStories #relatedStoriesHeadText h2{
    background: none repeat scroll 0 0 #303031;
    color: #fff;
    float: left;
    font-size: 20px;
    margin: 0;
    padding: 5px 14px;
}
#slantTraiangle {
    background:url(../images/slantTriangle.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 32px;
    margin: 0;
    padding: 0;
    width: 19px;
}
#moreRelatedBox {
    margin: 7px 0 10px;
    padding: 0;
}
#moreRelated {
    margin: 0;
    overflow: hidden;
    padding: 7px 0 0;
}
#moreRelated ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#moreRelated ul li {
    background: url(../images/arrowmorerelated.jpg) no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    padding: 0;
}
#moreRelated ul li a {
    color: #303031;
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    overflow: auto;
    padding: 0 0 0 12px;
    position: relative;
    text-decoration: none;
    z-index: 0;
}
#duration {
    color: #e6782f;
    font-size: 12px;
    margin: 0 0 0 3px;
    padding: 0;
}
#relatedStories #headLine {
    background: none repeat scroll 0 0 #303031;
    height: 5px;
    margin: 0;
    overflow: auto;
    padding: 0;
	width:100%;
}
#relatedStories{
background:#fff;
overflow:hidden;
padding:20px;
margin:0 0 0 10px;
}
#pagination {
    float: left;
    margin: 25px 0 0;
    padding: 0;
}
#pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#pagination ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#pagination ul li a {
    font-family: pageNumber;
}
#pagination ul li a {
    background: none repeat scroll 0 0 #e5e5e5;
    color: #999999;
    float: left;
    font-size: 16px;
    margin: 0 3px;
    padding: 7px 12px;
}
#pageNext {
    float: left;
    margin: 0;
    padding: 0;
}
#pageNext ul {
    list-style-type: none;
    margin-left:2px;
    padding: 0;
}
#pageNext ul li {
    display: inline-block;
    margin: 24px 0 0;
    padding: 0;
	float:left;
}
#pageNext ul li a {
    background: none repeat scroll 0 0 #595959;
    float: left;
    font-size: 19px;
    padding: 6px;
    text-decoration: none;
}
#pageNext ul li a {
    color: #999999;
    display: inline-block;
}
#pagination ul li a {
    font-family: pageNumber;
}
#contentArticleLeft {
    float: left;
    margin: 0;
    overflow:hidden;
	width:100%;
	padding-right:23px;
	padding-left:10px;
	
}

#contentArticleLeft #eventCategory {

    margin: 0;
    overflow: hidden;
    padding: 14px 0 0;
    width: 100%;
}
#contentArticleLeft #eventCategory #eventCategoryLeft {
    background: none repeat scroll 0 0 #000;
    float: left;
    margin: 0;
    padding: 0;
}
.eventText {
    font-family: myEvent;
}
.eventText {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 6px 9px;
    text-align: justify;
}
#contentArticleLeft #eventCategory #eventCategoryRight {
    float: left;
    margin: 0;
    padding: 0;
    width: 20px;
}
#summaryTitle {

    float: left;
    margin: 0;
    padding: 3px 0 4px;
    width: 94%;
}


p.summaryTitle {
font-family: mySummaryTitle;
    color: #000;
    font-size: 32px;
    margin: 0;
    padding: 0;
    text-align: left;
}
#fbtwitter {
    margin: 0;
    padding: 0;
    width: 300px;
}
#fbtwitter #fbtwittebox {
    float: left;
    margin: 0;
    padding: 5px 10px 10px 0;
}
#contentArticleLeft .articleBigImage {
    margin: 0;
    padding: 0;
}

.articleBigImage img { width:100%; height:auto; }


.courtesy1 {
    font-family: courtesy;
}
.courtesy1 {
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 1px solid #cdcdcd;
    color: #333333;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 5px 0 5px 2px;
    width: 98.5%;
}
#summary {
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 99%;
}

p.summaryText {
 font-family: mySummary;
    color: #333333;
    font-size: 17px;
    line-height: 18px;
    margin: 0;
    padding: 0;
	text-align:justify;

}

p.topics { margin:0; padding:10px 0 0 0; color:#0066CC; font-size: 20px; }

.authorText {
    font-family: authorText;
}
.authorText {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    float: left;
    font-size: 16px;
    margin: 10px 0 0;
    overflow: auto;
    padding: 5px 10px;
}
#dottedLine {
    color: #333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    margin: 0;
    padding: 20px 0;
}
#moreFromMagazine {
    background: none repeat scroll 0 0 #fff;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 99%;
}
.moreFromMagazineHeadline1 {
    font-family: magazineTitle;
}
.moreFromMagazineHeadline1 h2{
    color: #000;
    font-size: 20px;
    margin: 10px 20px;
    padding: 0px;
	border-bottom: 2px solid #333;
}
#magazineBox {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 5px;
	width:100%;
}
#magazineBoxSection {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 7px 0 0 17px;
	margin: 0 16px 0 0;
    width: 30.5%;
}
#magazineBoxSectionImage {
    margin: 0;
    padding: 0;
}

#magazineBoxSectionImage img { width:100%; }

.magazineBoxSectionTitle1 {
    font-family: myMagazineTitle;
}
.magazineBoxSectionTitle1 {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
.magazineBoxSectionTitle1 a {
    color: #fff;
    text-decoration: none;
}
@font-face {
    font-family: "myMagazineTitle";
    src: url("../font/vollkorn.otf");
}
.magazineBoxSectionDescription1 {
    
}
.magazineBoxSectionDescription1 {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0 10px;
    padding: 0;
	font-family: magazineBoxDescriptionText;
}
.magazineBoxSectionDescription1 a {
    color: #000;
    text-decoration: none;
}

.magazineBoxSectionReadmore1 {
    font-family: magazineBoxReadmore;
}
.magazineBoxSectionReadmore1 {
    color: #139ed8;
    float: right;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
}
.magazineBoxSectionReadmore1 a {
    color: #139ed8;
    text-decoration: none;
}
.magazineBoxSectionReadmore1 {
    font-family: magazineBoxReadmore;
}
#adv3 {
    margin: 0;
    padding: 27px 0 10px;
}
/* section image corner space */
#corner { margin: 0; padding: 0; float: right; z-index: 1; position: relative; top: -18px; }






/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}

@media (max-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
	
	#mostPopularContentImage{
	width:100%;
	}
	#sectionImage{
	width:100% !important;
	}
	#sectionContent{
	width:100% !important;
	}
	#mostPopularContentText,#adv1{
	width:100%;
	}
	
	
	#pageNext{
	display:none;
	}
	#magazineBoxSection{
	width:48%;
	}
	
}

@media (max-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
	#colleft{
	overflow:hidden;
	}
	
	#upnavigation{
	display:none;
	}
	
}

@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
	#bannerinfo{
	height:296px;
	overflow:hidden;
	width:100%;
	
	float:left;

	}
	#colleft{
	overflow:hidden;
	}
}


#secondbg
{

margin: 20px 14px 0px 0px;
padding:0;
width:100%;
}

.carouselcontent
{
background: -webkit-linear-gradient(left, rgba(13,13,13,1) 0%, rgba(99,99,99,1) 47%, rgba(0,0,0,1) 99%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(13,13,13,1) 0%, rgba(99,99,99,1) 47%, rgba(0,0,0,1) 99%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(13,13,13,1) 0%, rgba(99,99,99,1) 47%, rgba(0,0,0,1) 99%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(13,13,13,1) 0%, rgba(99,99,99,1) 47%, rgba(0,0,0,1) 99%); /* Standard syntax (must be last) */
}
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

#relatedStories #gallery_title {
    font-size:16px;
	text-align: center;

}

#relatedStories #gallery_pre {
   
width:100px;
float:left;
}

#relatedStories #gallery_nex {

float:right;

}
#relatedStories #gallery_tot {

   text-align:center;
   float:left;
   width:350px;
}

#gallery_images
{
width:100%;

}

/* banner title */
.bannerTitleText{ padding-top:10px; width:270px; float:left;padding-left:32px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff;  }
.bannerTitleText a{  width:270px; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }
.bannerDescriptionText1{ font-family: 'PT Sans Caption', sans-serif; font-size:12px; color:#fff; }
.bannerLine{float:left; width:270px;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; }

  .carousel-indicators li {
  background-color: #FBDD12;
  border:none;
}
.carousel-indicators .active {
  background-color: #D70101;
  border:none;
}
.bannerimage
{

width:67.1%;
float:left;
height:auto;
}
#footerimage{
padding:0px;
background-color:#ECECEC;
}

.sliderfocus a
{
color:#FBDD12;
background:url(../images/trarrow.png) no-repeat  left;
/*background:url(../images/menuarrow.jpg) no-repeat right center;
no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}

.submenu_li ul {
    display:none;
	list-style: none

}

.submenu_li:hover ul {
    display:block;
	width:100%;
color:gray;
font-size:14px;
}


#colleft .navbar-nav .subnav li{
float:none;
border-bottom:1px solid yellow;
background:none;
width:100%;
border :none;
padding-left:25px;
background:url(../images/menuarrowright.jpg) no-repeat left 10px center;
}

#colleft .navbar-nav .subnav li a{
color:gray;
font-size:14px;
padding:0px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
background:none;
}

#footer{ background:#000; overflow:hidden; padding-top:0px; width:21.48%; position:absolute; bottom:20px; }

/* group */
#group{ margin:0; padding:0; width:270px; }

/* group logo */
#groupLogo{ margin:0; padding:0 4px 0 4px; width:76px; float:left; border-right:1px solid #3f3f3f; }

/* footer menu */
#footerMenu{ margin:0; padding:0 10px 10px 3px; width:270px; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

/* social icon & links */
#bottom #footer .socialIcon{ margin:0; padding:0; width:140px; height:25px; }
#bottom #footer .socialIcon .iconspace{ margin:0; padding-left:7px; float:left; }






/*Featured content */

.featuredcontent h2{
margin-top:0px;
width: 334px;
background: black;
padding: 0;
width:100%;
}

.featuredcontent{

background:#FFFFFF;
overflow:hidden;
margin:0 0 20px 0;
padding:0px 0px 10px 0px;
width:100%;

}
.featuredstory{
background:#F0F0F0;
margin-bottom:0px;
margin-top:10px;
overflow:hidden;
}

.featuredstory .fimage{
width:50%;
height:auto;
float:left;

}
.featuredstory .fimage img{
width:100%;
height:auto;
}

.featuredstory .ftitle{
width:49%;
float:left;
padding:0px;


overflow-y:visible;


}
.featuredstory .ftitle h6{
margin:0px;
min-height:20px;
max-height:50px;

}
@font-face{ font-family:featuredTitle; src:url("../font/CarroisGothic-Regular.ttf"); }

#featuredtitle {
font-family:mostPopularTitle;
background: none repeat scroll 0 0 #000;
    color: #fff;
    float: left;
    font-size: 28px;
    margin: 10px 0 0 0;
	padding:0 20px 0 0;   
    text-align: center;
    width: 100%
}




 
.featuredstory .ftitle h6 a{
color: #19191b;
    float: left;
    font-family: featuredTitle;
    font-size: 16px;
    font-weight:bold;
    margin: 0;	
	text-decoration:none;
}
 /* .summaryText1 a */

.featuredstory .ftitle p{
color: #737373;
    float: left;
    font-family: featuredTitle;
    font-size: 14px;
    margin: 0;
}



#feature_title a
{
font-family: featuredTitle; margin:0; padding:5px 5px 0 10px; color:#19191b; font-size:16px; font-weight:900; float:left; line-height:18px;
overflow: hidden;
     display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */

    max-height: 40px;/* fallback */ 
	width:100%;
}

#feature_des
{
font-family: featuredTitle, sans-serif; margin:0; padding:5px 5px 0 10px; color:#737373; font-size:14px; float:left; word-wrap:break-word;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;     /* fallback */
-webkit-line-clamp: 5; /* number of lines to show */
-webkit-box-orient: vertical;
padding-top:5px;
 max-height: 80px; 
 width:100%
}


#slink{ margin:0 0 20px 0; padding:12px 10px 10px 10px; width:255px; height:68px; float:left; } /* slink */

#slink #slinkBox{ margin:12px 0 0 0; padding:3px 0 0 0; width:223px; border:1px solid #d7d7d7; overflow:auto; float:right; } /* slinkBox */

#slink #slinkBox ul{ margin:0; padding:0; list-style-type:none; } /* slinkBox ul */

#slink #slinkBox ul li{ margin:0; padding:4px 0 2px 5px; float:left; display:inline-block; } /* slinkBox ul li */

#slink #slinkBox ul li a{ margin:0; padding:0 0 4px 4px; float:left; display:inline-block; } /* slinkBox ul li a */

#norecord
{
padding:10px;
text-align:center;
font-weight:bold;
font-size:14px;
}

 p {

	text-align:justify;

}



#verticalBanner{ margin:0; padding:20px 12px 30px 12px; width:21%; }


@media (min-width: 300px) and (max-width: 450px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }
 
#colleft .fornav{

padding-right:18px;
width:100%;
}
#colleft {

width:100%;
}
#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
width:100%;
}

#colleft .navbar-nav .subnav li{

padding-left:15px;
background:none;
width:100%;
}

#logo img
{
width:60%;
}

#colleft #verticalBanner img
{

width:50%;
height:50%;
display:none;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;

}
#bannerinfo
{

}
#colright 
{
width:100%;
}
#colright .bannerTitleText
{

width:100%;

}

.bannerTitleText a
{
width:100%;
}
.bannerimage
{

width:100%;
float:left;

}


/*Featured content */

.featuredcontent{ background:#FFFFFF; overflow:hidden; margin:0 10px 20px 0; padding:0px 0px 10px 0px; width:100%; float:left; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:49.5%; height:auto; float:left; }

.featuredstory .ftitle{ width:50%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0; width: 35%; float: left; }

#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }


.row img
{

width:100%;
}

.row .story
{

width:100%;
float:left;
}
.add
{
display:none;
}
#adv3
{
display:none;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position:relative; }
#bottom #footer{ margin:0; padding:0; width:100%; height:120px; background-color:#000; float:left; overflow:hidden; }


#contentArticleLeft .articleBigImage {
    margin: 0;
    padding: 0;
clear:both;
float:left;
width:620px;
height:334px;
}
#disqus_thread
{
width:100%;
float:left;
}

#slink
{
width:100%;


}
#colright #breadCrumb
{
display:none;
}
.featuredcontent {
width:100%;
}

#groupLogo { margin: 0; padding: 0 4px 0 4px; width: 20%; float: left; border-right: 1px solid #3f3f3f; }

}


@media (min-width: 451px) and (max-width: 600px) {
 
#colleft .fornav{

padding-right:18px;
width:100%;
}
#colleft {

width:100%;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 

width:100%;
}

#colleft .navbar-nav .subnav li{

padding-left:15px;
background:none;
width:100%;
}

#logo img
{
width:60%;
}

#colleft #verticalBanner img
{

width:50%;
height:50%;
display:none;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;

}
#bannerinfo
{

}
#colright 
{
width:100%;
}
#colright .bannerTitleText
{

width:100%;

}

.bannerTitleText a
{
width:100%;
}

.bannerimage
{

width:100%;
float:left;

}

#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left:2px; width:75%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right;margin-right:5px }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:100%;
float:left;
}
.add
{
display:none;
}
#adv3
{
display:none;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position:relative; }
}




@media (min-width: 801px) and (max-width: 900px) {
#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
background:none;

}
.container {
    width: 93%;

  }
.row {




}
.container-fluid {
width:90%;

padding-left:0px;
float:right;
text-align:center;
padding-right:0px;
}
.col-xs
{

}

 .container-fluid .navigation
 {
 padding-left:4px;
padding-right:5px;
margin:0px;


 }
#colleft .navbar-nav li a{
color:#fff;
font-size:95%;
margin-left:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;

width:100%;

}

#colleft .navbar-nav .subnav li a{

padding-left:15px;
background:none;
font-size:70%;
}
#logo img
{
width:100%;
}

#colleft #verticalBanner img
{

width:100%;
height:100%;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;
}

.bannerTitleText a
{
width:100%;
}
#colright .bannerTitleText
{

width:100%;
}

.bannerimage
{

width:100%;
float:left;
}

#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left: 2px; width:88%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; 
float:right; margin-right:5px; }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:50%;
float:left;
}
.add
{
display:none;
}
#adv3
{
display:none;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position:relative; }

}


@media (min-width: 601px) and (max-width: 800px) {
#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
background:none;

}
.container {
    width: 93%;
	

  }
.row {




}
.container-fluid {
width:90%;

padding-left:0px;
float:right;
text-align:center;
padding-right:0px;
}
.col-xs
{

}

 .container-fluid .navigation
 {
 padding-left:4px;
padding-right:5px;
margin:0px;


 }
#colleft .navbar-nav li a{
color:#fff;
font-size:95%;
margin-left:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;

width:100%;

}

#colleft .navbar-nav .subnav li a{

padding-left:15px;
background:none;
font-size:70%;
}

#logo img
{
width:100%;
}

#colleft #verticalBanner img
{

width:100%;
height:100%;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;
}
.bannerTitleText a
{
width:100%;
}
#colright .bannerTitleText
{

width:100%;
}

.bannerimage
{

width:100%;
float:left;
}


#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left:2px; width:85%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right;margin-right:5px }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:50%;
float:left;
}
.add
{
display:none;
}
#adv3
{
display:none;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position:relative; }

}



@media (min-width: 901px) and (max-width: 990px) {
#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
background:none;

}
.container {
    width: 93%;
	

  }
.row {




}
.container-fluid {
width:90%;

padding-left:0px;
float:right;
text-align:center;
padding-right:0px;
}
.col-xs
{

}

 .container-fluid .navigation
 {
 padding-left:4px;
padding-right:5px;
margin:0px;


 }
#colleft .navbar-nav li a{
color:#fff;
font-size:95%;
margin-left:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;

width:100%;

}

#colleft .navbar-nav .subnav li a{

padding-left:15px;
background:none;
font-size:70%;
}

#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
/*background:url(../images/menuarrow.jpg) no-repeat right center; */
background:none;

}

#colleft .navbar-nav .subnav li{

padding-left:15px;
background:none;

}

#logo img
{
width:100%;
}

#colleft #verticalBanner img
{

width:100%;
height:100%;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;
}
.bannerTitleText a
{
width:100%;
}
#colright .bannerTitleText
{

width:100%;
}

.bannerimage
{

width:100%;
float:left;
}

#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left:2px; width:90%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right;margin-right:5px }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:32%;
height:100%;
float:left;
}
.add
{
display:none;
}
#adv3
{
display:none;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position:relative; }

}


@media (min-width: 991px) and (max-width: 1200px) {
#colleft .fornav{

padding-right:18px;
}
#bannerinfo{
	
	overflow:hidden;
	width:100%;
	
	float:left;

	}
#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
background:none;

}
.container {
    width: 93%;
	position:relative;
	

  }
.row {




}
.container-fluid {
width:90%;

padding-left:0px;
float:right;
text-align:center;
padding-right:0px;
}
.col-xs
{

}

 .container-fluid .navigation
 {
 padding-left:4px;
padding-right:5px;
margin:0px;


 }
#colleft .navbar-nav li a{
color:#fff;
font-size:95%;
margin-left:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;

width:100%;

}

#colleft .navbar-nav .subnav li a{

padding-left:15px;
background:none;
font-size:70%;
}

#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
/*background:url(../images/menuarrow.jpg) no-repeat right center; */
background:none;

}

#colleft .navbar-nav .subnav li{

padding-left:15px;
background:none;

}

#logo img
{
width:100%;
}

#colleft #verticalBanner img
{

width:100%;
height:100%;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;
}
.bannerTitleText a
{
width:100%;
}
#colright .bannerTitleText 
{

width:34%;
float:right;
}

.bannerimage
{

width:64%;
float:left;
}

#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left:2px; width:90%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right;margin-right:5px }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:100%;
height:100%;
float:left;
}
.add
{
display:block;
}
#adv3
{
display:none;
}

.featuredcontent h2{
width:100%;
}
#footer { background: #000; overflow: hidden; padding-top: 0px; width: 21.5%; position:	absolute; bottom:20px; }


/* Fratue  */

.featuredcontent{

background:#FFFFFF;
overflow:auto;
padding:0px 0px 10px 0px;
width:100%;

}
.featuredstory{
background:#F0F0F0;
margin-bottom:0px;
margin-top:10px;
overflow:hidden;

width:100%;
}

.featuredstory .fimage{
width:50%;
height:110px;
float:left;


}
.featuredstory .ftitle{
width:50%;
float:left;
padding:0px;

overflow-y:visible;

}
.featuredstory .ftitle h6{
margin:0px;
min-height:20px;
max-height:50px;

}
/* End For Featurte Sectoion  */

}


@media (min-width: 1101px) and (max-width: 1300px)  {

#colleft .fornav{

padding-right:18px;
}
#bannerinfo{
	
	overflow:hidden;
	width:100%;
	
	float:left;

	}
#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
background:url(../images/menuarrow.jpg) no-repeat right center; 
background:none;

}
.container {
    width: 93%;
	

  }
.row {




}
.container-fluid {
width:90%;

padding-left:0px;
float:right;
text-align:center;
padding-right:0px;
}
.col-xs
{

}

 .container-fluid .navigation
 {
 padding-left:4px;
padding-right:5px;
margin:0px;


 }
#colleft .navbar-nav li a{
color:#fff;
font-size:95%;
margin-left:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;

width:100%;

}

#colleft .navbar-nav .subnav li a{

padding-left:15px;
background:none;
font-size:70%;
}

#colleft .fornav{

padding-right:18px;
}

#colleft .navbar-nav li{
float:none;
border-bottom:1px solid #595959;
/*background:url(../images/menuarrow.jpg) no-repeat right center; */
background:none;

}

#colleft .navbar-nav .subnav li{

padding-left:15px;
background:none;

}

#logo img
{
width:100%;
}

#colleft #verticalBanner img
{

width:100%;
height:100%;
}

#verticalBanner{ margin:0; padding:10px 12px 30px 12px; width:100%; }

#colright .carousel-inner img {

width:100%;
}
.bannerTitleText a
{
width:100%;
}
#colright .bannerTitleText 
{

width:34%;
float:right;
}

.bannerimage
{

width:64%;
float:left;
}

.bannerLine{float:left; width:280px;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; }


#footerMenu{ margin:0; padding:0 10px 10px 3px; width:90%; height:30px; }
#footerMenu ul{ margin:0; padding:0 0 5px 0; list-style-type:none; float:left;}
#footerMenu ul li{ margin:0; padding:0 5px;  line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; float:left; text-decoration:none; }
#footerMenu ul li a{ color:#fff; text-decoration:none; }

p.copyrights{margin:0; padding-left:2px; width:90%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right;margin-right:5px }
.row img
{

width:100%;
}
.row img
{

width:100%;
}

.row .story
{

width:100%;
height:100%;
float:left;
}
.add
{
display:block;
}
#adv3
{
display:block;
}

.featuredcontent h2{
width:100%;
}
#footer{ background:#000; overflow:hidden; padding-top:0px; width:100%; position: absolute; bottom:20px; }


/* Fratue  */

.featuredcontent{

background:#FFFFFF;
overflow:auto;
padding:0px 0px 10px 0px;
width:100%;
display: inline-block;
  overflow: hidden;

}
.featuredstory{
background:#F0F0F0;
margin-bottom:0px;
margin-top:10px;
overflow:hidden;

width:100%;
}

.featuredstory .fimage{
width:50%;
height:110px;
float:left;


}
.featuredstory .ftitle{
width:50%;
float:left;
padding:0px;

overflow-y:visible;

}
.featuredstory .ftitle h6{
margin:0px;
min-height:20px;
max-height:50px;

}
/* End For Featurte Sectoion  */

}



#contentArticleLeft .articleBigImage {
    margin: 0;
    padding: 0;
clear:both;
float:left;
width:100%;
}
#disqus_thread
{
width:100%;
float:left;
}









#sectionindexbgred {
  border-bottom: 30px solid #ed0202;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 180px;
  display: inline-block;
  z-index: 9;
  top: 0px;
  position: absolute;
  opacity: 0.6;
  clear: both;
  margin: 0;
  padding: 2px;
}

#sectionindexbgblue {
	border-bottom: 30px solid #0e8db2;
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
  width: 180px;
  display: inline-block;
  z-index: 9;
  top: 0px;
  position: absolute;
  opacity: 0.6;
  clear: both;
  margin: 0;
  padding: 2px;
}


#sectionindexbggreen {
	border-bottom: 30px solid #48b20e;
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	width: 180px;
  display: inline-block;
  z-index: 9;
  top: 0px;
  position: absolute;
  opacity: 0.6;
  clear: both;
  margin: 0;
  padding: 26px 0 0 0;
}


#colright .storywhite{
background: none repeat scroll 0 0 #fefcf4;

margin: 0 0 20px 0px;
padding:22px 0 0px 12px;
width:100%;
display:inline-block;
position:relative;
min-height:210px;
}

#colright .storywhiteleft{
margin: 0 0 0 10px;
padding: 0 0 20px 0;
width:49%;
float:left;
}

#colright .storywhiteright{
margin:0;
padding:0;
width:49%;
float:left;
}

#colright .storywhite .cat1{
	color: #fff;
  font-family: headSec;
  font-size: 18px;
  margin: 0;
  padding: 20px 0 5px 5px;
  float: left;
  text-transform: uppercase;
  z-index: 9;
  top: 0px;
  position: absolute;
}

#colright .storywhite .cat1 a{
color:#fff;
}

#colright .storywhite .storytitle1{

	text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;     /* fallback */

-webkit-line-clamp: 3; /* number of lines to show */
-webkit-box-orient: vertical;
    margin:0px 20px 0px 14px;
    padding:0;
	overflow:	hidden;
	width:90%;
	display:inline-block;
	
}

#colright .storywhite .storytitle1 a{
color:#454545;
font-size:18px;
}

#colright .storywhite .dotline1{ color: #454545; float: left;  margin: 0;  padding: 0px 15px 0px 15px; font-family:dotline;	font-size:10px;
font-weight:bold; text-decoration:none;	clear:both; }

#colright .storywhite .shortdesc1{ color: #333; font-family: indexSectionDescription; font-size: 16px; line-height: 23px; margin: 0;
word-wrap:break-word; overflow: auto; padding: 3px 15px 0 15px;	float:left;	width:100%; }


#colright .storywhite .redmore1{ margin: 0; padding: 0; float:right; }

#colright .storywhite .redmore1 a{ color: #0c88ac; float: right; margin: 0; padding: 0 5px 0px 0px;	font-family:redmore; font-size:12px;
text-decoration:none; }

.leftspace{ margin:0; padding:0; width:15px; height:200px; clear:both; float:left; }

.st1 { margin: 0; padding: 0 0 7px 0; border-bottom: 1px dashed #111; }

.followus{ margin:0; padding:12px 0 0 20px; font-family:followus; font-size:14px; text-decoration:none; float:left; }

.fbwizard{ margin:0; padding:0; }

#slink1{ margin:0 0 20px 0; padding:12px 10px 10px 10px; width:305px; height:68px; float:left; } /* slink */

#slink1 #slinkBox1{ margin:12px 0 0 0; padding:3px 0 0 0; width:223px; border:1px solid #d7d7d7; overflow:auto; float:right; } /* slinkBox */

#slink1 #slinkBox1 ul{ margin:0; padding:0; list-style-type:none; } /* slinkBox ul */

#slink1 #slinkBox1 ul li{ margin:0; padding:4px 0 2px 5px; float:left; display:inline-block; } /* slinkBox ul li */

#slink1 #slinkBox1 ul li a{ margin:0; padding:0 0 4px 4px; float:left; display:inline-block; } /* slinkBox ul li a */



@media (min-width: 200px) and (max-width: 300px) {

.container { width: auto; margin: 0 0 20px 0; }

#colleft {  background: none repeat scroll 0 0 #000; float: left; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

#colright { background: none repeat scroll 0 0 #ececec; overflow: hidden; width: 100%; padding: 0 0 0 4px; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg{ margin: 20px 14px 0px 0px; padding:0 15px 0 0; width:100%; }

.bannerTitleText{padding-top:10px; width:100%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}
.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:96%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; }

#colright #bannerinfo { display:none; }

#colrightcont { margin: 0 0 0 16px;  padding: 0;  width: 92%; }

#firstcont{ float: left;  margin-right: 18px;  padding: 0px 15px 10px 15px;  width: 96%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#verticalBanner{ display:none; }

#thirdcont{ margin:0; padding: 0px 14px 0px 15px; width:96.5%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px; padding: 22px 0 0px 12px; width: 100%; 
display: inline-block; position: relative; min-height: 210px; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0; width: 96%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 96%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside{ padding-right:0px; padding-left:0px; width:96%; float:left; }

.followus{ margin:0; padding:12px 10px 0 15px; font-family:followus; font-size:14px; text-decoration:none; float:left; }

#slink1{ margin:0; padding:0; width:305px; height:68px; float:left; } /* slink */

#slink1 #slinkBox1{ margin:12px 0 0 0; padding:3px 0 0 0px; width:223px; border:1px solid #d7d7d7; overflow:auto; float:left; }

h2 img { width:100%; padding: 0 0 0 10px; margin:0; }

.fbwizard { margin: 0; padding: 0 0 20px 15px; width: 99%; float: left; display:inline-block; }

.fbwizard img { width:99%; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 95%; }

.navbar { background: none repeat scroll 0 0 #303031; overflow: hidden; border: none; width: 96%; border-radius: 5px; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 35px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li { float: left; width: 100%; border-bottom: 1px solid #595959; background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px; }

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif; width: 100%;
text-align: left; }

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

#footer { background: #000; overflow: hidden; padding-top: 0px; width: 100%; position:relative; }

}


@media (min-width: 300px) and (max-width: 450px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg{ margin: 20px 14px 0px 0px; padding:0 15px 0 0; width:100%; }

.bannerTitleText{padding-top:10px; width:100%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}
.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:93%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; height:3px; }

#colrightcont { margin: 0 0 0 16px;  padding: 0;  width: 92%; }

#firstcont{ float: left;  margin-right: 18px;  padding: 0px 15px 10px 15px;  width: 96%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#verticalBanner{ display:none; }

#thirdcont{ margin:0; padding: 0px 14px 0px 15px; width:96.5%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px; padding: 22px 0 0px 12px; width: 100%; 
display: inline-block; position: relative; min-height: 210px; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0; width: 96%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 96%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside{ padding-right:0px; padding-left:0px; width:96%; float:left; }

.followus{ margin:0; padding:12px 10px 0 15px; font-family:followus; font-size:14px; text-decoration:none; float:left; }

#slink1{ margin:0; padding:0; width:305px; height:68px; float:left; } /* slink */

#slink1 #slinkBox1{ margin:12px 0 0 0; padding:3px 0 0 0px; width:223px; border:1px solid #d7d7d7; overflow:auto; float:left; }

.fbwizard { margin: 0; padding: 0; width: 99%; float: left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

#contentArticleLeft .articleBigImage { margin: 0; padding: 0; clear: both; float: left; width: 100%; height: auto; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 95%; }

.navbar { background: none repeat scroll 0 0 #303031; overflow: hidden; border: none; width: 96%; border-radius: 5px; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 35px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li { float: left; width: 100%; border-bottom: 1px solid #595959; background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px; }

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif; width: 100%;
text-align: left; }

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

}


@media (min-width: 451px) and (max-width: 600px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }

#colleft #logo { margin: 22px 11px 10px 10px; width:62%; }

#secondbg{ margin: 20px 14px 0px 0px; padding:0 15px 0 0; width:100%; }

.bannerTitleText{padding-top:10px; width:100%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}
.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:96%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; height:2px; }

#colrightcont { margin: 0 0 0 16px;  padding: 0;  width: 92%; }

#firstcont{ float: left;  margin-right: 0;  padding: 0px 0px 10px 15px;  width: 47%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#verticalBanner{ display:none; }

#thirdcont{ margin:0; padding: 0px 14px 0px 15px; width:100%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px;   padding: 22px 0 0px 12px; width: 100%; 
display: inline-block; position: relative; height: auto; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0; width: 48%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 50%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside{ padding-right:0px; padding-left:0px; width:96%; float:left; }

#slink1 { margin: 0 0 20px 0; padding: 0 10px 10px 0px; width: 50%; height: auto; float: left; }

.followus { margin: 0; padding: 12px 0 0 5px; font-family: followus; font-size: 14px; text-decoration: none; float: left; }

#slink1 #slinkBox1 { margin: 12px 0 0 0px; padding: 3px 0 0 0; width: 223px; border: 1px solid #d7d7d7; overflow: auto; float: left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

.add { margin:0 2px 0 0; width: 45%; float: right; display:inline-block; }

/*Featured content */

.featuredcontent{ background:#FFFFFF; overflow:hidden; margin:0 0 20px 0; padding:0px 0px 10px 0px; width:50%; float:left; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:49.5%; height:auto; float:left; }

.featuredstory .ftitle{ width:50%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0 0 0 10px; width: 50%; float: left; }

#footerMenu { margin: 10px 0 0 10px; padding: 0; width: 90%; height: 30px; }

#groupLogo { margin: 0; padding: 0 4px 10px 10px; width: 15%; height:auto; float: left; border-right: 1px solid #3f3f3f; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 45%; }

#featuredtitle { font-family: mostPopularTitle; background: none repeat scroll 0 0 #000; color: #fff; float: left; font-size: 1.4em;
  margin: 10px 0 0 0; padding: 0 5px; text-align: center; width: 50%; }

.navbar { background: none repeat scroll 0 0 #303031; overflow: hidden; border: none; width: 100%; border-radius: 5px; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 35px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li { float: left; width: 100%; border-bottom: 1px solid #595959; background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px; }

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif;
width: 100%; text-align: left;
}

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

}


@media (min-width: 601px) and (max-width: 767px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg{ margin: 20px 14px 0px 0px; padding:0 15px 0 0; width:100%; }

.bannerTitleText{padding-top:10px; width:100%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}
.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:96%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; height:2px; }

#colrightcont { margin: 0 0 0 16px;  padding: 0;  width: 88%; }

#firstcont{ float: left;  margin-right: 0px;  padding: 0px 5px 10px 15px;  width: 50%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#thirdcont{ margin:0; padding: 0px 5px 0px 15px; width:100%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px;   padding: 22px 0 0px 12px; width: 100%; 
display: inline-block; position: relative; height: auto; }

#colright .storywhiteleft { margin: 0; padding: 0; width: 50%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 50%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside{ padding-right:15px; padding-left:15px; width:100%; float:left; }

#slink1 { margin: 0 0 20px 0; padding: 0 10px 10px 0px; width: 50%; height: auto; float: left; }

.followus { margin: 0; padding: 12px 0 0 5px; font-family: followus; font-size: 14px; text-decoration: none; float: left; }

#slink1 #slinkBox1 { margin: 12px 0 0 0px; padding: 3px 0 0 0; width: 223px; border: 1px solid #d7d7d7; overflow: auto; float: left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

.add { margin:0 10px 0 0; width: 45%; float: right; display:inline-block; }

/*Featured content */

.featuredcontent{ background:#FFFFFF; overflow:hidden; margin:0 0 20px 0; padding:0px 0px 10px 0px; width:50%; float:left; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:49.5%; height:auto; float:left; }

.featuredstory .ftitle{ width:50%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0 0 0 10px; width: 50%; float: left; }

#footerMenu { margin: 10px 0 0 10px; padding: 0; width: 90%; height: 30px; }

#groupLogo { margin: 0; padding: 0 4px 10px 10px; width: 10%; height:auto; float: left; border-right: 1px solid #3f3f3f; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 45%; }

#featuredtitle { font-family: mostPopularTitle; background: none repeat scroll 0 0 #000; color: #fff; float: left; font-size: 2em;
  margin: 10px 0 0 0; padding: 0 5px; text-align: center; width: 50%; }

.navbar { background: none repeat scroll 0 0 #303031; overflow: hidden; border: none; width: 100%; border-radius: 5px; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 15px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li { float: left; width: 100%; border-bottom: 1px solid #595959; background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px; }

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif;
width: 100%; text-align: left;
}

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

}


@media (min-width: 768px) and (max-width: 990px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg{ margin: 20px 14px 0px 0px; padding:0 15px 0 0; width:100%; }

.bannerTitleText{padding-top:10px; width:100%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}
.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:97%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; height:2px; }

#colrightcont { margin: 0 0 0 16px;  padding: 0;  width: 88%; }

#firstcont{ float: left;  margin-right: 0px;  padding: 0px 5px 10px 15px;  width: 50%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#thirdcont{ margin:0; padding: 0px 0px 0px 15px; width:100%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px; padding: 22px 0 0px 12px; width: 100%; 
display: inline-block; position: relative; min-height: 210px; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0 0 23px 0; width: 50%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 49%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside{ padding-right:15px; padding-left:15px; width:100%; float:left; }

#slink1 { margin:0 0 20px 0; padding:0 10px 10px 0px; width:50%; height:auto; float: left; } /* slink */

.followus { margin: 0; padding: 12px 0 0 0px; font-family: followus; font-size: 14px; text-decoration: none; float: left; }

#slink1 #slinkBox1{ margin:12px 0 0 10px; padding:3px 0 0 0; width:223px; border:1px solid #d7d7d7; overflow:auto; float:left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

.add { margin:0 20px 0 0; width: 45%; float: right; display:inline-block; }

#featuredtitle{ font-family:mostPopularTitle; background:none repeat scroll 0 0 #000; color:#fff; float:left; font-size:28px; margin:0;
  padding:0; text-align: center; width:49%; }

/*Featured content */

.featuredcontent { background: #FFFFFF; overflow: hidden; margin: 0 0px 20px 0; padding: 0px 0px 10px 0px; width: 49%; float: left; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:47.3%; height:auto; float:left; }

.featuredstory .ftitle{ width:50%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0 0 0 10px; width: 48%; float: left; }

#footerMenu { margin: 10px 0 0 10px; padding: 0; width: 90%; height: 30px; }

#groupLogo { margin: 0; padding: 0 4px 10px 10px; width: 10%; height:auto; float: left; border-right: 1px solid #3f3f3f; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 30%; }

#searchBand #breadCrumb { float: left; margin: 0; padding: 16px 0 0 16px; width: 450px; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 5px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #595959;
  background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px;
}

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif; width: 100%;
  text-align: left; }

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

}


@media (min-width: 991px) and (max-width: 1360px) {

.container { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom:20px; position:relative; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg{ margin: 20px 0px 0px 0px; padding:0; width:100%; }

.bannerimage{ width:65%; float:left; height:auto; }

.bannerTitleText{padding-top:10px; width:34%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}

.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:32.5%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; }

#colrightcont { margin:0 0 0 25px; padding:0; width:62%; }

#firstcont{ float:left; margin-right: 0; padding: 0px 9px 10px 10px; width:49%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#thirdcont{ margin:0; padding: 0px 0px 0px 10px; width:98.3%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px; padding: 22px 0 0px 12px; width: 98.5%; 
display: inline-block; position: relative; min-height: 210px; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0 0 23px 0; width: 50%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 50%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside { padding-right: 15px; padding-left: 15px; width: 34%; float: right; }

.add{ margin:0; padding:0; float:left; display:block; }

#slink1{ margin:0; padding:0 10px 15px 0px; width:100%; height:auto; float:left; } /* slink */

#slink1 #slinkBox1{ margin:12px 0 0 10px; padding:3px 0 0 0; width:223px; border:1px solid #d7d7d7; overflow:auto; float:left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

/*Featured content */

.featuredcontent { background: #FFFFFF; overflow: hidden; margin: 0 0px 20px 0; padding: 0px 0px 10px 0px; width: 100%; float: right; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:51%; height:auto; float:left; }

.featuredstory .ftitle{ width:49%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0 10px 0 0; width: 99%; float: left; }

#footer { background: #000; overflow: hidden; padding-top: 0px; width: 21.5%; position:	absolute; bottom:20px; }

#footerMenu { margin: 10px 0 0 10px; padding: 0; width: 90%; height: 30px; }

#groupLogo { margin: 0; padding: 0 4px 10px 10px; width: 32%; height:auto; float: left; border-right: 1px solid #3f3f3f; }

#featuredtitle{ margin:20px 0 0 0; padding:0; font-size:2em; }

#moreFromMagazine { background: none repeat scroll 0 0 #fff; margin: 0 0 20px 0; overflow: hidden; padding: 0; width: 99%; }

#searchBand #breadCrumb { float: left; margin: 0; padding: 16px 0 0 16px; width: 500px; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 29.7%; }

#magazineBoxSectionImage img { width:100%; height:auto; }

#colleft #mynavbar-content ul { width: 100%; padding-left: 5px; margin-bottom: 20px; padding-right: 0px; }

#colleft .navbar-nav li { float: left; width: 100%; border-bottom: 1px solid #595959; background: url(../images/menuarrow.jpg) no-repeat top 4px right 0px; }

#colleft .navbar-nav li a { color: #fff; font-size: 95%; margin-left: 3px; padding: 0px; font-family: Arial, Helvetica, sans-serif; width: 100%;
  text-align: left; }

#colleft .navbar-nav .subnav li { padding-left: 5px; float: left; text-align: left; background: url(../images/menuarrowright.jpg) no-repeat left 10px center; }

#colleft .navbar-nav .subnav li a { padding-left: 15px; background: none; font-size: 80%; }

}


@media (min-width: 1101px) and (max-width: 1300px) {

.container { width: auto; margin-left: 35px; margin-right: 35px; margin-bottom:20px; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg { margin: 20px 0px 0px 0px; padding: 0 0px 0 0; width: 100%; }

.bannerimage{ width:64%; float:left; height:auto; }

.bannerTitleText{padding-top:10px; width:34%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}

.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:34%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 29.7%; }

#magazineBoxSectionImage img { width:100%; height:auto; }

}


@media (min-width: 1361px) and (max-width: 1600px) {

.container { width: auto; margin-left: 35px; margin-right: 35px; margin-bottom:20px; position:relative; }

#colleft #logo { margin: 22px 11px 10px 10px; }

#secondbg { margin: 20px 0px 0px 0px; padding: 0 0px 0 0; width: 100%; }

.bannerimage{ width:67.1%; float:left; height:auto; }

.bannerTitleText{padding-top:10px; width:32%; float:left;padding-left:10px;font-family:'PT Sans Caption', sans-serif;font-size:16px; color:#fff;}

.bannerTitleText a{  width:100%; float:left;padding-left:18px; font-family: 'PT Sans Caption', sans-serif; font-size:16px; color:#fff; }

.bannerLine{float:left; width:30%;  margin:0px 0 3px 14px; padding:0;  height:4px; }
.bannerLine img{ width: 100%; height:3px; }

#colrightcont{ margin: 0 0 20px 20px; padding:0; width:62.6%; }

#firstcont { float: left; margin-right: 0px; padding: 0px 0px 10px 15px; width: 48.7%; }

#colright .story {  background: none repeat scroll 0 0 #fff;  box-shadow: 5px 5px 0px #cfcfcf; margin: 0 0 20px 0px;  padding: 0;  width: 100%;  position: relative;  height: auto; }

#thirdcont{ margin:0; padding: 0px 14px 0px 15px; width:100%; float:left; }

#colright .storywhite { background: none repeat scroll 0 0 #fefcf4; margin: 0 0 20px 0px; padding: 22px 0 0px 12px; width: 100%; display: inline-block; position: relative; min-height: 210px; }

#colright .storywhiteleft { margin: 0 0 0 0px; padding: 0 0 23px 0; width: 49.5%; float: left; }

#colright .storywhiteright { margin: 0; padding: 0; width: 50%; float: left; }

#colright .story .storytitle { background: none repeat scroll 0 0 #fff; text-overflow: ellipsis; display: -webkit-box; line-height: 16px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 5px 20px 0px 25px; padding: 0 0 7px 0; overflow: hidden; 
border-bottom: 1px dashed #111; }

#colright .storywhite .storytitle1 { text-overflow: ellipsis; display: -webkit-box;  line-height: 16px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  margin: 0px 20px 0px 14px; padding: 0; overflow: hidden; width: 90%; display: inline-block; }

.story .dotline { color: #454545; float: left; margin: 0; padding: 0px 25px 5px 25px; font-family: dotline; font-size: 10px; font-weight: bold;
  text-decoration: none;  clear: both; width: 100%; }

#colrightside { padding-right: 15px; padding-left: 15px; width: 34.5%; float: right; }

#slink1{ margin:0 0 20px 0; padding:0 10px 10px 10px; width:100%; height:68px; float:left; } /* slink */

#slink1 #slinkBox1{ margin:12px 0 0 10px; padding:3px 0 0 0; width:223px; border:1px solid #d7d7d7; overflow:auto; float:left; }

p.copyrights{margin:0; padding-left: 7px; width:60%; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:left; margin-right:5px }

/*Featured content */

.featuredcontent{ background:#FFFFFF; overflow:hidden; margin:0 10px 20px 0; padding:0px 0px 10px 0px; width:100%; float:left; }

.featuredcontent h2{ margin-top:0px; width: 334px; background: black; padding: 0; width:100%; }

.featuredstory{ background:#F0F0F0; margin-bottom:0px; margin-top:10px; overflow:hidden; }

.featuredstory .fimage{ width:46.5%; height:auto; float:left; }

.featuredstory .ftitle{ width:50%; float:left; padding:0px; overflow-y:visible; }

.fbwizard { margin: 0; padding: 0; width: 35%; float: left; }

#footer { background: #000; overflow: hidden; padding-top: 0px; width: 21.5%; position:	absolute; bottom:20px; }

#footerMenu { margin: 10px 0 0 10px; padding: 0; width: 90%; height: 30px; }

#groupLogo { margin: 0; padding: 0 4px 10px 10px; width: 32%; height:auto; float: left; border-right: 1px solid #3f3f3f; }

.storyimage img { width:100%; height:auto; }

.bannerimage img { width:100%; height:auto; }

#magazineBoxSection { float: left; margin: 0; overflow: hidden; padding: 7px 0 0 17px; margin: 0 16px 0 0; width: 30.5%; }

#magazineBoxSectionImage img { width:100%; height:auto; }

}
