/******
    Main Site   3
********/

body
{
	text-align: center;
	font-family: Arial;
	font-size: 100%;
    
    background: url(../images/bg.jpg) top center no-repeat #ffffff;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background-attachment: fixed;
    background-size: cover;
}

.logoBG {
    background: url(../images/logo3.jpg) no-repeat #ffffff;
    background-position: bottom center;
}
h2, h2 a
{
    color:#1e2a66;
        font-size: 130%;
}

.itemCaption, .itemCaption a, .itemHeader, .itemHeader a, h1, h1 a, h3, .boldTextColor, .itemCaptionNoFl, .itemCaptionNoFl a
{
    color:#1e2a66;
            font-size: 110%;
}

.gradient {
    background: #1e2a66;
    background: -webkit-linear-gradient(#1e2a66, #084d19);
    background: -o-linear-gradient(#1e2a66, #084d19);
    background: -moz-linear-gradient(#1e2a66, #084d19);
    background: linear-gradient(#1e2a66, #084d19);
}

#slideshow
{
    width: 610px;
    max-width:610px;
    height: 407px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    outline: 15px solid #fff;

}

.slideimage IMG
{
    width: 610px;
    height: 407px;
    

}



.dayLink
    {background: #AD8540;color: #FFFFFF;}

a.dayLink:hover span
    {   border: 1px solid #C7BF9B;
background-color:#DDDDFF;}



.frontButton {
    background: url(../images/buttonbg.png) top center no-repeat;
    background-size:100% 100%;
    min-height:65px;
    text-align:center;
}

.frontButtonText {
    padding-top: 12px;
    font-size: 100%;
    font-family: times;
    font-size:1.3rem;
    color: #1e2a66;
    width: 100%;
    padding-right: 5px;
}

    .frontButtonText a {
        color: #1e2a66;
    }

.frontButtonIcon {
  display:none;
}



.frontLeft a .frontMenuI, .frontLeft a
{
    text-decoration: none;
}

 .frontMenuI, .frontMenuI a
    {
  
        text-decoration: none;

    color:#1e2a66;

}

.frontMenuI a:hover
{

    color:#1e2a66;
    text-decoration: underline;
}

.catMenu, .catMenu a
{

    font-family: Times;
    background-color: transparent;

    font-size: 130%;

}


    .calendarBox {
        padding-bottom: 10px;
    }
.rightFrontSubContainer
{
    padding:10px;
background:#ffffff;

}
.calFrontTitle
{
    color:#1e2a66;
    font-size:110%;
    font-weight:bold;
    background: url(../images/calbg.jpg) top left repeat-x;
    margin:6px;
}
.calFrontHead
{
    color:#835D1C;
    font-weight:normal;
    text-align:center;
}

.calFrontDay
{
    color:#716150;
    font-weight:normal;
    padding-top:6px;
}

.dayLink
{
   display: block;
	background: #1e2a66;
	padding: 2px;
	margin: 0px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	color: #FFFFFF;
	position:relative;
}

.frontMobileHeader
{
    padding-top: 20px;
}
.mobileHeader {
    background: #1e2a66;
    margin-bottom: 5px;
}

.mobileSiteName, .mobileSiteName a
{
color:#ffffff;
text-decoration:none;
}

.dayPop {
    z-index: 100;
    background-color: #FFFFFF;
    border: 1px solid #C7BF9B;
    color: #1e2a66;
}

.frontNewsImage
{
    padding-top: 15px;
}

.frontNewsTitle a
{
    font-weight: bold;
    color: #1e2a66;
}
.frontNewsMore a 
{
    color: #1e2a66;

}
.frontCalendarDate
{
    color: #1e2a66;
    font-weight: bold;
    padding-left: 7px;
}
.frontCalendarTime
{
    font-size:100%;

}

.frontCalendarItem a 
{
         color: #1e2a66;
}
.frontNewsItem
{
    padding-left: 3px;
}
.frontSummary {
    padding-bottom: 10px;
}
.moreNews a, .moreCal a {
    color: #1e2a66;
    font-size: 100%;
}

.moreNews, .moreCal {
    background-color: #d6b436;
    width: 80px;
    text-align: center;
    float: right;
    padding-right: 0px;
}

/********
    Emergency Alert    
********/

.eAlertIn
    {color: Red;background-color: #FFDDDD;}

.eAlertIn a
    {color: Red;}


/********
    Second Page   
********/




.secondContainer {

    background-color: #FFFFFF;

}

.secondLeft
{
    padding-top:5px;
    width: 25%;
    max-width:350px;
       min-height: 400px;
       position: inherit!important;

}

.secondRight {
    width: 74%;
    max-height: 100%;
    padding-right: 10px;
    padding-left:20px;
}
    .secondRight a  {
        color: #0068d6;
        text-decoration:underline;
    }
    /********
    Second Page   
********/
    .pageRight{max-width:250px;}
    .highItem {
    width:250px;
}

.highHeader {
     padding-top: 8px;
    background: #d6b436;
    color: #1e2a66;
    min-height: 40px;
    font-weight:bold;
}

.highContent
{
    padding-left: 5px;
    padding-right: 5px;

	text-align: left;
	color:#1e2a66;
        font-size:100%;
	overflow: hidden;
}

.highContent a
{
	color:#1e2a66;
}

.highFooter
{

}

.footerSocial img
{
    width: 50px;
}


.pboxContainer
{
      background-color: rgba(256, 256, 256, 0.6);
      padding-top: 8px;
}

.ppageContainer
{

}

.wrapper
{

}

.mainContainer
{
	width: 100%;
	text-align: left;
	z-index: 10;

}

.header {

    height: 215px;
    width: 100%;
    text-align:left;
    z-index:100;
    position:relative;
}
.header img{max-width:100%;}

.menuBar {
    background: url(../images/menubg.png) top center no-repeat;
    /*position:relative;*/
    z-index:2;
    height:80px;
    width: 100%;
}

.menuMain
{
width:100%;
max-width:1440px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}

/**** MENU*/


.menuItem {
    z-index: 10001;
    font-family: Arial;
    padding-left: 8px;
    margin: 0px;
    font-size: 100%;
    white-space: normal;
    background-color: #1e2a66;
    color: #FFFFFF;
    border-bottom: solid 1px #5980a8;
    min-height: 20px;
    width: 200px;
    overflow: visible;
}

    .menuItem:hover {
        background-color: #d6b436;
        overflow: visible;
        cursor: pointer;
    }
    .menuItem a {
        color: #ffffff;
    }

    .menuItem:hover a {
        color: #1e2a66;
    }

.levelSub {
    border-top: solid 1px #5980a8;
    border-left: solid 1px #5980a8;
    border-right: solid 1px #5980a8;
    color: #ffffff;
}



.sideItem, .sideItemHC, .sideMenuItem 
{
    background-color: #ffffff;
    padding-left: 15px;
     border-bottom: solid 1px #CEC6B8;
             color: #1e2a66;
}
    .sideItem a, .sideItemHC a, .sideMenuItem a
    {
        color: #1e2a66;
            padding-left: 9px;
    }

    .sideItem:hover, .sideItemHC:hover, .sideMenuItem:hover {
       
        background: #d6b436;
        color: #1e2a66;
    }
        .sideItem:hover a, .sideItemHC:hover a, .sideMenuItem:hover a {
            color: #1e2a66;
        }

.sideItemParent {
    background: #1e2a66;
    background: -webkit-linear-gradient(#5980a8, #1e2a66);
    background: -o-linear-gradient(#5980a8, #1e2a66);
    background: -moz-linear-gradient(#5980a8, #1e2a66);
    background: linear-gradient(#5980a8, #1e2a66);
    border-bottom: 1px solid #5980a8;
    min-height: 40px;
}

.sideItemSelect, .sideItemSelect a {
    background-color: #1e2a66;
    color: #ffffff;
    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;
}

#txtSiteSearch, #txtSearch
{
    border: none;
    width: 90%;
}

.searching
{
  
    margin-left: auto;
    margin-right: auto;
    width:100%;
    text-align:center;
    background-color:#FFFFFF;
    padding-top: 5px;
    border: solid 1px #CCCCCC;
}

.searchImage{
    width: 25px;
}

.frontSpacer
{
    height:210px;
    }
    
.contentContainer
{
    padding:10px;

}


.frontNewsBG
{

	padding:8px;
	margin-top:20px;
}

.frontPageHeading
{

    font-family: Times;
    font-variant:small-caps;
    font-size: 180%;
    color:#1e2a66;
    padding-top:8px;
    padding-bottom: 8px;
    padding-left:4px; 
    width:98%;
}




.footerName{font-size:1.4rem;}

.mainFooter {
    background: #1e2a66;
    width: 100%;
    min-height: 160px;
    line-height: 20px;
}

.mainFooter, .mainFooter a
{
    color: #FFFFFF;
    font-size: 100%;
    font-family:arial;
}

.footerMin
{
max-width: 1300px;
margin-left: auto;
margin-right: auto;

}
.footerLeft
{
    float:left;
    width:15%;
    padding-top:5px;

}

.footerCenter
{
    float:left;
    width:70%;
    text-align:center;
    padding-top:5px;

  
}

.footerRight
{
    float:right;
    width:15%;
    text-align:right;
    padding-top:5px;

 
}

.pageTitle {font-size:170%;}
.pageTitle, .calTitleStyle {
    color: #1e2a66;
    ;
}
.pageTitleCon
{
    border-bottom:1px solid #1e2a66;
}
.noteBox, .groupHeader {
    background: #f1f5f7;
    color: #1e2a66;
}

.calDayHeader
{
    background:#1e2a66;  
    color: #ffffff;
    border: 1px solid #1e2a66; 
}

.calDay
{
	text-align: left;

	vertical-align: top;
	font-family: arial;




	
}

.calToday {
    background: #f1f5f7;
}
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: 100%;
    font-weight: bold;
    color: #ffffff;
    background: #1e2a66;
}

.tableDataHdr a, 
.tableData th a
{
	color: #ffffff;
}

.breadCrumb, .breadCrumb a {
    color: #6d6d6d;
    text-decoration: none;
}

.returnText{font-size:1rem;}
.rounded
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.frontCustomCon {display:none;}



.formTextBox {
    width: 100%; min-height:30px;
}
.formLeft{width:30%;}.formRight{width:50%;}
.searchLeft{float:left;width:80%;}
.searchRight {
    float: left;
    width: 20%;
}
.RadSocialShare{background:#fff;}

.centerFront
{   border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: #f0f2f8;
    padding-top:15px;
}

.calView {
    background: linear-gradient(#eeeeee, #fff);
    border: 1px solid #cccccc !important;
    padding-left: 10px;
}

    @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%;
        }
    }