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

body
{
    font-family: Arial;
	background: url(../images/bg.jpg) top center no-repeat #d4d6d5;
    color: #000000;
	background-size:cover;
	background-attachment:fixed;

}
.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;
        } 
.topMenuBar
{
    width: 100%; height: 60px; position: absolute; top: 0; left: 0; background:rgba(0,0,0,.7);
 z-index: -1;
}

h2, h2 a
{
    color:#4b535e;
    font-size:1.4em;
    font-weight:600;
}



.itemCaption, .itemCaption a, .itemHeader, .itemHeader a, h1, h1 a, h3, .boldTextColor, .itemCaptionNoFl, .itemCaptionNoFl a
{

}

.itemHeader
{

}
li
{
padding-bottom:12px;
}

#slideshow
{
 
    max-width: 800px;
    
    height: 512px;
    margin-left: auto;
    margin-right: auto;
    


    overflow: hidden;
    border: solid 8px #FFFFFF;

}

    #slideshow DIV.slideshow IMG {
        width: 800px;
        height: 512px;
    }

.slideimage IMG
{
    
    max-width: 100%;


}
.slideimageSingle, .slideimageSingle IMG {
    max-width: 100%;
}




.frontLeftCon {
    float: left;
    margin: 0px;
    text-align: left;
    width: 25%;
}

.frontRightSpace{
    width: 25px;
    float: left;

}
.frontRightBigCon
{
    float: left;
   width: 45%;

}


.frontRightSmallCon
{
    float: right;
    width: 25%;

}

.frontHeading, .frontHeadingFull {
    font-family: Times;
    width: 100%;
    min-height: 35px;
    background: #4b535e;
    color: #ffffff;
    font-size: 1.7rem;
    padding:10px;
    text-align: left;
}

.frontHeadingFull{
    width: 100%;
}


.frontHeadingIn
{
    padding-left: 15px;
}
.frontBody a
{text-decoration:none;
  
}

.frontBody, .frontBodyFull
{
 

    background: rgba(255,255,255,.9);


    overflow: hidden;
      
}

.frontBodyFull{
    width: 100%;
}

.frontBodyIn
{
    padding: 10px;
    text-align: left;
}


.frontLogo{
    width: 90%;
    padding-bottom: 10px;

}

.frontButton {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #3b75bf;

}

.frontButtonText {
    font-size: 20px;
    font-family: Times;
    width: 85%;
    margin: auto;
    padding-left:20px;
}
.frontButtonIcon {
    display: none;
}
.frontMenuI
{
    color:#4b535e;
    font-weight: bold;
}

.frontLeft a
{
    text-decoration: none;
}

.frontLeft a:hover
{
    text-decoration: underline;
}

.calendarBox
{
    padding-bottom: 10px;

}

.calFrontTitle
{
    color:#4b535e;
        font-weight:bold;
        font-size:120%;

}

.calFrontHead {
    color: #4b535e;
    font-weight: normal;
    background: #e7eaec;
}

.calFrontDay
{
    padding-top:10px;
    font-weight:normal;
}
.dayLink
{
   display: block;
   background: #3b75bf;
	padding: 2px;
	margin: 0px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	color: #FFFFFF !important;
	position:relative;
}


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


.frontMobileHeader
{
    padding-top: 20px;
    }
    


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

}

.frontNewsImage
{
    padding-top: 15px;
}

.frontNewsTitle a, .frontNewsMore a 
{
    font-weight: bold;
        color: #4b535e;

}

.frontCalendarDate
{
    color: #4b535e;
    font-weight: bold;
    padding-left: 0px;
}
.frontCalendarTime, .frontCalendarLink, .frontCalendarItem
{
    color:#4b535e;
    padding-left: 0px;
}

.frontCalendarItem a 
{
         color: #4b535e;
}
.frontNewsItem
{
 
    padding-left: 3px;
}

.frontCalendarLink a:hover, .frontNewsTitle a:hover, .frontBody a:hover
{
    text-decoration:underline;
}

.moreNews a, .moreCal a {
    color: #ffffff;
    background: #3b75bf;
    padding: 8px;
}


/********
    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   
********/



.secondRow
{

    background-color: #fff;
   

}


.secondLeft
{
     
    float: left;
    width: 25%;

  
       min-height: 450px;

}

.secondRightContent
{
    width: 100%;
    background-color: #FFFFFF;
    padding: 10px;
    overflow-x: hidden;

}

.secondRight{
  
    float:right;
margin-top:8px;
    width: 73%;
    /*padding-left: 10px;*/
 
  min-height:600px;
overflow-y:hidden;
overflow-x:hidden;

}



.breadCrumb a
{
    color:#858585;
}


.pageBottom
{
    min-height:133px;
    width:100%;
      background-color: #0c2548;
  margin-bottom: 0px;
  padding-bottom: 0px;

}

.myFooter {
    line-height: 1.8;
    font-size: 1.2rem;
    min-height: 280px;
    background: url(../images/footerbg.jpg) top center no-repeat #464d57;
    border-top: 8px solid #3b75bf;
    padding-top: 10px;
    color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
}

.footerName
{
    font-size:1.4rem;   
}


.myFooter a
{
    color: #ffffff;
    text-decoration:underline;
}


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



.highHeader

{
	
	min-height:27px;
	padding: 8px; 

 	font-family: Arial,sans-serif;
	font-size:1rem;
	font-weight:bold;
	text-align: center;
	vertical-align: top;
background:#3b75bf;


  color: #ffffff;
    	
}

.highContent
{

	text-align: left;
	color:#4b535e;


}

.highContent a
{
	text-decoration:underline;


}

.highFooter
{


	
	height:15px;
	margin-bottom:15px;
 

}



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

.ppageContainer
{

}

.wrapper
{
    
}


.header
{
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1000px;
	height: 195px;
    background: url(../images/header.png) top left no-repeat;
	
}
.topline
{
width:300px;
float:right;


}

/**** MENU*/


.menu
{

		height:57px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:1000px;
position:relative;
	z-index:99;
    
}

.catMenu, .catMenu a
{
    color:#ffffff;
      font-family: Times;
    font-size: 1rem;
}
@media (min-width:1200px) {
    .catMenu, .catMenu a {
        font-size: 1.5rem;
    }
}
.menuItem
{
      z-index: 10001;
    font-family: Arial;
    padding-left: 8px;
    margin: 0px;

    white-space: normal;
    background-color: #133454;
    color: #ffffff;
    border-bottom: solid 1px #112e52;
    min-height: 20px;
    width: 200px;
    overflow: visible;
}
.menuItem a
{
    color: #142a52;
}

.menuItem:hover
{

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

.sideItem, .sideItemHC, .sideMenuItem 
{
    background-color: #ffffff; 
    color: #4b535e; 
    border-bottom: 1px solid #4b535e;
    border-top:0px;
  
}
    .sideItem a, .sideItemHC a
    {
            color: #4b535e; 
    }

    .sideItem:hover, .sideItemHC:hover, .sideMenuItem:hover {
        background-color: #AB1214;
        color: #ffffff;
    }

    .sideItem:hover a, .sideItemHC:hover a, .sideMenuItem:hover a
    {
        color: #ffffff;
    }

.sideItemParent
{
background:#3b75bf;


  color: #ffffff;

}
.sideItemParent a
 {   color:#ffffff;

}

.sideItemParent:hover
{

}

.sideItemSelect
{
  background:#4b535e;

    color: #ffffff;
}

.sideItemSelect a
{
    color: #ffffff;
}

.sideMenuUnder
{background-color:#ffffff;

}


/**** END MENU****/




.topHeader
{
    padding: 0;
    margin: 0;
     /*   background:#1b3c79;
  background: -webkit-linear-gradient(#5072a2, #1b3c79); 
  background: -o-linear-gradient(#5072a2, #1b3c79);  
  background: -moz-linear-gradient(#5072a2, #1b3c79);  
  background: linear-gradient(#5072a2, #1b3c79);*/ 
    height: 50px;
    width: 100%;
    overflow: hidden;
}

.topHeaderIn{
    width: 80%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 0px;
    height: 45px;
    
}


.frontPageContainer
{
width:1000px;
margin-left:auto;
margin-right:auto;
    overflow:auto;
    background: url(/common/images/frontbg.jpg) top left repeat-y #ffffff;
        display: flex;
        padding-top:5px;
        padding-bottom:10px;
}





.secondLeft img
{
    max-width: 100%;
}
/*

.topLeft
{
    float:left;
     margin:0px;

    text-align: center;
     width: 25%;
    background-color: transparent;
 

}
.topRight
{
float:right;
margin-top:4px;
    width: 74%;

    text-align: center;
  
  min-height:290px;
overflow:hidden;
}

*/
.frontCenter
{
    width:462px;
    float:left;

    overflow: hidden;
}

#form1{
    padding: 0px;
    margin: 0px;
    width: 100%;
    
}

.searchText{
    border: 0;
    float: left;
        padding-left: 10px;
        margin-top:5px;
}

.searchBoxDiv
{
        float:right;
    width:260px;
        height:35px;
        
        border: solid 1px #CCCCCC;
        padding-right: 5px;
        padding-left: 10px;
        background-color: #FFFFFF;

}
.searchBoxDiv2
{
        float:right;
    width:260px;
        height:35px;
        
        border: solid 1px #CCCCCC;
        padding-right: 5px;
        padding-left: 10px;
        background-color: #FFFFFF;
        margin-bottom: 8px;
}

.searchButton
{
    width: 25px;
    float: right;
    padding-top: 3px;
}
 .searchImage {height:35px;}   
.contentContainer
{
    padding:10px;

}

.frontLeft
{
   
 }   
.frontCenter a
{

}




.frontRight
{

    float:left;
    width:538px;

	overflow: hidden;

}
.leftCalendar
{
    float:left;
    width:250px;
}
.rightCalendar
{
    float:right;
    width:230px;
    text-align:left;
}

.mainAddressLeft
{
    float:left;
    width:200px;
    padding-top:5px;
}

.mainAddress
{
    float:left;
    width:590px;
    text-align:center;
    padding-top:5px;
}

.mainAddressRight
{
    float:left;
    width:200px;
    text-align:right;
    padding-top:5px;
}

.pageTitle, .calTitleStyle
{
    	color:#4b535e;
         font-size:1.7rem;

}
.pageTitleCon
{
    border-bottom: 1px solid #4b535e;
    width: 98%;
}
.calTitleStyle {background:#fff; }
.calNextPrev {font-size:1rem; padding:5px;}.noteBox, .groupHeader {
    background: #e7eaec;
}

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

.calDay
{
	text-align: left;

	vertical-align: top;




	
}

.calToday {
    background: #e7eaec;
    border: solid 1px #76705A;
}

table.tableData
{
	width:100%;
	border:1px solid #C2BDA1;

	border-collapse:separate;
}

.tableData td
{
	border:0;
	border-top:1px solid #c3bfa7;
	padding:4px;
	margin:0;
}

.tableData th, .tableDataHdr
{
	padding: 6px;

	font-weight: bold;

	color: #ffffff;
	background: #4b535e;

}

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


.mobileHeader {
    color: #ffffff;
    background: rgba(0,0,0,.7);
    width:50px;
}

.mobileHeader a, .mobileSiteName
 {
    display:none;
    }


.bigMenuCon
{
    
    width: 100%;
    background: rgba(0,0,0,.9);
    color: #FFFFFF;
    position: absolute;
    z-index: 101;
    padding-top: 25px;
    padding-left: 40px;
    padding-bottom: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.bigMenuConIn
{
    width: 100%;
    display: flex;
}



.menuCol{
    text-align: left;
    width: 30%;
}

.menuCol h1
{
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    color: #FFFFFF;
    font-size: 15pt;
}

.menuCol h1 a, .menuCol h4 a
{
    color: #FFFFFF;
    text-decoration: none;
}

.menuCol h1 a:hover, .menuCol h4 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.menuCol h4{
    padding-left: 25px;
    font-weight: normal;
    font-size: 13pt;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menuCol h5{
    padding-left: 50px;
    font-weight: normal;
    font-size: 13pt;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}



.RadSocialShare {
    background-color: transparent !important;
}
.footerSocial img{max-width:50px;}
.menuBar{height:60px;}
.searchingBox {
    width: 380px;
    max-width: 90%;
    margin: auto;
    height: 42px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: right;
}
.topSearch{width:100%;}
.searchingBox2 {
    width: 380px;
    height: 48px;
    background-color: #ffffff;
    margin-top: 20px;
}
.searchingText {
    float: left; 
}
    .searchText {
    border: 0px;
    padding-top:4px;
    font-size: 1rem;
}

.searchGo {
    float: right;
    padding: 4px;
    height: 35px;
}
.sRight a {
    color: #0068d6;
    text-decoration: underline;
}
.sLeft {
    position: inherit;
}
.sLeft a {
    text-decoration: none;
}

.pageSearch {
    padding-bottom: 40px;
    font-size: 1rem !important;
}
.breadCrumb, .breadCrumb a {
    color: #757575;
}

.pageLeftHigh, .pageRight, .highItem {
    width: 100%;
}
.notFoundIn {
    font-style: italic;
}
.formLeft {
    width: 30%;
}

.formRight {
    width: 65%;
}
.formTextBox {
    width: 60%;
    height: 35px;
}
.staffLinePhone {
    width: 180px;
}


    @media (max-width:992px) {
        .calendarGrid {
            display: none;
        }

        .topMenuBar {
            display: none;
        }
    }

    .fLeft, .fCenter, .fRight{text-align:center;}
@media(min-width:993px){
    .fLeft{text-align:left;}
    .fRight {
        text-align: right;
    }
    .secondRow{background:transparent;}
    .pageLeftHigh {
        width: 72%;
    }

    .pageRight {
        width: 26%;
    }
    .frontbody {
        height: 575px;
    }
    .slideHolder {
        background: url(../images/slidebg.png) top center no-repeat;
        background-size: 100% 100%;
    }
}


@media (max-width:1199px){
    .calView{display:none;}}

@media all and (max-width: 999px) and (min-width: 50px)
{
    .frontPageContainer
    {
        background-image: none;
        background-color: #FFFFFF;
    }


      .leftCalendar
         {
          display:none;
         }
      .rightCalendar
      {
         float:left;
         width:95%;
         padding-left:8px;
         margin-left: auto;
         margin-right: auto;
       }

      .leftCenter{float:none; width:100%; text-align:center; padding-top:10px;}
    


}