<style type="text/css">
/* LB style sheet coded by na studios - www.nastudios.com */

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

body {
height: 100%;
max-height: 100%;
background: #808080;
margin: 0px;
border: 0px;
font-size: 12.0pt;
font-family: "Montserrat", sans-serif;
font-weight: normal;
color: #333333;
line-height: 1.5;
padding: 0px;
     }

/* main body 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;
    }

/* header */
.header{
width:100%;
height:auto;
position:fixed;
transition: all 0.2s ease-in-out;
z-index: 1000;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.0));
margin:0 auto 0 auto;
    }

.header2{
width:100%;
height:auto;
position:fixed;
transition: all 0.2s ease-in-out;
z-index: 1000;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.3));
margin:0 auto 0 auto;
    }

/* change header color when scrolling */
.active { 
transition: all 0.2s ease-in-out;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}


/* header logo */
.header img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out ;
transition:all 0.5s ease-in-out ;
width: 100%;
max-width:487px;
height:71px;
}

.header2 img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out ;
transition:all 0.5s ease-in-out ;
width: 100%;
max-width:487px;
height:71px;
}

.shrink{
padding:0px; 
}

.shrink img{
width:370px;
height:54px;
}


/* push all content below fixed header */
.content-push{
width:100%;
height:41px;
position:relative;
    }

/* maroon address bar */
.bar1{
width:100%;
height:auto;
position:relative;
background: #510c0c;
z-index: 1500;    
    }

/* restricted 1280 width content container */
.rw-cont{
width:100%;
max-width: 1280px;
height:auto;
position:relative;
margin:0 auto 0 auto;
    }

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

.right {
display: block;
float: right;
width:15%;
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:446px;
height:auto;
position:relative;
padding:16px 0 16px 10px;
transition : .4s;
z-index: 100;
}

/* 2 column for logo | menu */
.left2 { 
display: block;
float: left;
width:40%;
min-height:100%;
margin:0 auto 0 auto;
/* outline: 1px dotted blue; */             
}

.right2 {
display: block;
float: right;
width:60%;
min-height:100%;
margin:0 auto 0 auto;
/* outline: 1px dotted blue; */             
}
    
.group2:after {
content:"";
display: table;
clear: both;
}

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

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

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

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

.right4 {
display: block;
float: right;
width:50%;
min-height:100%;
margin:0 auto 0 auto;
/* outline: 1px dotted blue; */  
}
    
.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;
}

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

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

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

/* sm grey bar */
.bar2{
width:100%;
height:2px;
position:relative;
background: #4d4d4d;
z-index: 100;    
   }

/* single pixel grey bar */
.bar4{
width:100%;
height:1px;
position:relative;
background: #4d4d4d;
z-index: 100;    
   }

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

/* main container 2 */
.mcontainer2{
width:100%;
height:auto;
position:relative;
background: #e6e6e6;
background:url(images/flex-back1.jpg); 
margin:0 auto 0 auto;
    }

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

/* main container 3 */
.mcontainer3{
width:100%;
height:auto;
position:relative;
background: #cccccc;
margin:0 auto 0 auto;
    }

/* main container 4  */
.mcontainer4{
width:100%;
height:auto;
position:relative;
background: #b5b5b5;
background:url(images/flex-back2.jpg);
margin:0 auto 0 auto;
    }

/* main container 5  */
.mcontainer5{
width:100%;
height:auto;
position:relative;
background: #ededed;
margin:0 auto 0 auto;
    }

/* gold bar */
.bar3{
width:100%;
height:2px;
position:relative;
background: #edb600;
z-index: 100;    
    }

/******************************************** 
:: flex-box for icons
********************************************/

.parent {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-top: -10px;
margin-left: -17px;
font-size: 12.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #333333;
}

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

/* Styles */
.child {
width:140px;
height: 115px;
background: #dbdbdb;
border-radius: 10px;
border-width: 2px;
border-style: ridge;
boder-color: #333333
}

.child a {
display: block;
background: #dbdbdb;
border-radius: 10px;
height: 100%;
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.child a:hover {
background: #999999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

span.fa-icon {
text-decoration: none;
outline: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
width: 100%;
font-size: 50px;
color: #510c0c;
/* text-shadow: 3px 2px 2px #333333; */
display: block;
position: relative;
margin-top:-20px;
}
span.fa-icon:hover {
color: #edb600;
}


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

/* container for single column reduced width */
.flex-cont {
width:100%;
max-width: 1280px;
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: #510c0c;
border-radius: 10px;
-moz-border-radius: 10px;
height: 100%;
text-align: center;
}

.child2 a:hover {
background: #212423;
}

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

.child2 p {
font-size: 10.0pt;
font-family: font-family: "Montserrat", sans-serif;
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;
}

.child2 p:hover {
    text-decoration: none;
    color: #edb600;
    }



/* 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:50px;
position:relative;
}

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

/* banner wrap for position */
.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; 
}

/******************************************** 
:: side menu header and body
********************************************/

.smhead{
width:100%;
height:auto;
position:relative;
background: #510c0c;
border-radius: 10px 10px 0 0;
z-index: 100;    
    }

.smfoot{
width:100%;
height:20px;
position:relative;
background: #ffffff;
border-radius: 0px 0px 10px 10px;
z-index: 100;    
    }


/******************************************** 
:: 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: 0px;
margin-left: -10px;
}
#eventlist li { list-style-type:none;
}
.eventtitle { 
font-family: "Montserrat", sans-serif;
font-weight:500; 
font-size: 14.0pt;
color: #510c0c;
margin-top: 10px;
line-height: 1.4;
text-align: center;
}
.eventdate { 
font-family: "Montserrat", sans-serif; 
font-weight:500; 
font-size: 17.0pt;
color: #e6e6e6;
line-height: 1.6;
text-align: center;
}
.eventtime { 
font-family: "Montserrat", sans-serif; 
font-weight:500; 
font-size: 12.0pt;
color: #333333;
text-align: center;
}
.description { 
font-family: "Montserrat", sans-serif; 
font-weight:500; 
font-size: 10.5pt;
color: #333333;
text-align: center;
margin-top: 3px;
line-height: 1.4;
}


/******************************************** 
:: 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: 30px;
margin-top: 30px;
}

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

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

.description a[target="_blank"] { 
text-decoration: underline;
color: #3c6487 !important;
}
.description a:visited { 
color: #3c6487 !important; 
text-decoration: underline;
}
.description a:hover { 
color: #182d57 !important;
text-decoration: underline; 
}
.description a:active { 
color: #182d57 !important; 
text-decoration: underline;
}


/* Footer */
.footer {
position:relative;
width:100%;
min-height:160px;
height:auto;
z-index:110;			
background: #1a1a1a;
background:url(images/lineback.jpg); 
margin:0 auto 0 auto;
}


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

.hidegt { 
 display: none;
}

/******************************************** 
:: custom button 
********************************************/

.button {
display: inline-block;
border-radius: 12px;
background-color: #510c0c;
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: #808080; /* Gray */
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;
}

/******************************************** 
:: search 
********************************************/

#searchform #s{
font-size: 11pt;
font-family: "Montserrat", sans-serif;
font-weight: normal;
color: #666666;
text-align: left;
width: 274px;
height: 38px;
margin: 0px 0px 2px 0px;
padding: 2px 4px 2px 0px;
border: 0;
background: #e6e6e6;
}

#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;
}

.vertical-center {
margin: 0;
position: absolute;
top: 50%;
right:0%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/******************************************** 
:: Fonts 
********************************************/

/* font for address / body */
.montserrat {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
}

/* font for headings */
.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

p {
font-size: 12.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #333333;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 45px;
margin-right: 25px;
line-height: 1.6;
letter-spacing: .25px; 
padding: 0px;
text-align: left;
    }

ul {
font-size: 12.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #333333;
padding: 10px 0px 0px 0px;
line-height: 2.0;
margin-top: 4px;
margin-bottom: 14px;
margin-left: 64px;
margin-right: 20px;
text-align: left;
    }

ol {
font-size: 13.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #333333;
margin-top: 4px;
margin-bottom: 14px;
margin-left: 64px;
margin-right: 20px;
padding: 10px 0px 0px 0px;
line-height: 2.0;
text-align: left;
    }

h1 {
font-size: 24.0pt;
font-family: "Oswald", sans-serif;
font-weight: 500;
color: #510c0c;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 45px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 0px;
text-align: left;
    }

h2 {
font-size: 20.0pt;
font-family: "Oswald", sans-serif;
font-weight: 500;
color: #510c0c;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 45px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 0px;
text-align: left;
    }

h3 {
font-size: 24.0pt;
font-family: "Oswald", sans-serif;
font-weight: 500;
color: #510c0c;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 0px;
text-align: left;
    }

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

.t1 {
font-size: 11.0pt;
font-family: "Montserrat", sans-serif;
font-weight: normal;
color: #ffffff;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
    }

.t2 {
font-size: 11.0pt;
font-family: "Montserrat", sans-serif;
font-weight: normal;
color: #ffffff;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
    }

.t3 {
font-size: 11.5pt;
font-family: "Montserrat", sans-serif;
font-weight: normal;
color: #ffffff;
padding: 10px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
text-align: left;
}

.t4 {
font-size: 11.5pt;
font-family: "Montserrat", sans-serif;
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: 10px 10px 0 0px;
text-align: right;
}

.t5 {
font-size: 13.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #ffffff;
padding: 10px 0px 10px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 0px;
text-align: left;
}

.t6 {
font-size: 12.0pt;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #333333;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 25px;
margin-right: 25px;
line-height: 1.6;
letter-spacing: .25px; 
padding: 0px;
text-align: left;
    }


/******************************************** 
:: Link Colors 
********************************************/

a:link {
text-decoration: none;
    color: #510c0c;
    }
a:visited {
    text-decoration: none;
    color: #510c0c;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #edb600;
    }


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


a:link.color2 {
text-decoration: underline;
color: #333333;
transition: all 0.3s ease-in;
}
a:visited.color2 {
text-decoration: underline;
color: #333333;
}
a:hover.color2 {
text-decoration: underline;
color: #edb600;
}
a:active.color2 {
text-decoration: underline;
color: #edb600;
}


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


/******************************************** 
:: Media Queries
********************************************/

/* used for news feed and side image */   
@media screen and (max-width: 1030px) {
        
.left {
float: none;
display: block;
width:100%;
position: relative;
}

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

.mcontainersub3{
     width:96%;
    }

.mcontainer5{
width:98%;
    }

.logo{
width:96%;
max-width:370px;
padding:10px 0 10px 10px;
}


.mcontainersub2{
     width:96%;
    }


.leftf { 
width:22%;
}

.rightf {
width:78%;
}



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

.header{
position:relative;
    }

.header2{
position:relative;
    }

.bar1a{
display: block;
    }

.content-push{
display: none;
    }

.t1 {
font-size: 10.0pt;
margin-left: 10px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 5px;
    }

.t2 {
font-size: 10.0pt;
letter-spacing: 1px;
line-height: 1.0;
padding-top: 0px;
padding-bottom: 10px;
text-align: left;
    }

.t4 {
margin-left: 20px;
padding: 0px 10px 10px 0px;
text-align: left;
}

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

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

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

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

.logo{
width:96%;
max-width:370px;
padding:10px 0 0px 10px;
}

p {
margin-left: 25px;
    }

h1 {
margin-left: 25px;
    }

h2 {
margin-left: 25px;
    }

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

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


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

.right3 {
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;
       }

.events-feed{
width:98%;
        }



.roundrect { 
 display: none;
}


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

.cont_full3{
margin-left: 0px;
}




.menu{
top:0px;
}

.mcontainersub4a{
background:url(images/blank.png); 
}

}


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

.header{
position:relative;
    }

.header2{
position:relative;
    }

.t1 {
font-size: 10.0pt;
margin-left: 10px;
margin-right: 10px;
letter-spacing: 1px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 5px;
    }

.t2 {
font-size: 10.0pt;
letter-spacing: 1px;
line-height: 1.0;
padding-top: 0px;
padding-bottom: 10px;
text-align: left;
    }

.t4 {
margin-left: 20px;
padding: 0px 10px 10px 0px;
text-align: left;
}

.left2 {
float: none;
display: block;
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: none;
width:100%;
position: relative;
}

p {
margin-left: 25px;
    }

h1 {
margin-left: 25px;
    }

h2 {
margin-left: 25px;
    }



.menu{
top:0px;
}

.bar1a{
display: block;
    }

.content-push{
display: none;
    }




    .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: block;
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%;
    }



.events-feed{
width:98%;
        }

.logo{
width:96%;
max-width:370px;
padding:10px 0 0px 10px;
}

.roundrect { 
 display: none;
}

  
.cont_full3{
margin-left: 0px;
}


.mcontainersub4a{
background:url(images/blank.png); 
}
  
}


</style>

