/******
    Main Site   3
********/

body {
    background: url(../images/bg.jpg) top center no-repeat #fff;
    background-attachment:fixed;
    font-family:Arial, Helvetica, sans-serif;
}
.skipnav {
    text-align: left;
    background: #fff;
    position:absolute;
    z-index:10000;
  

}

    .skipnav a {
        position: absolute;
        left: -10000px;
        top:-40px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        color: #0068d6;
 
    }

        .skipnav a:focus, .skipnav a:active {
            position: static;
            left: 0;
            width: auto;
            height: auto;
            overflow: visible;
            text-decoration: underline;
            padding: .5rem;
            background: #fff;
        } 
h1, h2, h3, h4, h5
{
    color:#16294b;

  
}
h2{font-size:1.6rem;}
h3 {
    font-size: 1.4rem;
}
h4 {
    font-size: 1.2rem;
}
h5 {
    font-size: 1.1rem;
}

.itemCaption, .itemCaption a, .itemHeader, .itemHeader a, .boldTextColor, .itemCaptionNoFl, .itemCaptionNoFl a
{
    color:#16294b;

}



#slideshow {
    width: 610px;
    max-width: 610px;
    height: 407px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    outline: 10px solid #fff;

}

.slideimage IMG
{
    width: 610px;
    height: 407px;
    

}



a.dayLink:hover span {
    border: 1px solid #C7BF9B;
    background-color: #DDDDFF;
}



.frontButton {

    min-height: 60px;
    margin: auto;
    background: #356393;
    background: -webkit-linear-gradient(#356393, #092449);
    background: -o-linear-gradient(#356393, #092449);
    background: -moz-linear-gradient(#356393, #092449);
    background: linear-gradient(#356393, #092449);
    border: 1px solid #092449;
    display:flex;
    margin-bottom:5px;
}

.frontButtonText {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 100%;
    font-family: arial;
    color: #2A1C0A;
    flex: 1;
    padding-right: 5px;
    padding-left: 12px;
    color: #fff;
}

.frontButtonText a
{
           color:#ffffff;
}

.frontButtonIcon {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:3px;
    margin-right:3px;
    width:50px;
    text-align:center;
   
}
    .frontButtonIcon img {
      
        max-height:45px;
    }
    .frontLeft a .frontMenuI, .frontLeft a
{

}

.frontMenuI, .frontMenuI a {
    text-decoration: none;

    color: #2A1C0A;
}

    .frontMenuI a:hover {
        color: #2A1C0A;
        text-decoration: underline;
    }

.catMenu, .catMenu a {
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: transparent;
    font-size: 1.2rem;
}

@media (min-width:1500px) {
    .catMenu, .catMenu a {
        font-size: 1.5rem;
    }
}
        .calendarBox {
        padding-bottom: 10px;
    }
.FrontBG
{
   
background:rgba(255,255,255,.9);

}
.calFrontTitle {
    color: #356393;
    font-size: 1.2rem;
    font-weight: bold;
    background: url(../images/calbg.jpg) top left repeat-x;
    margin: 6px;
}
.calFrontHead
{
    color:#835D1C;
    font-weight:normal;
}

.calFrontDay
{
    color:#716150;
    font-weight:normal;
    padding-top:6px;
}

.dayLink {
    background: #356393;
    color: #FFFFFF !important;
    display: block;
   	padding: 2px;
	margin: 0px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	position:relative;
}

.frontMobileHeader
{
    padding-top: 20px;
}
.mobileHeader {
    background: #356393;
    margin-bottom: 5px;
    width: 50px;
}

.mobileSiteName, .mobileSiteName a
{
color:#ffffff;
text-decoration:none;
}

.dayPop {
    z-index: 100;
    background-color: #FFFFFF;
    border: 1px solid #C7BF9B;
    color: #16294b;
}

.frontNewsImage
{
    padding-top: 15px;
}

.frontNewsTitle a {
    font-weight: bold;
    color: #0b264c;
}
.frontNewsMore a {
    color: #333333;
    text-decoration:underline;
}
.frontCalendarDate {
    color: #0b264c;
    font-weight: bold;
    padding-top:15px;
}
.frontCalendarTime
{
    font-size:1rem;

}

.frontCalendarItem a {
    color: #333333;
    text-decoration:underline;
}
.frontNewsItem
{
    padding-left: 3px;
}
.frontSummary {
    padding-bottom: 10px;
}
.moreNews a, .moreCal a
{
    color: #FFFFFF;
  
}

.moreNews, .moreCal {
    background-color: #356393;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
}
@media (min-width:576px) {
    .moreNews, .moreCal {
        width: 200px;
        float: right;
    }
}

/********
    Emergency Alert    
********/
.eAlert {
    background: #000;
    border-bottom: 2px solid #EB0000;
    min-height: 50px;
}

.alertBG {
    max-width: 90%;
    margin: auto;
    background: url(../images/alertbg.png) center left no-repeat;
}

.eAlertIn {
    padding-top: 12px;
    padding-bottom: 5px;
    padding-left: 150px;
    color: #EB0000;
    min-height: 50px;
    font-size: 1.1em;
}

    .eAlertIn a {
        color: #EB0000;
    }


/********
    Second Page   
********/




.secondContainer {

    background-color: #FFFFFF;

}

        .sRight a  {
        color: #0068d6;
        text-decoration:underline;
    }
    /********
    Second Page   
********/
    .pageRight{max-width:400px;}

.pageLeftNoHigh {
    padding-right: 15px;
}
.highHeader {
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #1d406a;
    font-size: 1.2rem;
}

.highContent
{
    padding-left: 5px;
    padding-right: 5px;

	text-align: left;
	color:#16294b;
        font-size:100%;
	overflow: hidden;
}

.highContent a
{
	color:#16294b;
}

.highFooter
{

}

.footerSocial img
{
    width: 50px;
}
@media (min-width:992px) and (max-width:1200px)
{.footerSocial img {
    width: 40px;
}
}
.pboxContainer
{
      background-color: rgba(256, 256, 256, 0.6);
      padding-top: 8px;
}

.ppageContainer
{

}

.wrapper
{

}

.mainContainer
{
    position:relative;
	width: 100%;
	text-align: left;
	z-index: 10;

}

.header {
    min-height:160px;
    background: url(../images/headerstack.png) top center no-repeat;
    background-size:contain;
    width: 100%;
    text-align:center;
    padding-top:10px;
}
.header img{max-width:100%;}

@media (min-width:768px){
    .header {
        background: url(../images/header.png) bottom center no-repeat;
        background-size: contain;
    }
    }

        .menuBar {
    background: #356393;
    background: -webkit-linear-gradient(#356393, #092449);
    background: -o-linear-gradient(#356393, #092449);
    background: -moz-linear-gradient(#356393, #092449);
    background-image: linear-gradient(#356393, #092449);
    border-top: 4px solid #a82614;
    height: 65px;
    width: 100%;
}

.menuMain
{
width:100%;
max-width:1400px;
margin-left:auto;
margin-right:auto;
}

/**** MENU*/


.menuItem {
    z-index: 10001;
    font-family: Arial;
    padding-left: 8px;
    margin: 0px;
    font-size: 100%;
    white-space: normal;
    background-color: #F3EFE3;
    color: #584F34;
    border-bottom: solid 1px #9B9270;
    min-height: 20px;
    width: 200px;
    overflow: visible;
}

    .menuItem:hover {
        background-color: #1d406a;
        overflow: visible;
        cursor: pointer;
    }
    .menuItem a {
        color: #584F34;
    }

    .menuItem:hover a {
        color: #fff;
    }

.levelSub {
    border-top: solid 1px #9B9270;
    border-left: solid 1px #9B9270;
    border-right: solid 1px #9B9270;
    color: #ffffff;
}



.sideItem, .sideItemHC, .sideMenuItem {
    background-color: #ffffff;
    padding-left: 15px;
    border-bottom: solid 1px #CEC6B8;
    color: #16294b;

}
    .sideItem a, .sideItemHC a, .sideMenuItem a
    {
        color: #16294b;
            padding-left: 9px;
    }

    .sideItem:hover, .sideItemHC:hover, .sideMenuItem:hover {
        background-color: #16294b;
        color: #ffffff;
    
    }
        .sideItem:hover a, .sideItemHC:hover a, .sideMenuItem:hover a {
            color: #ffffff;
        }

.sideItemParent {
    background: #355a88;
    min-height: 40px;
}

.sideItemSelect, .sideItemSelect a {
    background: #9a2215;
    color: #fff;
    padding-left: 10px;
}



/**** END MENU****/

.frontPageContainer
{
	width:90%;
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
       overflow:auto;
      display:flex;
      background: #ffffff;


}

.frontLeft
{
    width:25%;
	max-width:240px;
 
    overflow: hidden;
    display: flex;

}
.frontRight
{

 
    width:25%;
	overflow: hidden;
    display: flex;
}

.frontCenter
{
  display: flex;
    width:50%;
    overflow: hidden;
    margin-left:8px;
}
.dateChoices{padding-bottom:20px;}
#txtSiteSearch 
{
    border: none;
    width: 90%;
}
.searchText{border:none;}
.pageSearch {
    padding-bottom: 50px;

}
.notFoundIn{font-style:italic;}
 .searching {
    width: 100%;
    max-width: 500px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 5px;
    margin: auto;
    margin-bottom: 10px;
}

.searchLeft {
    float: left;
    width: 80%;
}

.searchRight {
    float: left;
    width: 20%;
    text-align:right;
}

.searchImage{
    width: 25px;
}

.frontSpacer
{
    height:210px;
    }
    
.contentContainer
{
    padding:10px;

}


.frontNewsBG
{

	padding:8px;
	margin-top:20px;
}

.frontPageHeading {

    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    width: 98%;
}

    .frontPageHeading h1 {
        font-family: 'Italianno', cursive;
        font-size: 3rem;
        color: #0b264c;
        font-weight:normal;
    }
    .FooterBackground {
 
    background: #356393;
    background: -webkit-linear-gradient(#356393, #092449);
    background: -o-linear-gradient(#356393, #092449);
    background: -moz-linear-gradient(#356393, #092449);
    background-image: linear-gradient(#356393, #092449);
}

    .FooterBackground, .FooterBackground a {
        color: #FFFFFF;
    }

.footerName{font-size:1.3rem;}



.pageTitle, .calTitleStyle {
    color: #092449;


}
.pageTitleCon {
    border-bottom: 1px solid #092449;
}
.noteBox, .groupHeader {
    background: #f1f5f7;
    color: #092449;

}

.calDayHeader
{
    background:#16294b;  
    color: #ffffff;
    border: 1px solid #16294b; 
    text-align:center;
}

.calDay
{
	text-align: left;

	vertical-align: top;
	font-family: arial;




	
}

.calToday {
    background: #ece6d2;
}
table.tableData
{
	width:100%;
	border:1px solid #C2BDA1;
	background-color:#fffcee;
	border-collapse:separate;
}

.tableData td
{
	border:0;
	border-top:1px solid #c3bfa7;
	padding:4px;
	margin:0;
}

.tableData th, .tableDataHdr {
    padding: 6px;
    font-size: 1rem;
    font-weight: bold;
    color: #ffffff;
    background: #355a88;
}

.tableDataHdr a, 
.tableData th a
{
	color: #ffffff;
}

.breadCrumb, .breadCrumb a {
    color: #656565;

}
.tdCaption, .itemCaption {
    color: #6d6d6d;
}
.returnText {
    font-size: 1rem;
    font-weight:normal;
}
.rounded
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.frontCustomCon {display:none;}
.formLeft {
    width: 30%;
}

.formRight {
    width: 65%;
}

@media all and (max-width: 999px) and (min-width: 50px) {
    .frontPageContainer {
        background-image: none;
        background-color: #FFFFFF;
    }
}

@media all and (max-width: 1499px) and (min-width: 50px) {

    .slideimage IMG {
        width: 100%;
        height: unset;
    }
    #slideshow  {
        width: 100%;
 
    }

 
}
.calFrontHead {text-align:center;}
.calendarBox {
    background: #f3edde;
    background: -webkit-linear-gradient(#f3edde, #ffffff);
    background: -o-linear-gradient(#f3edde, #ffffff);
    background: -moz-linear-gradient(#f3edde, #ffffff);
    background: linear-gradient(#f3edde, #ffffff);
    border: 1px solid #e2d7ba !important;
}

.MiddleSection {
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, #d7cfb6), color-stop(0.52, #EFECDA), color-stop(1, #d7cfb6), color-stop(1, #EFECDA) );
    background-image: -o-linear-gradient(left, #d7cfb6 0%, #EFECDA 52%, #d7cfb6 100%, #EFECDA 100%);
    background-image: -moz-linear-gradient(left, #d7cfb6 0%, #EFECDA 52%, #d7cfb6 100%, #EFECDA 100%);
    background-image: -webkit-linear-gradient(left, #d7cfb6 0%, #EFECDA 52%, #d7cfb6 100%, #EFECDA 100%);
    background-image: -ms-linear-gradient(left, #d7cfb6 0%, #EFECDA 52%, #d7cfb6 100%, #EFECDA 100%);
    background-image: linear-gradient(to left, #d7cfb6 0%, #EFECDA 52%, #d7cfb6 100%, #EFECDA 100%);
}

.footerLeft{margin:auto;}

@media (min-width:450px)and (max-width: 991px) {

    .frontButton {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        min-height: 75px;
        display: flex;
    }
}
@media  (max-width: 991px) {

    .moreNews {
        margin-top: 8px;
    }


    .mobileSiteName {
        display: none;
    }


    .footerSocial, .footerLeft {
        text-align: center;
    }

    .frontLeft, .space {
        display: none;
    }

    
}
.RadSocialShare {
    background: #fff !important;
}

@media (max-width:400px)
{.tinyHide{display:none;}
    .mobileDiv {
        display: block;
    }
}



h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.6rem
}

h3 {
    font-size: 1.4rem
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

.siteButton {
    background: #9a2215;
    color: #fff;
    padding: 10px;
    border-radius:5px;
    text-align:center;
    max-width:300px;
    margin:auto;
}
    .siteButton a {
        color: #fff;
    }
    .table-striped{width:100%;}
        .table-striped td {
            padding: 4px;
        }
        .topline a{background:#fff;padding:10px;}