/*--------------------------*/
/* Index page style elements*/
/*--------------------------*/

#futureEvents{
    height: auto;
    width:100%;
    margin: 0;
    font-size: 10px;
    border-radius: 0.6em;
    border: 1px solid #fff;
    float:left;
    background-color: #bb3e3f;
}
#futureEvents .toggle, #latest_news .toggle, #canteen_news .toggle
{ display: inline-block; padding-right: 1em;font-weight: 900;font-size: larger}

#FE_content{
    display:none;
}
#futureEvents a{text-decoration: none;}

#futureEvents p{padding:0;margin: 0;list-style-image: none; text-align: left;}

#futureEvents .title, #latest_news .title, #canteen_news .title
{ color: #fff; font-size:20px; margin: 1px; text-align: left; }

#futureEvents ul a{ font-size: 1.8em; color: white;}
#futureEvents ul p{  color: #aaa;}  
/*--------------------------------*/
/* Calendar styles  */
/*--------------------------------*/
#frm_calendar{
    margin: auto;
    width: 90%;
}
#calendar{ border: 0; border-collapse: collapse;
            margin: auto; background-color: #fff;
            display:block;
            width:90%;
            font-size:20px;}
 #calendar table{
    width: 50%;
    margin: auto;
    }
tbody{
    margin: auto;
    display: block;
}
.calendar th{
    color: #333;
    background-color: #fff;
    font-size: 12px; font-weight: lighter;
    margin: auto;
}

.calendar td{border: 0; text-align: center; }

.calendar tr{border-bottom: 1px solid #888;}
.leading , .trailing{color: #777;}

.past{color: #333; background-color: #fdd;}

.wkend{background-color: #ddd;	color: #888}
.future.event{	color: #66a; background-color: #818284;}
.today{	color: yellow; background-color: #bb3e3f; border:1px solid black;}
.today.event{	color: yellow; background-color: #bb3e3f; border:1px solid black;}

.past.event{ color: red;}

.calendar a{text-decoration: none}

.event:hover{ cursor: pointer;}

.fieldWrapper-left label{width: 15%; text-align:right; float: left; margin-right: 1em;}

/*--------------------------------*/
/* News Item styles               */
/*--------------------------------*/
#latest_news{
     height: auto;
    width:100%;
    margin:  0;
    font-size: 14px;
    border-radius: 0.6em;
    border: 1px solid #fff;
    float:left;
    background-color: #bb3e3f;
}

#news_items {
    margin: 2em 0 0 2em; padding: 0.5em;
    background-color: #eee;
    font-size: 0.8em; color: #000;
    border-radius: 0.6em; border: 1px solid #fff;
	height: auto;
    display: none;
}

#news_items p {margin: 0;}

#news_items .headline {color: #ED462F; font-size: 1.2em; margin: 0;}

.news_item{ display: none; text-decoration: none;}

#mni{
	border-radius: 0.6em; border: 1px solid #000;
	height: auto;
	margin: 0 0 0 0; padding: 0;
    display: none;
    background-color: #f1f2f3;
}
#mni_headline{
    text-align: center;
}
#mni h3{ padding: 0; margin: 5px;}

#canteen_news{
	height: auto; width:100%;
    margin: 0;
    font-size: 10px;
    border-radius: 0.6em; border: 1px solid #fff;
    float:left;
    background-color: #bb3e3f;
}
#canteen_news .title{ color: #fff;font-size:20px;
                    margin: 1px;text-align: left; }
#canteen_news_item{
    display: none;
 }

#main_news_item_body{
  align-content: center;
   overflow-y: scroll;
   height:auto;
   opacity: 1;
   background: #f1f2f3;
   padding: 1em;
}
article p{
  background: rgb(f1, f2, f3); /* Fall-back for browsers that don't support rgba */
}
/*--------------------------*/
/* Larger Screens       */
/*--------------------------*/
@media only screen and (min-width: 675px) {
    #futureEvents{
        width:27%;
        margin: auto; padding: auto;
        float:left;
        overflow:hidden;
    }
    #futureEvents .toggle,  #canteen_news .toggle, #latest_news .toggle{  display: none;}
    #FE_content, #mni{
        display: block;
    }

    #futureEvents .title{ color: #111;font-size:14px;margin: 1px;text-align: center; }
    
    #futureEvents ul a{ font-size: 1.2em; }
    #futureEvents ul p{ font-size: 1.0em; }  
    /*--------------------------------*/
    /* Calendar styles  */
    /*--------------------------------*/
    #frm_calendar{
        margin: auto;
        width:auto;
    }
    #calendar{ border: 0; border-collapse: collapse;
                margin: auto; background-color: #fff;
                display:block;
                width:90%;
                font-size:12px;}
    tbody{
        margin: auto;
        display: block;
    }
    .calendar th{
        color: #333;
        background-color: #fff;
        font-size: 12px; font-weight: lighter;
        margin: auto;
    }
    #futureEvents ul a{ font-size: 1.25em; }

    /*--------------------------------*/
    /* News Item styles               */
    /*--------------------------------*/
    #latest_news{
         float: left;
         display: inline-block;
         width:70%;
         margin-left: 1em;
    }
    #news_items {
        margin: 0; padding: 0.5em;
        height: 4em;
        display: block;    
    }
    #news_items p {margin: 0;}
    #news_items .headline {color: #111; font-size: 1.5em;}
    #news_items .body{ color: #111; font-size: 1.2em; margin: 0; text-decoration: none;}
    
    .news_item{ display: none;}
    #canteen_news{
        height: 150px;
        padding: 2em;
        overflow-y: scroll;
    }
    #canteen_news_item{
    display: block;
 }

}