.article 
{
    clear: both;
    text-align: left;
    margin-bottom : 25px;
}

.articleHeadline h1 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    font-size: 24px;
    font-size: 2.4rem;
}

.articleAuthor { 
	margin-top:5px;
} 

.articleCalendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

.articleCalendarIcon-01 {
  background: url('images/01.gif');
}

.articleCalendarIcon-02 {
  background: url('images/02.gif');
}

.articleCalendarIcon-03 {
  background: url('images/03.gif');
}

.articleCalendarIcon-04 {
  background: url('images/04.gif');
}

.articleCalendarIcon-05 {
  background: url('images/05.gif');
}

.articleCalendarIcon-06 {
  background: url('images/06.gif');
}

.articleCalendarIcon-07 {
  background: url('images/07.gif');
}

.articleCalendarIcon-08 {
  background: url('images/08.gif');
}

.articleCalendarIcon-09 {
  background: url('images/09.gif');
}

.articleCalendarIcon-10 {
  background: url('images/10.gif');
}

.articleCalendarIcon-11 {
  background: url('images/11.gif');
}

.articleCalendarIcon-12 {
  background: url('images/12.gif');
}

.articleCalendarDay {
  font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight: bold;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 15px;
}

.articleEntry {
    margin: 10px 5px;
} 

.articleRelated {
    margin: 10px 5px;
} 

.articleRelated a {
    display:block;
    margin-top:5px;
} 

.articleImage { 
	margin : 2px 10px 4px 4px;
	float : left;
}

.articlePaging { 
    border-bottom:1px dotted #D8D8D8;
	padding-bottom : 2px;
	margin-bottom : 2px;
} 

.articleCategories  {
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px;
} 

.related h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.postRating h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.articleComments { 
    text-align: left;
} 

.articleComments h2 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.articleComment { 
	margin : 5px 0 0px 0;
	padding : 5px;
	min-height : 100px;
	height:auto !important;
	height:100px;
} 

.articleCommentGravatar { 
	margin : 2px 10px 4px 4px;
	float : left;
}

.articleCommentContent {
    text-align: left;
    padding:0px 5px 10px 5px;
}

.articleCommentAuthor { 
} 

.articleCommentDate { 
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px;
} 

.articleImages { 
    text-align: left;
} 

.articleImages h2 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.articleFiles { 
    text-align: left;
} 

.articleFiles h2 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.postComment 
{
    text-align: left;
}

.postComment p, .postComment div
{
    padding:2px 10px;
    margin: 0px;
}

.postComment h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.postComment input
{
    width: 150px;
}

.postComment #notify input
{
    width: 20px;
}

.postComment textarea
{
    width: 450px;
    height: 150px;
}

/* Photo Area */

.articleImageList li
{
    display: inline;
    float: left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

/* File Area */

.articleFileList li
{
    display: inline;
    float: left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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-container-image-data-box {
	background-color: #fff;
	margin:0pt auto;
	overflow: auto;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
}

#lightbox-container-image-data {
	padding: 0 10px; 
}

#lightbox-container-image-details {
	float:left;
	text-align:left;
	width:70%;
}

#lightbox-container-image-details-caption
{
	font-weight: bold;
}

#lightbox-container-image-details-currentNumber 
{
	clear:left;
	display:block;
}

#lightbox-container-image-details-currentNumber a, lightbox-container-image-details-currentNumber a:hover
{
	border-bottom:medium none;
	color:#151410;
	text-decoration:underline;
}

#lightbox-container-image-details-nav {
	clear:left;
	display:block;
	padding:0pt 0pt 10px;
}

#lightbox-container-image-details-nav a, #lightbox-container-image-details-nav a:hover {
	border-bottom:medium none;
	color:#151410;
	text-decoration:underline;
}

#lightbox-container-image-details-nav-btnPrev
{
	margin:0pt 8px 0pt 0pt;
}
	
#lightbox-image-details-close-btnClose {
	float: right;
}

#lightbox-image-details-close a, #lightbox-image-details-close a:hover {
	border-bottom:medium none;
	color:#151410;
	text-decoration:underline;
}


/* Latest Article Styles */

article:after {
    clear: both;
    content: '';
    display: table;
}

.article-date {
    display: block;
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 10px 0;
}

.article-thumb, .article-summary {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-most-recent h1 {
    margin: 0;
    font-size: 28px;
    font-size: 2.8rem;
}
.news-most-recent h1 a {
    text-decoration: none;
}
.news-most-recent article:after {
    clear: both;
    content: '';
    display: table;
}
.news-most-recent .article-thumb {
    width: 45%;
}
.news-most-recent .article-thumb img {
    width: 100%;
    height: 320px;
    background: #eee;
}
.news-most-recent .article-summary {
    width: 55%;
    padding: 20px 0 0 20px;
}

.news-other article {
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
    margin: 0 0 20px 0;
}
.news-other .article-date {
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    float: left;
}
.news-other h1 {
    width: 70%;
    float: right;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}
.news-other h1 a {
    text-decoration: none;
}
.news-other p {
    margin: 0;
}

.news-second h1 {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0;
}
.news-second h1 a {
    text-decoration: none;
}
.news-second .article-thumb {
    width: 30%;
}
.news-second .article-thumb img {
    width: 100%;
    height: 180px;
    background: #eee;
}
.news-second .article-summary {
    width: 100%;
    padding: 0 0 0 0px;
}

.news-section {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #777;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 2px solid #eeeeee;
}

.red-zone-title {
    color: #fff;
    margin: 0;
    padding: 14px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    border-top: 1px solid #b02c28;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    background: #ca3a37;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ca3a37 0%, #86110d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ca3a37), color-stop(100%, #86110d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ca3a37 0%, #86110d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ca3a37 0%, #86110d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ca3a37 0%, #86110d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ca3a37 0%, #86110d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3a37', endColorstr='#86110d',GradientType=0 );
    /* IE6-9 */
}
.red-zone-title span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    text-transform: uppercase;
}

.directors-photo {
    float: left;
    border: 3px solid #111111;
    box-shadow: 0 1px 0 #333333;
    margin: 10px 10px 0 10px;
}

.red-zone {
    background: #222;
    color: #fff;
}
.red-zone article {
    padding: 10px;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #333333;
}
.red-zone p {
    text-align: left !important;
}
.red-zone h1 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
}
.red-zone h1 a {
    color: #fff;
    text-decoration: none;
}

.more-from-director {
    display: block;
    padding: 5px;
    background: #111;
    text-align: right;
}
.more-from-director a {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 700;
    background: #222;
}
.more-from-director a:hover, .more-from-director a:focus {
    background: #444;
}

/* Home Page Latest News */
.latest-news article {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f7f7f7;
}
.latest-news p {
    margin: 0;
    text-align: left !important;
}
.latest-news h3 {
    display: block;
    width: 80%;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 5px 0;
}
.latest-news h3 a {
    text-decoration: none;
}

.latest-date {
    display: block;
    width: 20%;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    color: #837d7d;
}

.first-article .latest-date {
    display: block;
    width: auto;
    float: none;
    margin-right: 0;
}
.first-article h3 {
    display: block;
    width: auto;
    float: none;
}

.latest-mhsaa-news article {
    margin-bottom: 10px;
}

.latest-second article {
    overflow: hidden;
    margin-bottom: 10px;
}
.latest-second .article-meta {
    width: 75%;
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.latest-second .article-category a {
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #666;
}

.latest-second h3 a {
    text-decoration: none;
}
.latest-second h3 a:hover, .latest-second h3 a:focus {

}

.second-thumbnail {
    width: 25%;
    height: auto;
    float: left;
}

.announcements {
    margin-top: -20px;
}

.announcement {
    padding: 20px;
    background: #eee;
    border-top: 1px solid white;
    border-bottom: 1px solid #dddddd;
}
.announcement h3 {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.announcement h3 a {
    text-decoration: none;
}

.announce-date {
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
}

.more-announcements {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-block;
    padding-right: 24px;
    font-weight: 700;
    text-decoration: none;
    background: url(Images/more-announcements.png) no-repeat right 3px;
}