@import url("/css/thumb.css");

.ddlPageCount			    {font-size:12px;}

#newslist					{list-style:none; padding:0; margin:40px 0 0 0; width:100%;}
	#newslist li { width: 31%; padding: 0; margin: 0 3.5% 40px 0; float: left; }
	#newslist li:nth-child(3n) { margin: 0 0 40px 0; }
#newslist li.last           {padding:0; margin:0; border:0;}

#newslist li div.image {width:100%; max-height: 250px !important; display:flex; justify-content:center; align-items:center; overflow:hidden;}
#newslist li div.image img  {width: 100%;}
#newslist li div.info                   {padding:0; margin:0; float:left; width:100%;}
#newslist li div.infofull               {padding:0; margin:0; float:left; width:100%;}

#newslist li h2			    {padding:0; margin:0; font-size: 18px; font-weight:bold; }
	#newslist li h2 a { color: #000; font-size: 18px; font-weight: bold; }
		#newslist li p.date { padding: 0 0 5px 0; margin: 10px 0; font-size: 14px; color: #E3001A; }
			#newslist li p.date a { color: #E3001A; }
#newslist li p.preamble	    {padding:3px 0 0 0; margin:0;}
#newslist li a			    {color:#4f4f4f; text-decoration:none;}
#newslist li a:hover	    {text-decoration:none;}

div.headerfooterlinkslast   {border-top:1px solid #ddd; padding-top:10px; margin-top:15px;}

#newsimages					{list-style:none; padding:0; margin:20px 0; width:100%;}
#newsimages li {
    margin: 10px 0;
}
#newsimages .image-description {
    margin-top: 2px;
    font-size:smaller;
}
#newsimages li a		    {display:block; height:100%; width:100%; background-repeat:no-repeat; background-position:center center; border-radius:3px; -moz-border-radius:3px;}
#newsimages li a img        {height:100%; width:100%;}
#newsimages li a:hover img  {background:url(/gfx/webbedit/zoom-big.png) center center no-repeat;}
.singleNewsItem {margin: 40px 0;}
.singleNewsItem img {max-width: 100%; height: auto !important;}
.singlenews { width: 75%; float: left; }
.singlenews p.date, .singlenews-long p.date	{margin:0; padding:0 0 5px 0; color:#888;}
.singlenews h1, .singlenews-long h1			{margin:0 0 10px 0; padding:0;}
.singlenews h4, .singlenews-long h4			{margin:0 0 10px 0; padding:0; color:#222;}

.share-news                                 {border:1px solid #eee; background-color:#f8f8f8; padding:10px 10px 2px 10px; margin:10px 0;}
.share-news .media                          {padding-bottom:8px;}
.back-to-news-list                          {border-top:1px solid #ccc; padding-top:10px; width:75%; float:left;}

@media screen and (max-width: 1100px)
{
	.flexslider .slides li.articleLi { height: auto !important; line-height: normal !important; }
}

@media screen and (max-width: 860px)
{
    #newslist li div.info                   {width:75%;}
    #newslist li div.image .thumb-container {width:135px; height:135px; padding:3px;}
    table.headerfooterlinks                 {font-size:90%;}
    
    .singlenews								{width:100%; clear:both;}
    .back-to-news-list                      {width:100%;}
    
    #newsimages {
        padding:5px 0 0 0;
        margin:0 0 5px 0;
        width:auto;
        float:none;
        text-align:center;
        clear:both;
        border-top:1px solid #ccc;
        overflow: hidden;
    }
    #newsimages li {
        padding:0;
        margin:5px;
        height:150px;
        width:150px;
        float: left;
    }
}

@media screen and (max-width: 740px)
{
	#newslist li { width: 49%; padding: 0; margin: 0 2% 20px 0; float: left; }
		#newslist li:nth-child(3n) { margin: 0 2% 20px 0; }
		#newslist li:nth-child(2n) { margin: 0 0% 20px 0; }

}

@media screen and (max-width: 620px)
{
    #newslist li div.info                   {width:100%;}
    table.headerfooterlinks tr td a         {font-size:90%; text-decoration:none;}
    table.headerfooterlinks tr td select    {font-size:90%;}
}

@media screen and (max-width: 520px)
{
    #newsimages li				{height:90px; width:90px;}
    #newsimages li a:hover img  {background:url(/gfx/webbedit/zoom-small.png) center center no-repeat;}
}

@media screen and (max-width: 520px) {
	#newslist li { width: 100%; padding: 0; margin: 0 0% 20px 0; float: none; }
		#newslist li:nth-child(3n) { margin: 0 0% 20px 0; }
		#newslist li:nth-child(2n) { margin: 0 0% 20px 0; }
}