/**Box**/
.boxOutline {border: thin solid #b7b7b7;}

.boxOutline img.img-DetailTile {
    max-height: 170px;
}

/**buttons**/
.btn.outlineBlue {
    border: solid thin #2b9993;
    color: #2b9993;
}

.btn.outlineGreen {
    border: solid thin #a6c121;
    color: #a6c121;
}


p.textArea {
    padding: 10px 20px;
}

/**Custom Tiles**/
.newsBox {height: 250px; margin-bottom: 20px;}
.staffBox {height: 300px; margin-bottom: 40px;}


/**News Article**/
.newsArticle {
    width: 100%;
    padding: 0 20%;
}

.newsArticle h1{
    padding: 10px 0 20px 0;
    text-align: center;
}

.newsArticle p.authorName {text-align:center;}

.newsArticle p {
    line-height: 1.7em;
    margin: 25px 0;
}


/**Employee Transforms**/
.staffDetail {background-color:#fff;}
.staffDetailImage {width: 250px; margin-right:20px;}
.staffDetailImage img.floatLeft {float:left; padding: 10px; max-width: 200px; height: auto;}
.staffDetailText{padding-left:10px; width: 80%; float:left;}


/**Events**/
.boxOutline {border: thin solid #b7b7b7; background-color:#fff;}
.eventBox {height: 260px;}
.eventBox .eventDescription {padding: 20px 10px;}
img.eventImage {max-height: 120px; width:100%; max-width:380px; height: auto;}

/**Event List**/
.eventListItem .dateCircle {font-size:18px;
    padding: 5px 0;
    float: left;
    margin-right:30px;
    width: 90px;
    height: 90px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #04a9a2;
    line-height: 24px;
}
.eventListItem {height: 110px; margin-bottom: 20px;}
.eventListItem .eventDescription {padding-top:5px;}
.eventListItem .eventDescription p.eventName {font-size: 18px; line-height:18px;}


/**School-Office Tiles**/
img.schImage {float:left; padding: 10px 20px 10px 0; max-width: 350px; height: auto;}
.schoolTile {
    margin: 20px 0;
    padding: 0 10%;
}

.schoolBox {height:350px; margin-bottom: 10px;}
.schoolBox img {margin-bottom:10px;}
.schoolBox .fa {color:#5bc4bf;}
.schoolBox .officeName {font-size: 18px;}
.schoolBox p {padding:10px 5px; font-size: 14px; text-align:center;}


.schoolDetail img.schImage {max-width:500px; width:100%; height:auto; margin-bottom: 20px;}
.schoolDetail h3 {padding:10px 0;}
.schoolDetail {
    width: 80%;
    margin: 0 10%;
}