<style type="text/css">
/* RT Style Sheet by na studios - http://www.nastudios.com/ */

html {
      margin: 0px;
      padding: 0px;
      border: 0px;
      background: #ffffff;
      overflow: auto;
    }

body {
      height: 100%;
      max-height: 100%;
      background: #bfb4a0;
      background:url(images/noise.png);
      margin: 0px;
      border: 0px;
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      line-height: 1.5;
      padding: 0px;
      }

.salsa-regular {
  font-family: "Salsa", cursive;
  font-weight: 400;
  font-style: normal;
}

/* main container */
.mcontainer{
	width:100%;
	position:relative;
     z-index:100;
     }

/* main container sub for position */
.mcontainersub{
     width:100%;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* container for carousel */
.ccontainer{
     width:100%;
     max-width: 1280px;
     height:auto;
     margin-top: -70px;
     z-index:200;
     position:relative;
    }


/* slider container for bottom of page */
.slide_cont{
width:100%;
height:auto;
background-color: #e9decd;
position:relative;
    }


/* main container sub for position */
.mcontainersub2{
     width:100%;
     height:auto;
     position:relative;
     margin-top: 0px;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub1{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container secondary pages */
.mcontainer3{
width:100%;
margin-top: -480px;
z-index:100;
height:;
position:relative;
     }

/* main container sub for position */
.mcontainersub3{
width:100%;
max-width:1280px;
height:;
background-color: #fcfcfc;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #1a1a1a;
-moz-border-radius-topleft: 13px;
border-top-left-radius: 13px;
-moz-border-radius-topright: 13px;
border-top-right-radius: 13px;
position:relative;
z-index: 100;
margin:0 auto 0 auto;
}

/* main content width */
.mcontent{
width:98%;
max-width:1220px;
height:;
position:relative;
margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub4{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     background: #fcfcfc;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub5{
     width:100%;
     max-width: 1280px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* main container sub for position */
.mcontainersub6{
     width:100%;
     max-width: 1920px;
     height:auto;
     position:relative;
     margin:0 auto 0 auto;
    }

/* container for single column reduced width */
.cont_full{
width:98%;
max-width: 1240px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for single column reduced width */
.cont_full2{
width:98%;
max-width: 1224px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

/* container for reduced table width */
.cont_full3{
width:98%;
height:auto;
position: relative;
margin-left: 16px;
top:0px;
right: 0px;
}


/* white spacer above */
.spacer1{
	width:100%;
     height:20px;
	position:relative;
    }

/* white spacer above */
.spacer2{
	width:100%;
     height:10px;
	position:relative;
    }

/* white spacer above */
.spacer3{
	width:100%;
     height:40px;
	position:relative;
    }


/* banner color wrap */
.bannerwrap{
     width:100%;
     height:auto;
     position:relative;
     background: #c9beaf;
     margin:0 auto 0 auto;
    }

/* banner color wrap */
.bannerwrapsub{
     width:100%;
     max-width: 1920px;
     height:auto;
     position:relative;
     overflow: hidden;
     margin:0 auto 0 auto;
    }

/* give images rounded corners */
.roundrect { 
 border-radius: 15px;
 -moz-border-radius: 15px; 
}

/* give images rounded corners */
.roundrect2 { 
 border-radius: 15px;
 -moz-border-radius: 15px; 
}

/******************************************** 
:: events feed customization
********************************************/

#eventlist { 
list-style-type:none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-top: -25px;
margin-left: 0px;
}
#eventlist li { list-style-type:none;
}
.eventtitle { 
font-family: verdana, arial, helvetica, georgia;
font-weight:500; 
font-size: 14.0pt;
color: #044b7a;
margin-top: 10px;
text-align: center;
}
.eventdate { 
font-family: verdana, arial, helvetica, georgia; 
font-weight:500; 
font-size: 17.0pt;
color: #e6e6e6;
text-align: center;
}
.eventtime { 
font-family: verdana, arial, helvetica, georgia; 
font-weight:500; 
font-size: 12.0pt;
color: #003333;
text-align: center;
}
.description { 
font-family: verdana, arial, helvetica, georgia; 
font-weight:500; 
font-size: 11.0pt;
color: #333333;
text-align: center;
margin-top: 3px;
}


/******************************************** 
:: flex-box for event feed 
********************************************/

/* Flex Container */
.flex-cont {
width:100%;
max-width: 1280px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

.eventchild {
width: calc(25% - 10px);
margin-left: 20px;
margin-top: 24px;
}

/* Styles */
.eventchild {
width:260px;
height: 184px;
background: #f3f3f3;
background:url(images/events-back.png);
border-radius: 10px;
}

/******************************************** 
:: events feed link colors in description 
********************************************/

.description a[target="_blank"] { 
color: #182d57 !important;
}
.description a:visited { 
color: #182d57 !important; 
}
.description a:hover { 
color: #d4b477 !important; 
}
.description a:active { 
color: #d4b477 !important; 
}



/******************************************** 
:: flex-box for departments
********************************************/

/* container for single column reduced width */
.flex-cont2 {
width:100%;
max-width: 1100px;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}

.parent2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 16px;
  margin-left: -17px;
  color: #737373;
}

.child2 {
  width: calc(25% - 10px);
  margin-left: 17px;
  margin-top: 17px;
}

/* Styles */
.child2 {
  width:256px;
  height: 198px;
}

.child2 a {
display: block;
background: #182d57;
border-radius: 10px;
-moz-border-radius: 10px;
height: 100%;
text-align: center;
    }

.child2 a:hover {
background: #2a496d;
}

.child2 img {
width: 100%; /* Adjust as needed */
vertical-align: top;
margin-top: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
    
}

.child2 p {
      font-size: 11.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 5px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: center;
    }


/* tables container reduced width */
.table-cont{
width:94%;
height:auto;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
}



/* top blue bar */
.bar1{
     width:100%;
     height:auto;
     position:relative;
     background: #182d57;
     z-index: 100;    
    }


/* light gold bar */
.bar1a{
     width:100%;
     height:8px;
     position:relative;
     background: #d4b477;
     z-index: 100;    
    }


/* blue-grey bar */
.bar2{
     width:100%;
     height:8px;
     position:relative;
     background: #60758f;
     z-index: 100;    
    }

/* bottom green bar */
.bar3{
     width:100%;
     height:auto;
     min-height:48px;
     position:relative;
     background: #a4c0b4;
     z-index: 100;    
    }

/* green bar */
.bar4{
     width:100%;
     height:4px;
     position:relative;
     background: #4e6145;
     z-index: 100;    
    }

/* header */
.header{
     width:100%;
     height:auto;
     position:relative;
     background: #f0e4da;
     margin:0 auto 0 auto;
    }

/* 2 column / position */
.left { 
      display: block;
      float: left;
      width:51%;
      min-height:100%;
      margin:0 auto 0 auto;
   /* outline: 1px dotted blue; */       
    }


.right {
      display: block;
      float: right;
      width:49%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */    

    }
    
.group:after {
        content:"";
        display: table;
        clear: both;
    }

/* container for logo */
.logo{
width:100%;
max-width:638px;
height:auto;
position:absolute;
left: 10%;
top:45px;
transition : .4s;
z-index: 99999;
}

/* fake fill header height */
.fill{
width:100%;
max-width:638px;
height:112px;
}

/* container for seal */
.seal{
width:170px;
height:156px;
position:relative;
padding:10px 10px 10px 0px;
transition : .4s;
float: right;
z-index: 200;
}

/* fb feed container */
.fb_feed_cont{
width:100%;
max-width: 500px;
height:720px;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}

/* news container */
.ef-cont{
width:100%;
height:auto;
position: relative;
margin:0 auto 0 auto;
z-index:110;
background: #283c51;

}

/* menu */
.menu{
     width:100%;
     height:auto;
     left:0px;
     top:28px;
     position:relative;
     background: ;
     float: right;
     z-index:110;     
    }

/* menu position*/
.menusub{
     width:100%;
     max-width: 850px;
     height:46px;
     position:relative;
     margin:0 auto 0 auto;
    }

.footer {
	position:relative;
	width:100%;
	min-height:160px;
     height:auto;
     z-index:110;			
     background: #2a496d;
margin:0 auto 0 auto;
	}


/* 3 column */
.left2 {
        float: left;
        width: 49%;
        height: auto;
       /* outline: 1px dotted blue; */        
    }

.middle2 {
        float: left;
        width: 2%;
        height: auto;
       /* outline: 1px dotted blue; */       
    }

.right2 {
        float: right;
        width: 49%;
        height: auto;
        /* outline: 1px dotted blue; */     
    }
    
.group2:after {
        content:"";
        display: table;
        clear: both;
    }


/* 2 column / position */
.left3 { 
      display: block;
      float: left;
      width:50%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */  
    }


.right3 {
      display: block;
      float: right;
      width:50%;
      min-height:100%;
      margin:0 auto 0 auto;
     /* outline: 1px dotted blue; */  

    }
    
.group3:after {
        content:"";
        display: table;
        clear: both;
    }


/* 2 column / position */
.left4 {
      float: left;
      width: 72%;
      z-index:110;
    /* outline: 1px dotted white; */

    }

.right4 {
        float: right;
        width: 28%;
       /* outline: 1px dotted white; */

    }

.group4:after {
        content:"";
        display: table;
        clear: both;
    }


/* 2 column for left menu */
.left5 {
        float: left;
        width: 16%;
        z-index:110;
        /* outline: 1px dotted blue; */

    }

.right5 {
        float: right;
        width: 84%;
        /* outline: 1px dotted blue; */

    }
.group5:after {
        content:"";
        display: table;
        clear: both;
    }

span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    cursor: pointer;
    width: 100%;
    font-size: 43px;
    display: block;
position: absolute;
margin-top:-118px;
  }
  span.img-text:hover {
    color: #182d57;
font-size: 50px;
margin-top:-124px;

  }


.butalign {
padding: 0 0 0 25px;
}



.button {
  display: inline-block;
  border-radius: 12px;
  background-color: #182d57;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 10px 24px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 0px;
}

.button:hover {
  background-color: #2a496d; /* Dk Grey */
  color: white;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* video position*/
.video{
     width:100%;
     max-width: 850px;
     position:relative;
     margin:0 auto 0 auto;
    }

#searchform #s{
color: #333333;
font-size: 14px;
width: 274px;
height: 42px;
margin: 0px 0px 2px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #fcfcfc;
}

#searchform #searchsubmit{
position: absolute;
top: 4px;
right: 0px;
width: 32px;
height: 32px;
border: 0px;
background: url(images/search-submit.png) no-repeat transparent -1px 3px;
}

p {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 25px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

ul {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      padding: 0px 0px 0px 0px;
      margin-top: 14px;
      margin-bottom: 14px;
      margin-left: 45px;
      margin-right: 20px;
      text-align: left;
    }

ol {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 46px;
      margin-right: 20px;
      padding: 0px;
      text-align: left;
    }

h1 {
      font-size: 20.0pt;
      font-family: "Salsa", cursive;
      font-weight: normal;
      color: #28496d;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 25px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;
    }

h2 {
      font-size: 20.0pt;
      font-family: "Salsa", cursive;
      font-weight: normal;
      color: #ffffff;
      margin-top: 10px;
      margin-bottom: 14px;
      margin-left: 25px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding-top: 20px;
      text-align: left;
    }

h3 {
      font-size: 16.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #36598a;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 0px;
      margin-right: 0px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding:20px 0 0 50px;
      text-align: left;
      }


hr.style1{
	border-top: 2px solid #0473c5;
     margin-left: 20px;
     margin-top: 40px;
margin-bottom: 20px;
     width: 95%;
}


.t1 {
      font-size: 12pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: 400;
      color: white;
      padding: 10px 10px 10px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      letter-spacing: .8px;
      text-align: right;
    }


.t3 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-right: 0px;
      text-align: left;
    }


.t4 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 10px 0 0 20px;
      text-align: left;
    }

.t5 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 10px 10px 0 0px;
      text-align: right;
    }

.t6 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

.t7 {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 20px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: center;
    }

.t8 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 5px 0px 5px 0px;
      text-align: center;
    }

.t9 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 5px 0px 5px 20px;
      text-align: left;
    }



a:link {
    text-decoration: underline;
    color: #2a496d;
    }
a:visited {
    text-decoration: underline;
    color: #2a496d;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #64a8e3;
    }


a:link.color1 {
    text-decoration: none;
    color: #333333;
    transition: all 0.3s ease-in;
    }
a:visited.color1 {
    text-decoration: none;
    color: #333333;
    }
a:hover.color1 {
    text-decoration: none;
    color: #5d2525;
    }
a:active.color1 {
    text-decoration: none;
    color: #5d2525;
    }

/* for OWL carousel */
a:link.color2 {
    text-decoration: none;
    color: #333333;
    transition: all 0.3s ease-in;
    }
a:visited.color2 {
    text-decoration: none;
    color: #333333;
    }
a:hover.color2 {
    text-decoration: none;
    color: #182d57;
    }
a:active.color2 {
    text-decoration: none;
    color: #182d57;
    }

a:link.color3 {
    text-decoration: none;
    color: #333333;
    }
a:visited.color3 {
    text-decoration: none;
    color: #333333;
    }
a:hover.color3 {
    text-decoration: none;
    color: #ffffff;
    }
a:active.color3 {
    text-decoration: none;
    color: #ffffff;
    }

/* for Header Footer */
a:link.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color4 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color4 {
    text-decoration: none;
    color: #d4b477;
    }
a:active.color4 {
    text-decoration: none;
    color: #d4b477;
    }

a:link.color5 {
    text-decoration: none;
    color: #333333;
    }
a:visited.color5 {
    text-decoration: none;
    color: #333333;
    }
a:hover.color5 {
    text-decoration: none;
    color: #59ac6b;
    }
a:active.color5 {
    text-decoration: none;
    color: #59ac6b;
    }


/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 1400px) {

.logo{
max-width:600px;
left: 20px;
}

}



/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 1170px) {
    
.logo{
max-width:560px;
left: 20px;
}

    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.fb_feed_cont{
width:100%;
max-width: 480px;
}

.mcontainersub3{
     width:96%;
    }


.mcontainersub2{
     width:96%;
    }

.menu{
     top:0;
    }

.leftf { 
width:22%;
}

.rightf {
width:78%;
}


}




/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 768px) {


    .left4 {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right4 {
    float: none;
    display: none;
    width:100%;
    position: relative;
       }

    .leftf {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .rightf {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }
 
  .middle2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .left3 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right3 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

    .left5 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right5 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.events-feed{
width:98%;
        }

.logo{
width:95%;
left: 20px;
}

.t5 {
      margin-top: 5px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 0px;
      text-align: left;
    }


.roundrect { 
 display: none;
}


.mcontainersub3{
     width:96%;
    }
.mcontainersub4{
     width:96%;
    }

.cont_full3{
margin-left: 0px;
}



.menu{
     top:0;
    }

h2 {
      padding:20px 0 0 10px;
    }

.ccontainer{
     margin-top: -30px;
    }

}


/* Media Queries */
/* used for news feed and side image */   
@media screen and (max-width: 500px) {

.fill{
height:80px;
}
  
.ccontainer{
     margin-top: 0px;
    }

    .leftf {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .rightf {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

    .left {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

    .left4 {
    float: none;
    display: block;
    width:100%;
    position: relative;
        }

    .right4 {
    float: none;
    display: none;
    width:100%;
    position: relative;
       }

    .left5 {
     float: none;
     display: block;
     width:100%;
     position: relative;
        }

    .right5 {
    float: none;
    display: block;
    width:100%;
    position: relative;
       }

.mcontainersub3{
     width:96%;
    }
.mcontainersub4{
     width:96%;
    }
.mcontainersub5{
     width:98%;
    }


.t1 {
      font-size: 10pt;
    }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }
 
  .middle2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

.events-feed{
width:98%;
        }

.logo{
width:90%;
left: 20px;
top:65px;
}

.roundrect { 
 display: none;
}

.menu{
     top:0px;
    }
h2 {
      padding:20px 0 0 10px;
    }
  
.cont_full3{
margin-left: 0px;
}
  
}


</style>

