body
{
background-color:#FFFFFF;
font-family:verdana;
color:#555555;
font-size:13px;
margin-top:0px;
}
p
{
font-family:Verdana;
font-size:13px;
font-weight:normal;
color:#555555;
text-align:left;
}
#banner_1
{
font-family:"Verdana";
padding-top:10px;
padding-left:10px;
padding-right:10px;
font-size:44px;
color:#FFFFFF;
background-position:right;
background-image:url(./myTes/images/topBanne.jpg);
background-repeat:repeat-x;
}

#menuBarBackground
{
font-family:verdana;
color:#555555;
font-size:11px;
padding-left:10px;
vertical-align:middle;
background-position:right;
background-image:url(./myTes/images/menuBar.jpg);
background-repeat:repeat-x;
}
#bannerBackground
{
background-position:right;
background-image:url(./myTes/images/banner.jpg);
background-repeat:no-repeat;
width:150;
}
#bannerImage
{
background-position:top;
background-image:url(./myTes/images/bannerImage1.JPG);
background-repeat:no-repeat;
background-size:100% 260px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
            (src='/myTes/images/bannerImage1.JPG',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/myTes/images/bannerImage1.JPG', sizingMethod='scale')";

}

#test {
display: block;
width: 100%;
height: 260px;   
background-image:url(./myTes/images/bannerImage1.JPG);
background-repeat:no-repeat;
background-size:100% 260px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='./myTes/images/bannerImage1.JPG', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='./myTes/images/bannerImage1.JPG', sizingMethod='scale')";
}

h3.heading1
{
font-family:"Verdana";
font-size:22px;
color:#666666;
font-weight:normal;
}
#phone
{
font-family:Verdana;
font-size:12px;
color:#466494;
font-weight:bold;
}

h1
{
font-family:Arial;
font-size:26px;
color:#000000;
}
h4
{
font-family:Verdana;
font-size:12px;
color:#466494;
}
h5
{
font-family:verdana;
font-size:14px;
color:#333333;
padding:0px;
margin-left:8px;
margin-top:5px;
}
div
{
padding-top:1px;
padding-bottom:1px;
padding-left:13px;
padding-right:13px;
}
hr
{
border:0;
background-color:#dedede;
align:center;
width:100%;
height:1px;
noshad:"noshade";
}

table tr td
{
font-family:Verdana;
font-size:13px;
font-weight:normal;
color:#555555;
text-align:left;
vertical-align:top;
}


#footer_1 
{
text-align:left;
font-family:Arial;
font-size:18px;
color:#FFFFFF;
padding-left:10px;
}
#footerBackground
{
background-position:right;
background-image:url(./myTes/images/footer.jpg);
background-repeat:no-repeat;
}
#copyright
{
text-align:center;
font-size:13px;
}



a.menuBarLink:link {color: #c00000;text-decoration:none;}
a.menuBarLink:visited {color: #c00000;text-decoration:none;}
a.menuBarLink:hover {color: #c00000;text-decoration: none;}
a.menuBarLink:focus {color: #c00000;text-decoration: none;}
a.menuBarLink:active {color: #c00000;text-decoration: none;}

a.quickLink:link {color: #c00000;text-decoration:none;}
a.quickLink:visited {color: #c00000;text-decoration:none;}
a.quickLink:hover {color: #111111;text-decoration: none;}
a.quickLink:focus {color: #c00000;text-decoration: none;}
a.quickLink:active {color: #c00000;text-decoration: none;}







#sidebar {
    MIN-WIDTH:250px;
    MAX-WIDTH:250;    
    height:auto;    
    padding:5px;
    overflow:auto;
    /*border:thin solid #cccccc;*/  
    background-color:#FFFFFF;         
}

#container {
   padding-top:0px;
   padding-left:0px;
   padding-right:0px;
   padding-bottom:0px;           
}

#content {   
   padding:0px;   
   width:600px;    
   width: calc(100% - 262px);     
   /*width: 100%;*/
   float:left;
   /*border-right:thin solid #eeeeee;*/ 
   /*border-left:thin solid #eeeeee;*/   
}

#header {
   overflow:hidden;
   padding-left:10%;
   padding-right:10%;
   padding-bottom:0px;
   padding-top:0px;
   /*border: thin solid #cccccc;*/   
}


#leftbar {
    /*MIN-WIDTH:250px;*/
    /*MAX-WIDTH:250;    */
    width:170px;
    height:100%;    
    padding:0px;    
    /*border:thin solid #cccccc;*/  
    background-color:#eeeeee; 
    float:left;        
}
#logincontent {
   padding:0px;   
   /*width:700px;*/
   overflow:auto;   
   width: calc(100% - 170px);           
}



.sidenav {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 54px;/*0;*/
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;    
    padding-left:0px;
    padding-right:0px;
    padding-bottom:30px;
        
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;/*25px;*/
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


#servicesMobile
 {
  float:left;
  width:47%;height:auto;
  /*width:45.9%;height:auto;*/
  background-color: #ececec; /*#666666;*/ 
  text-align:left;
  border-left:thin solid #dddddd;border-top:thin solid #dddddd;
  border-bottom:4px solid #dddddd;border-right:4px solid #dddddd;
  border-radius:20px;
  margin-left:1.5%;margin-right:1.5%;margin-top:15px;
  display:none;
 } 

#servicesDesktop
 {
  float:left;
   width:47%;height:auto;
  /*width:45.9%;height:auto;*/
  background-color: #ececec; /*#666666;*/
  text-align:left;
  border-left:thin solid #dddddd;border-top:thin solid #dddddd;
  border-bottom:4px solid #dddddd;border-right:4px solid #dddddd;
  border-radius:20px;
  margin-left:1.5%;margin-right:1.5%;margin-top:15px;
  display:block;
 }  

#servicesDesktopHead
  {
   background-color:#cc0000;
   border-top-left-radius:10px;border-bottom-right-radius:10px;
   padding:0px;padding-left:15px;
   width:225px;
   text-align:left;
  }

.servicesMobileHead
  {
   background-color:#FFFFFF;
   border-top-left-radius:10px;border-bottom-right-radius:10px;
   padding:0px;padding-left:10px;
   width:230px;
   text-align:left;
  } 

#activitygallery
{
float:left;width:47%;height:auto;background-color: #ececec;text-align:left; border-left:thin solid #dddddd;border-top:thin solid #dddddd;border-bottom:4px solid #dddddd;border-right:4px solid #dddddd;border-radius:20px;margin-left:1.5%;margin-right:1.5%;margin-top:15px;dispay:block;
}

#textBannerDestop {display:block;}
#textBannerMobile {display:none;}

@media (max-width: 960px) {
    #container {
        padding:0px;
    }
    #content {   
        font-size:14px;  
        line-height: 1.5;           
        width:100%;
    }
    #sidebar {
        font-size:14px;
        line-height: 1.5;
        clear:left;
        Max-Width:100%;
        height:auto; 
    }
    #header {                 
        padding:0px;              
    }      
    #logincontent { 
        /*clear:left;*/
        Width:100%;
        height:auto;                      
    }
    #leftbar {
         font-size:14px;
         line-height: 2.5;
         width:100%;
         height:auto;         
         /*padding:0px;*/
         /*clear:right;*/    
    }       
    p {
         font-size:15px;
         line-height: 1.5;
    } 
    body {
         font-size:15px;                  
         line-height: 1.2;
    }  
    h1   {
         font-size:25px;
    }     
     table tr td {
         font-size:15px;                  
         line-height: 1.2;
    }
    #eventMonth
      {
       font-size:15px;                  
       line-height: 1.2;
      }
    #eventDay
      {
       font-size:15px;                  
       line-height: 1.2;
      }  
    #eventDescription{
      font-size:15px;                  
       line-height: 1.2;
    }  
    #servicesMobile  {
         width:calc(97% - 0px);
         display:block;                  
       }
 #servicesDesktop  {
         width:calc(100% - 50px);
         display:none;                  
       }
  #activitygallery
   {
    width: calc(97% - 0px);
   }     
 .servicesMobileHead
  {
   background-color:#cc0000;
   border-top-left-radius:10px;border-bottom-right-radius:10px;
   padding:0px;padding-left:10px;
   width:230px;
   text-align:left;
  }     
  #textBannerDestop {display:none;}
  #textBannerMobile {display:block;} 
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}    

#inputFormat
    {
     height:35px;
     width:220px;
     font-size:15px;
     border:thin solid #cccccc;
     border-radius:5px;
    }

#btnFormat
    {
     background-color: #ffffff; /*#555555;*/
     color:#cc0000;
     width:110px;
     height:40px;
     border:thin solid #cc0000;
     /*border-bottom-right-radius: 20px;*/
     border-radius: 5px;
     font-weight:bold;
     font-size:14px;
     font-family:Arial;
     padding:0px;
     cursor:pointer;
    }   
#btnFormat:hover
    {
     background-color:#cc0000; /*#777777;*/
     color:#FFFFFF;
    }    
#btnFormat:focus
    {
     border:none;
     outline:none;
     /*color:#FFFFFF;*/
    }    
    
#selectFormat
    {
     width:170px;
     height:30px;
     font-size:15px;
     font-family:verdana;
     border:thin solid #cccccc;
    }    

#btnFormatLink
    {
     background-color: #ffffff; /*#555555;*/
     color:#0078D7;
     /*width:110px;*/
     /*height:40px;*/
     border:0 solid #FFFFFF;
     /*border-bottom-right-radius: 20px;*/
     /*border-radius: 5px;*/
     font-weight:normal;
     font-size:14px;
     font-family:Arial;
     padding:0px;
     cursor:pointer;
    }   
#btnFormatLink:hover
    {
     /*background-color:#cc0000;*/ /*#777777;*/
     /*color:#FFFFFF;*/
    }  

#btnFormatLink:focus
    {
     border:none;
     outline:none;
     /*color:#FFFFFF;*/
    }


* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


#newsFlashContainer
{
background-color:#c00000;
height:35px;
}
#newsFlashTitle
{
float:left;
font-weight:bold;
color:#FFFFFF;
font-size:18px;
padding-top:5px;
padding-left:3px;
}
#newsFlashContent
{
float:left;
font-weight:bold;
color:#FFFF00;
font-size:15px;
padding-top:8px;
padding-left:5px;
}

.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: #FFFFFF;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
     
#eventDay
{
padding-top:3px;
height:25px;
width:100%;
font-family:Arial;
font-size:16px;
font-weight:Normal;
color:#333333;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-align:center;
background-color:#ececec;
}

#eventMonth
{
padding-top:2px;
height:20px;
width:100%;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align:center;
background-color:#aaaaaa;
}

#eventContainer
{
display: table;
width: 100%;
table-layout: fixed;
/*border:thin solid #000000;*/
padding-left:0px;
padding-right:0px;
}

#eventDayMonthContainer
{
width:55;
display:table-cell;
padding:0px;
}

#eventDescription
{
display: table-cell;
vertical-align:middle;
padding-left:17px;
padding-right:2px;
width:100%;
}     

#noteBoard
{
color:#555555;
padding-left:20px;
padding-bottom:5px;
padding-top:25px;
margin-bottom:15px;
margin-right:5px;
background-color:#ffffff;
border:1px solid #dddddd;
background-image:url(./myTes/images/noteBoard.jpg);
background-position:top;
background-repeat:no-repeat;
}



/***** Horizontal Menu Bar */


/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #FFFFFF;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 14px;
  color: #144e8c;
  font-weight:bold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px;
  font-weight:bold;
  border: none;
  outline: none;
  color: #144e8c;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a blue background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #144e8c;
  color:#FFFFFF;
  /*text-decoration:underline;*/
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #144e8c;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: Arial;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #144e8c;
  color:#FFFFFF;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}