/************************************************
 * Site-wide
 ************************************************/

@import url('https://fonts.googleapis.com/css?family=Montserrat');

BODY, .bodyCopy { 
  color: #000000;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}

.middletext {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }

.middletextactive {
	margin:4px;
	font-size:11pt;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#086431;
	text-decoration: none;
 }


a.middletext {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }


a.middletext:link {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;

 }


a.middletext:visited {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;

 }

a.middletext:hover {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }


.middletext-14 {
	margin:4px;
	font-size:14px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }

.middletextactive {
	margin:4px;
	font-size:11pt;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#086431;
	text-decoration: none;
 }


a.middletext-14 {
	margin:4px;
	font-size:14px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }


a.middletext-14:link {
	margin:4px;
	font-size:14px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;

 }


a.middletext-14:visited {
	margin:4px;
	font-size:14px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;

 }

a.middletext-14:hover {
	margin:4px;
	font-size:14px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }

.whoweare {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration: none;
 }



.smallmiddletext {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-decoration: underline;
	border:solid white thin;
	
 }


 a.smallmiddletextl {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-decoration: underline;
 }


a.smallmiddletextl:link {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-decoration: underline;

 }


a.smallmiddletextl:visited {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#000000;
	text-decoration: none;

 }

a.smallmiddletextl:hover {
	margin:4px;
	font-size:13px;
	font-family: 'Lato', verdana, arial, helvetica, sans-serif;
	color:#086431;
	text-decoration: none;
 }

/* LINKS */



a:link {
	color:#086481;
	text-decoration: underline;
}


a:visited {
	color:#086481;
	text-decoration: underline;
}


a:hover {
	color:#000000;
	text-decoration: underline;
}



/* LINKS BOX */


a.box:link {
	color:#FFFFFF;
	text-decoration: none;
}


a.box:visited {
	color:#FFFFFF;
	text-decoration: none;
}


a.box.box:hover {
	color:#777777;
	text-decoration: none;
}




.menu {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  border-right:1px;
  border-left:0px;
  border-top:0px;
  border-bottom:0px;
  font-weight: bold;

  
  border-style:solid;
  border-color: #FF0000;
  text-decoration: none;
}



.menu1 {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  padding-left:4px;
  border:1px;
  border-style:solid;
  border-color: #FADB9A;
  font-weight: bold;
  text-decoration: none;
}


/* LINK MENUS */

a.menu2 {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

a.menu2:link {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

a.menu2:visited {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}

a.menu2:hover {
  color: #FFFFFF;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}



/* Headings
----------------------------------------------- */
h1 {
  font-size:15px;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  color:#000000;
  }



h2 {
  font-size:13px;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  color:#000000;
  font-weight:bold;
  }


h3 {
  font-size:12px;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  text-transform:none;
  color:#000000;
  }


h4 {
  font-size:12px;
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  color:#000000;
  }



SUP {
	font-size: 10px;
}

OL { 
	margin-top: 4px;
	margin-bottom: 4px;
}

UL {
	margin-top: 4px;
	margin-bottom: 4px;
	list-style-type: square;
}

LI { 
	padding: 1px 0px 1px 0px;
}





.smallText {
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

.bigText {
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}

.breadCrumb {
  font-family: 'Lato', verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #033577;
}



/************************************************
 * Footer
 ************************************************/


/************************************************
 * Homepage
 ************************************************/

 .header-links a, .header-links a:visited  {
	text-decoration:none;
}

.header-links a h2:focus, .header-links a h2:hover  {
	color:black;
	background-color:#EEEEEE;
}

a.button, a.button:visited {
/*	background: #2763A5; #CC6565 */
	background: #2E7D5B;
	color:white !important;
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	line-height: 30px;
	height: 32px;
	margin: 0;
	padding: 0 18px 1px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width:232px;
	margin:5px 0 2px;
}

a.button:hover {
	background: #086481;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}




/* @group Marquee */

.marquee {
    height: 29px;
    color:green;
    background:url(/webpics/ticker-background.jpg);

	
    overflow: hidden;
    position: relative;
}
    .marquee div {
        display: block;
        width: 200%;
        height: 29px;
        
        position: absolute;
        overflow: hidden;
        
        -webkit-animation: marquee 12s linear infinite;
        -moz-animation: marquee 12s linear infinite;
        -ms-animation: marquee 12s linear infinite;
        -o-animation: marquee 12s linear infinite;
        animation: marquee 12s linear infinite;
    }
    .marquee span {
        float: left;
        width: 50%;
    }
    
@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-ms-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}



/* Base Button Style */
.btn {
  position: relative;
  display: block;
  min-width:232px;
  margin:5px 0 2px;
/*  padding: 10px; */
	font-size: 13px;

  background-color: #2E7D5B;
  color:white !important;  
  border: 1px solid #ccc;
  line-height: 30px;

  color: #000;
  text-align: center;
  text-decoration: none  !important;
  
  transform-style: flat;
  transition: all 250ms ease-out;
  
  &:before,
  &:after {
      content: "";
      position: absolute;
      z-index: -2;
    	transition: all 250ms ease-out;
  }
}

/* Base Button Style */
.btn1 {
  position: relative;
  display: block;
  width:262px;
  margin:5px 0 2px;
/*  padding: 10px; */
	font-size: 13px;

  background-color: #2E7D5B;
  color:white !important;  
  border: 1px solid #ccc;
  line-height: 30px;

  color: #000;
  text-align: center;
  text-decoration: none  !important;
  
  transform-style: flat;
  transition: all 250ms ease-out;
  
  &:before,
  &:after {
      content: "";
      position: absolute;
      z-index: -2;
    	transition: all 250ms ease-out;
  }
}


/* Paper effect – slightly raised off background */
.paper {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  border-color: #dedede;
}

/* Raised effect – pushes up on hover */
.paper-raise {
  &:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  &:hover {
    border: 1px solid #fff;
    
    &:before {
			box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
    }
  }
}

.paper-raise-flatten {
  border-color: #fff;
  box-shadow: none;
  
  &:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
  }
  &:hover {
    border-color: #dedede;
    
    &:before {
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
    }
  }
}
	

/* Lift effect – lifts sides on hover */
.paper-lift {
     width: 50%;
     height: 20%;
     max-width: 300px;
     max-height: 100px;
	 box-shadow: 0 10px 10px rgba(31, 31, 31, 0.5);
	}

/* Flatten effect – flattens sides on hover */
.paper-lift:hover {
  border: 1px solid transparent;
     width: 50%;
     height: 20%;
     max-width: 300px;
     max-height: 100px;
    
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
	}
}


.paper-lift1 {
     height: 20%;
     max-height: 100px;
	 width:268px;
/*	 box-shadow: 0 10px 10px rgba(31, 31, 31, 0.5); */
	}

/* Flatten effect – flattens sides on hover */
.paper-lift1:hover {
  border: 1px solid transparent;
     height: 20%;
	 width:268px;
     max-height: 100px;
   
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
	}
}


.bg-blue07 {
    background-color: #32448C;
}

.box-on {
    float: left;
    width: 1.5em;
    margin-right: 0.2em;
    padding-left: 0.3em;
}

.contentbox-title-shading {
    margin: 0px 6px 0px 0px;
    padding: 2px 2px 2px 2px;
    background-color: #32448C;
    font-weight: bold;
	height:100%;
    font-size: 150%;
}