﻿.TopArticle {float:left; }
.TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright { }
.TopArticle .topleft, .TopArticle .bottomleft { }
.TopArticle .topright, .TopArticle .bottomright { }
.TopArticle .topright { }
.TopArticle .bottomleft { }
.TopArticle .bottomright { }




/*=== This is the upper box on the news page ====
=== has the main news feature inside it ====*/

.TopArticle .Holder { clear: both; height: auto;  border: 4px solid #012853; padding-left: 15px; padding-right: 8px; padding-bottom: 12px; margin-left: -8px; }
.TopArticle .inner { margin-left: 0px; margin-right: 10px; background: #FFF; padding-left: 10px; padding-right: 10px; text-align: left; }

.TopArticle .contentleft, .TopArticle .contentright { float:left;display:block;}


.TopArticle .contentright { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; color: #666; }








/*Date item of top article */
.TopArticle contentright { text-align: right; display: block;  }


.TopArticle .contentright div.inner div.Holder .Date { color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; }






/*changes the body text on top news */
.TopArticle a { text-decoration: none; color: #777; }
.TopArticle a:hover, .TopArticle a:active { text-decoration: underline; }
.TopArticle .contentright div.inner div.Holder a.Title {  clear: both; text-decoration: none; float:none; display: block; }
.TopArticle .Image, .TopArticle .Image img { float: left; padding-right: 5px; padding-top: 8px; }
.TopArticle .Flash { clear: left; display: block; }
.TopArticle .Body { padding-bottom: 6px; }





.TopArticle .More { text-align: right; margin-left: 8px; font-weight: bold; text-decoration: none; /*== IE fix ==*/ }
/**/
.TopArticle .Date {display:block;clear:both; text-align:right;}
/**/



/*==== end top article feature ====*/





.SubArticles { }
.SubArticles span { color: #777; font-size: 1.5em; font-weight: bold; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; clear:both;display:block; }


/*News article titles*/
.SubArticles a.Title { clear: both; font-family:"Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-size: 1.3em;color: #777;  line-height:1em;}
.SubArticle .Title a:hover{ color: #777777; text-decoration: underline; }
/*individual article boxes*/
.SubArticle { float: left; width: auto; height: auto; padding:0 2px; margin-right:5px }
.SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright { }
.SubArticle .topleft, .SubArticle .bottomleft { }
.SubArticle .topright, .SubArticle .bottomright { }
.SubArticle .topright { }
.SubArticle .bottomleft { }
.SubArticle .bottomright { }



.SubArticle .Holder { float: left; width: 150px; min-height:120px;
  height:auto !important;
  height:120px;
 border: 4px solid #012853; padding: 10px; }
.SubArticle .inner .Holder img { display: inline; height:auto;width:auto; padding: 5px; }
.SubArticle .inner { float: left; width: auto; }
.SubArticle .contentleft, .SubArticle .contentright { background-image: url(Images/news/2.png); background-repeat: repeat-y; }
.SubArticle .contentright { background-position: 100% 0; }
/*News artical links styles*/
.SubArticle a {font-size:0.95em;color:#666;font-family:Arial, Helvetica, sans-serif;padding-top:10px;} 
.SubArticle a:hover{ color: #777777; text-decoration: underline; }
.SubArticle .Image, .SubArticle .Image img { float: left; display: block; }
.SubArticle .Flash { clear: left; display: block; }
.SubArticle .Body { float: left; width: auto;padding-top:10px; }
.SubArticle .Body a{padding:0px !important}
.SubArticle .More { text-align: right; margin-left: 8px; font-weight: bold; text-decoration: none; font-size: 0.95em; font-weight: bold; }
/**/
.SubArticle .Date { clear: both; text-align: left;font-weight:bold;margin-top: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; display: block; font-weight: normal; color: #777777;clear:both; }
/**/
.ArticleList { clear: both; float: left; margin-top: 20px; width: 100%; }
.ArticleList span { color: #777; font-size: 1.5em; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-weight: bold;  }

