/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
} 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    padding-top:16px;
    font-family:"Trebuchet MS", "sans-serif";
    background-color:#A0C881;
    color:#000000;
}

ol, ul {
    list-style: none;
}

ol.bullet, ul.bullet {
    list-style: square inside;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* !CSS RESET */

/* general */
#hiddenh1{
   /* This hides the h1 title, no need to show it with the logo */
    line-height: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.infoh2{
    font: bold 22px "Trebuchet MS", "sans-serif"; 
    padding: 5px 0px; 
}
.infoh3 {
    font: bold 18px "Trebuchet MS", "sans-serif";
    padding: 4px 0px;
}

.innerh2 {
  font-size: 17px;
  font-weight:800;
  line-height: 100%;
  text-transform: uppercase;
  color: #365B15; /* #740000; */
  margin: 5px 0px 10px 0px;
  padding: 0px;
  /* clear: both; */
}
.innerh3 {
  font-size: 15px;
  font-weight:800;
  line-height: 100%;
  color: #365B15; /* #740000; */
  margin: 5px 0px 17px 0px;
  padding: 0px;
  /* clear: both; */
}

a:link {
    color:#C44423;
    text-decoration:none;
}
a:visited {
    color:#C44423;
    text-decoration:none;
}
a:active {
    color:#C44423;
    text-decoration:none;
}
a:hover {
    color:#C44423;
    text-decoration:underline;
}
/* !general */

/* notebar */
#notebar {
    width:990px; 
    height:30px; 
    background-color:#D9AD42; 
    margin:auto;
}

#notebarchevron {
    width:100px; 
    height:30px; 
    float:left;
}

#notebartext {
    font:italic small-caps 600 16px/30px "Trebuchet MS", "sans-serif"; 
    padding:0px 0px 0px 10px; 
    margin:0px 0px 0px 100px; 
    color:#FBFBDD;
}
/* !notebar */

/* Search */
/* input field */
#searchField { 
    /* width:132px; for when the right column was only 180px wide */
    width: 160px;
    height:24px;
    margin: 0px;
    padding: 0px;
    color: #325711;
    background-color: #FFF7D3; /* #E3FFDC; light green*/
    border: 1px solid #688D47;
    text-indent: 5px;
}
/* On the search results page */
#searchOutputContainer #searchField {
    width: 300px;
}
/* on the front page */
#colcntr2 #searchField {
    width: 160px;
}

#searchIcon {    
    margin:0px 0px -7px 0px;
    padding:0px; 
}
/* !input field */

/* search output */
#searchOutputContainer {
    width: 700px;
    margin: auto;
    padding: 20px 130px 20px 160px;
    background-color: #EBDFB5;
}

#searchOutput {
    width: 650px;
    padding: 25px;
    background-color: #FFF7D3;
    border: 1px solid #688D47;
}

/* This styles the search results summary header as in: 23 Results found for "spider"  */
.sisea-results {
    font-weight:bold;
}

/* Styles the pagination as in: Result pages:1|2|3 */
.sisea-paging {
    padding-top:10px;
}

/* This styles each result displayed. */
.sisea-result {
    padding-top:10px;
}

/* !search output */

/* old search styles */
div.search {
    /* margin: 0px 0px 15px 0px; Note: original as in style.css */
    margin:0;
    /* text-align: left; Note: original as in style.css */
    text-align:center;
    max-height:24px; /* added, not in original style.css */
}
div.search table {
    /* margin: 3px 0px 0px 0px; Note: original as in style.css */
    margin:auto;
    height:24px; /* added, not in original style.css */
    border-collapse:collapse; /* added, not in original style.css */
}
div.search input.text {
    /* width: 130px; Note: original as in style.css */
    /* width:160px; */
    /* height: 22px; Note: original as in style.css */
    height:24px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    border: 1px solid #96a3aa;
}
div.search input.button {
    /* margin: 0px; Note: original as in style.css */
    margin:0px 0px -7px 0px;
    padding:0px;
    /* font-size: .9em; Note: original as in style.css */
}
/* Note: the following specialized h2 style is not in the regular site's style.css 
Included here specifically for the homepage formatting, to eliminate the unnecessary title */
div.search h2 {
  display:none;
}
/* !old search styles */
/* !Search */

/* logo in the header */
#logo {
    float:left;
    margin:0;
    padding:0;
    border:0;
    height:200px;
    width:200px;
}
/* !logo in the header */

/* headerslider */
#headerslider {
    position:relative;
    margin-right:auto; 
    margin-left:auto;
    width:990px; 
    height:200px; 
}

#headermask_top {
    height:25px;
    width:695px;
    position:absolute;
    left:275px;
    top:0px;
    z-index:100;
}
#headermask_right {
    height:200px;
    width:20px;
    position:absolute;
    left:970px;
    top:0px;
    z-index:100;
}
#headermask_bottom {
    height:25px;
    width:695px;
    position:absolute;
    left:275px;
    top:175px;
    z-index:100;
}
#headermask_left {
    height:200px;
    width:75px;
    position:absolute;
    left:200px;
    top:0px;
    z-index:100;
}

#sequence {
    height: 200px;
    width: 790px;
    position: relative; /* required */
    min-height: 200px;
    max-width: 1400px;
    min-width: 790px;
    margin: 0 auto;
    overflow: hidden;
}
#sequence > .sequence-canvas { /* required */
    width: 100%;
    height: 100%;
    list-style-type:none;
}
#sequence > .sequence-canvas > li { /* required */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#sequence > .sequence-canvas li > * {  /* required */
    position: absolute;  
    /* -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; */
}

/*Safari and Chrome:*/
@-webkit-keyframes opening
{
0% {opacity:0;}
100% {opacity:0;}
}
@keyframes opening
{
0% {opacity:0;}
100% {opacity:0;}
}

/* for first fame - without motion */
/*Safari and Chrome:*/
@-webkit-keyframes img1in
{
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:1;}
}
@keyframes img1in
{
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:1;}
}
/* for first fame - without motion */
/*Safari and Chrome:*/
@-webkit-keyframes img1out
{
0% {opacity:1;}
100% {opacity:0;}
}
@keyframes img1out
{
0% {opacity:1;}
100% {opacity:0;}
}

/*Safari and Chrome:*/
@-webkit-keyframes motion1 /* top left to bottom right */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(45px,20px) scale(1.15);}
}
@keyframes motion1 /* top left to bottom right */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(45px,20px) scale(1.15);}
}

/*Safari and Chrome:*/
@-webkit-keyframes close1
{
0% {transform:translate(45px,20px) scale(1.15); opacity:1;}
100% {transform:translate(45px,20px) scale(1.15); opacity:0;}
}
@keyframes close1
{
0% {transform:translate(45px,20px) scale(1.15); opacity:1;}
100% {transform:translate(45px,20px) scale(1.15); opacity:0;}
}

/*Safari and Chrome:*/
@-webkit-keyframes motion2 /* top right to bottom left */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(-15px,0px) scale(1.15);}
}
@keyframes motion2 /* top right to bottom left */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(-15px,0px) scale(1.15);}
}

/*Safari and Chrome:*/
@-webkit-keyframes close2
{
0% {transform:translate(-15px,0px) scale(1.15); opacity:1;}
100% {transform:translate(-15px,0px) scale(1.15); opacity:0;}
}
@keyframes close2
{
0% {transform:translate(-15px,0px) scale(1.15); opacity:1;}
100% {transform:translate(-15px,0px) scale(1.15); opacity:0;}
}

/*Safari and Chrome:*/
@-webkit-keyframes motion3 /* bottom left to top right */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(0px,-15px) scale(1.15);}
}
@keyframes motion3 /* bottom left to top right */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(0px,-15px) scale(1.15);}
}

/*Safari and Chrome:*/
@-webkit-keyframes close3
{
0% {transform:translate(0px,-15px) scale(1.15); opacity:1;}
100% {transform:translate(0px,-15px) scale(1.15); opacity:0;}
}
@keyframes close3
{
0% {transform:translate(0px,-15px) scale(1.15); opacity:1;}
100% {transform:translate(0px,-15px) scale(1.15); opacity:0;}
}

/*Safari and Chrome:*/
@-webkit-keyframes motion4 /* bottom right to top left */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(-15px,-15px) scale(1.15);}
}
@keyframes motion4 /* bottom right to top left */
{
0% {opacity:0;}
50% {opacity:1;}
100% {transform:translate(-15px,-15px) scale(1.15);}
}

/*Safari and Chrome:*/
@-webkit-keyframes close4
{
0% {transform:translate(-15px,-15px) scale(1.15); opacity:1;}
100% {transform:translate(-15px,-15px) scale(1.15); opacity:0;}
}
@keyframes close4
{
0% {transform:translate(-15px,-15px) scale(1.15); opacity:1;}
100% {transform:translate(-15px,-15px) scale(1.15); opacity:0;}
}

/*Safari and Chrome:*/
@-webkit-keyframes info-opening
{
0% {opacity:0;}
100% {opacity:0.1;}
}
@keyframes info-opening
{
0% {opacity:0;}
100% {opacity:0.1;}
}
/*Safari and Chrome:*/
@-webkit-keyframes info
{
0% {opacity:0.1;}
30% {opacity:1;}
80% {opacity:1 }
100% { opacity:0;} /* transform:translate(40px,0px); */
}
@keyframes info
{
0% {opacity:0.1;}
30% {opacity:1;}
80% {opacity:1 }
100% {opacity:0;} /* transform:translate(40px,0px); */
}
/*Safari and Chrome:*/
@-webkit-keyframes info-closing
{
0% {opacity:1;}
100% {opacity:0.5;}
}
@keyframes info-closing
{
0% {opacity:1;}
100% {opacity:0.5;}
}

/*Safari and Chrome:*/
@-webkit-keyframes infoa-opening
{
0% {opacity:0;}
100% {opacity:0.1;}
}
@keyframes infoa-opening
{
0% {opacity:0;}
100% {opacity:0.1;}
}
/*Safari and Chrome:*/
@-webkit-keyframes infoa
{
0% {opacity:0.1;}
30% {opacity:1;}
80% {opacity:1 }
100% { opacity:0;} /* transform:translate(40px,0px); */
}
@keyframes infoa
{
0% {opacity:0.1;}
30% {opacity:1;}
80% {opacity:1 }
100% {opacity:0;} /* transform:translate(40px,0px); */
}
/*Safari and Chrome:*/
@-webkit-keyframes infoa-closing
{
0% {opacity:1;}
100% {opacity:0.5;}
}
@keyframes infoa-closing
{
0% {opacity:1;}
100% {opacity:0.5;}
}


.img1,.img2,.img3,.img4,.img5,.img6,.img7,.img8,.img9,.img10,.img11,.img12,.img13,.img14,.img15,.img16,.img17,.img18,.img19,.img20,.img21,.img22,.img23,.img24,.img25,.img26,.img27,.img28,.img29,.img30 {
    left: 60px; /* left: 65px; */
    top: 0px;
    /* opacity: 0;
   -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    z-index: 6; */
    -webkit-animation-name:opening;
    -webkit-animation-duration:1ms;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:forwards; /*none; both;*/
    -webkit-animation-delay:-1ms;
    animation-name:opening;
    animation-duration:1ms;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:forwards; /*none; both;*/
    animation-delay:-1ms;
}
/* .animate-in .img1,.animate-in .img2,.animate-in .img3,.animate-in .img4,*/.animate-in .img5,.animate-in .img6,.animate-in .img7,.animate-in .img8,.animate-in .img9,.animate-in .img10,/*.animate-in .img11,*/.animate-in .img12, /*.animate-in .img13,.animate-in .img14,*/.animate-in .img15,.animate-in .img16,.animate-in .img17,.animate-in .img18,.animate-in .img19,.animate-in .img20,.animate-in .img21,.animate-in .img22,.animate-in .img23,.animate-in .img24,.animate-in .img25,.animate-in .img26,.animate-in .img27,.animate-in .img28,.animate-in .img29,.animate-in .img30 {
    /* opacity: 1;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    -ms-transition-duration: 4s;
    transition-duration: 4s; 
    left:45px; 
    top: 20px; 
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 4; */
    -webkit-animation-name:motion1;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out; /*ease-in-out;*/
    -webkit-animation-fill-mode:both;/*none; forwards; */
    -webkit-animation-delay:50ms;
    animation-name:motion1;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out; /*ease-in-out;*/
    animation-fill-mode:both;/*none; forwards; */
    animation-delay:50ms;
}
.animate-in .img1{
    -webkit-animation-name:img1in;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-delay:0ms;
    animation-name:img1in;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
    animation-delay:0ms;
    /* z-index: 4; */
} 
/* Special positioning: Move Left */
.animate-in .img2, .animate-in .img3, .animate-in .img11, .animate-in .img14 {
   /* left:15px; */
    -webkit-animation-name:motion2;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-delay:0ms;
    animation-name:motion2;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
    animation-delay:0ms;
}
/* Special positioning: The eyes are close to the bottom. Move Up.*/
.animate-in .img13 {
   /* top: -15px; */
    -webkit-animation-name:motion3;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-delay:0ms;
    animation-name:motion3;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
    animation-delay:0ms;
    /* z-index: 4; */  
}
/* Special positioning: Move Up & Left */
.animate-in .img4 {
   /* top: -15px;
   left:15px; */
    -webkit-animation-name:motion4;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-delay:0ms;
    animation-name:motion4;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
    animation-delay:0ms;
}
/*.animate-out .img1,.animate-out .img2,.animate-out .img3,.animate-out .img4,*/.animate-out .img5,.animate-out .img6,.animate-out .img7,.animate-out .img8,.animate-out .img9,.animate-out .img10,/*.animate-out .img11,*/.animate-out .img12,/*.animate-out .img13,.animate-out .img14,*/.animate-out .img15,.animate-out .img16,.animate-out .img17,.animate-out .img18,.animate-out .img19,.animate-out .img20,.animate-out .img21,.animate-out .img22,.animate-out .img23,.animate-out .img24,.animate-out .img25,.animate-out .img26,.animate-out .img27,.animate-out .img28,.animate-out .img29,.animate-out .img30 {
    /* opacity: 0;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;   
    left:45px; 
    top: 20px;     
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); 
    z-index: 2;*/
    
    -webkit-animation-name:close1;
    -webkit-animation-duration:2.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:both; /* forwards; none; */
    -webkit-animation-delay:100ms;
    animation-name:close1;
    animation-duration:2.5s;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:both; /* forwards; none; */
    animation-delay:100ms;
}

.animate-out .img1 {
    -webkit-animation-name:img1out;
    -webkit-animation-duration:5.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-delay:0ms;
    animation-name:img1out;
    animation-duration:5.5s;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
    animation-delay:0ms;
}

/* Special positioning: Move Left */
.animate-out .img2, .animate-out .img3, .animate-out .img11, .animate-out .img14 {
   /*  left:15px; */
    -webkit-animation-name:close2;
    -webkit-animation-duration:2.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:both;
    -webkit-animation-delay:100ms;
    animation-name:close2;
    animation-duration:2.5s;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:both;
    animation-delay:100ms;  
}
/* Special positioning: The eyes are close to the bottom. Move Up.*/
.animate-out .img13 {
   /* top: -15px; */
    -webkit-animation-name:close3;
    -webkit-animation-duration:2.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:both;
    -webkit-animation-delay:100ms;
    animation-name:close3;
    animation-duration:2.5s;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:both;
    animation-delay:100ms;
}
/* Special positioning: Move Up & Left */
.animate-out .img4 {
   /* top: -15px;
   left:15px;  */
    -webkit-animation-name:close4;
    -webkit-animation-duration:2.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:both;
    -webkit-animation-delay:100ms;
    animation-name:close4;
    animation-duration:2.5s;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:both;
    animation-delay:100ms;
}

#sequence .info a {
    opacity: 0;
    color:#FFFFFF;
    text-shadow: 0px 0px 7px #000000;
    font-size: 26px;
    text-decoration: none;
    line-height: 1.2em;
    font-family:"Trebuchet MS", "Palatino Linotype", "Book Antiqua", Palatino, Bookman;
    
            /*Safari and Chrome:*/
    -webkit-animation-name:infoa-opening;
    -webkit-animation-duration:1s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode:none; /*both; forwards; */
    -webkit-animation-delay:0s;
    animation-name:infoa-opening;
    animation-duration:1s;
    animation-direction:normal;
    animation-timing-function:ease-in;
    animation-fill-mode:none; /*both; forwards; */
    animation-delay:0s;
    
}
#sequence .animate-in .info a {
    -webkit-animation-name:infoa;
    -webkit-animation-duration:6.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode:both;  /* none; forwards; */
    -webkit-animation-delay:0.5s;
    animation-name:infoa;
    animation-duration:6.5s;
    animation-direction:normal;
    animation-timing-function:ease-in;
    animation-fill-mode:both;  /* none; forwards; */
    animation-delay:0.5s;
}
#sequence .animate-out .info a {
    /*Safari and Chrome:*/
    -webkit-animation-name:infoa-closing;
    -webkit-animation-duration:1ms;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:animation-fill-mode:none;  /* both; forwards; */
    -webkit-animation-delay:-1ms;
    animation-name:infoa-closing;
    animation-duration:1ms;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:none;  /* both; forwards; */
    animation-delay:-1ms;
}

#sequence .info {
    opacity: 0;
    right: 6%;
    top: 110px;
    width: 85px;
    z-index: 10;
    vertical-align: middle;
    
        /*Safari and Chrome:*/
    -webkit-animation-name:info-opening;
    -webkit-animation-duration:1s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode:none; /*both; forwards; */
    -webkit-animation-delay:0s;
    animation-name:info-opening;
    animation-duration:1s;
    animation-direction:normal;
    animation-timing-function:ease-in;
    animation-fill-mode:none; /*both; forwards; */
    animation-delay:0s;

   /* -webkit-transition-duration: 0s;
    transition-duration: 0s; */
}

#sequence .animate-in .info {
    /*Safari and Chrome:*/
    -webkit-animation-name:info;
    -webkit-animation-duration:6.5s;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-fill-mode:both;  /* none; forwards; */
    -webkit-animation-delay:0.5s;
    animation-name:info;
    animation-duration:6.5s;
    animation-direction:normal;
    animation-timing-function:ease-in;
    animation-fill-mode:both;  /* none; forwards; */
    animation-delay:0.5s;
    /* opacity: 1;
    right: 6%;
    -webkit-transition-duration: 3s;
    transition-duration: 3s; */
}

#sequence .animate-out .info {
    /*Safari and Chrome:*/
    -webkit-animation-name:info-closing;
    -webkit-animation-duration:1ms;
    -webkit-animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode:animation-fill-mode:none;  /* both; forwards; */
    -webkit-animation-delay:-1ms;
    animation-name:info-closing;
    animation-duration:1ms;
    animation-direction:normal;
    animation-timing-function:linear;
    animation-fill-mode:none;  /* both; forwards; */
    animation-delay:-1ms;
    /* opacity: 0;
    right: -10%;
    -webkit-transition-duration: 1s;
    transition-duration: 1s; */
}
/* !headerslider */

/* needed everywhere */
div.clearboth { /* also used in columncontent chunk */
    line-height:0px;
    height:0px;
    max-height:0px;
    margin:0px;
    padding:0px;
    border:0px;
    width:100%;
    background-color:red;
    clear:both;
}

/* infoslider chunk */  
div.leftspacer {
    float:left;
    width:45px;
    height:240px;
    margin:0;
    padding:0;
    border:0;
}
    
div.leftimg {
    float:left;
    width:auto;
    height:240;
    margin:0;
    padding:6px 6px 0px 0px;
}
    
div.sequence-prev {
    position:absolute;
    float:left;
    width:32px;
    top:202px;
    left:7px;
}
    
div.sequence-next {
    position:absolute;
    float:right;
    width:32px;
    top:202px;
    left:952px;
}

div.content {
    width:auto;
    height:230px;
    max-height:230px;
    overflow:auto;
    margin-left:auto;
    padding-left:10px;
    margin-right:45px;
}

#infoslider {
    margin-left:auto; 
    margin-right:auto; 
    width:990px; 
    height240px;
}

#sequence2 {
    height: 240px;
    width: 990px;
    position: relative; /* required */
    min-height: 240px;
    max-width: 990px;
    min-width: 990px;
    margin: 0 auto;
    overflow: hidden;
}

#sequence2 > .sequence-canvas { /* required */
    width: 100%;
    height: 100%;
    list-style-type:none;
}

#sequence2 > .sequence-canvas > li { /* required */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#sequence2 > .sequence-canvas li > * {  /* required */
    position: absolute;  
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10,.slide11,.slide12,.slide13,.slide14,.slide15,.slide16,.slide17,.slide18,.slide19,.slide20 {
    position:absolute;
    width:990px;
    max-width:990px;
    height:240px;
    background-color:#EBDFB5;
    line-height:127%;

  left:-1000px;
  top:0px;
  opacity:0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-in .slide1,.animate-in .slide2,.animate-in .slide3,.animate-in .slide4,.animate-in .slide5,.animate-in .slide6,.animate-in .slide7,.animate-in .slide8,.animate-in .slide9,.animate-in .slide10,.animate-in .slide11,.animate-in .slide12,.animate-in .slide13,.animate-in .slide14,.animate-in .slide15,.animate-in .slide16,.animate-in .slide17,.animate-in .slide18,.animate-in .slide19,.animate-in .slide20 {
  left:0px;
  top:0px;
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -ms-transition-duration: 2s;
  transition-duration: 2s;
}

.animate-out .slide1,.animate-out .slide2,.animate-out .slide3,.animate-out .slide4,.animate-out .slide5,.animate-out .slide6,.animate-out .slide7,.animate-out .slide8,.animate-out .slide9,.animate-out .slide10,.animate-out .slide11,.animate-out .slide12,.animate-out .slide13,.animate-out .slide14,.animate-out .slide15,.animate-out .slide16,.animate-out .slide17,.animate-out .slide18,.animate-out .slide19,.animate-out .slide20 {
  left:1000px;
  top:0px;
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -ms-transition-duration: 2s;
  transition-duration: 2s;
}
/* !infoslider chunk */

/* columncontent chunk */
  /* For the columncontent section below the infoslider.
   * Note: The link styling is generic to the page and is listed in prior css. 
   */
   
   
  /* #colwrap-inner -- inner column wrapper to keep contents from spilling over into the footer on narrow window widths */
  #colwrap-inner {  
    min-width:990px;
  }
  
  #colwrap { /* column wrapper */
    margin:auto;
    height:260px;  
	width:990px;
    background-color:#EBDFB5; 
    font-family:"Trebuchet MS", "sans-serif";
  }
  
  .colcntr1 { /* Containers of the first three columns. */
    float:left; 
    height:250px; 
    width:240px; 
    min-width:240px; 
    max-width:240px; 
    padding:10px 5px 5px 5px; 
    margin:5px 0px 5px 5px; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; /* Firefox */ 
    background-color:#F0EACA; 
    text-align:center; 
    overflow:hidden;
  }
  
  .coltxt { /* For link text and explanatory sections. */ 
    font-size: small;
  }
  
  .coltitle { /* Titles within the columns, these are spans. */
    color:#3A5F19; 
    font:bold 17px "Trebuchet MS", "sans-serif"; 
    padding-top:5px;
  }
  
  .colcntr2 { /* container for the button column  */
    float:left; 
    height:250px; 
    width:245px; 
    min-width:245px; 
    margin:5px; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; /* Firefox */; 
    text-align:center;
  }
  
  .colbtn { /* container for the buttons */
    height:29px; 
    width:210px; 
    padding-top:20px; 
    margin:auto;
  }
  
  .colbtnleft { /* left button background graphic */
    float:left; 
    height:29px; 
    width:10px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundLeft_orange.png'); 
    background-color:#EBDFB5; 
    /* corners of the graphic are transparent, 
    set the background-color to match to the overall background */
  }
  
  .colbtncenter { /* center of button background graphic */
    float:left; 
    height:29px; 
    width:190px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundCenter5px_orange.png'); 
    background-color:#EBDFB5; 
    background-repeat:repeat-x; 
    text-align:center; 
    line-height:28px;
  }
  
  .colbtntxt {
    color:#FBFBDD;
    font-weight:500;
  }
  
  .colbtnright { /* right button background graphic */
    float:left; 
    height:29px; 
    width:10px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundRight_orange.png'); 
    background-color:#EBDFB5;
    /* corners of the graphic are transparent, 
    set the background-color to match to the overall background */
  }
  
  /* !columncontent chunk */
  
  /* Background images */
img.bg_left {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -99;
}
img.bg_right {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -100;
}
  /* !Background images */
  
/* ************************** Content Table ************************** */
table.main {
  margin: 0px auto 0px auto;
  width: 990px;
}

/* **************************      Menu     ************************** */

/* The background of the menu */
td.menu {
  background-image:url(../images/bg_menu.jpg);
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 29px;
}

/* The menu contents */
td.menu * {
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-weight: normal !important;
  /* was font-size:14px; */
  font-size:16px;
  line-height: 29px !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}
td.menu a:hover {
  text-decoration: none;
}

/* Superfish overrides */
td.menu ul.sf-menu {
  position: relative;
}
td.menu a {
  float: left;
  height: 29px;
}
td.menu li {
  height: 29px;
}
td.menu ul.sf-menu li:hover ul,
td.menu ul.sf-menu li.sfHover ul {
  top: 29px; /* match menu height */
}
td.menu ul.sf-menu ul li {
  background-color: #325711 !important;
  text-align: left;
  padding-left: 6px !important;
  border-bottom: 1px solid #68904A !important;
  position: relative;
  left: -6px;
}

/* Shadow under the menu, with rounded corners */
td.menu .sf-shadow ul {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  padding: 0 10px 8px 0 !important;
}

/* Spacer images */
td.menu img {
  position: relative;
  padding: 0px 15px !important;
  margin: 0px;
  height: 29px;
}
td.menu img.last {
  display: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	/* right: 1em; */
    right: -1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* Green Buttons */
  
  .greenbtnctr { /* container for the buttons */
    /* float:left; */
    height:29px; 
    width:210px; 
    padding-top:20px; 
    /* margin:0px 10px; */
    margin:auto;
  }
  
  .greenbtnleft { /* left button background graphic */
    float:left; 
    height:29px; 
    width:10px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundLeft.png'); 
    background-color:#FBFBDD; 
    /* corners of the graphic are transparent, 
    set the background-color to match to the overall background */
  }
  
  .greenbtncenter { /* center of button background graphic */
    float:left;
    height:29px; 
    width:190px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundCenter5px.png'); 
    background-color:#FBFBDD; 
    background-repeat:repeat-x; 
    text-align:center; 
    line-height:28px;
  }
  
  span.greenbtntxt {
    color:#FBFBDD;
    font-weight:500;
  }
  
  .greenbtnright { /* right button background graphic */
    float:left; 
    height:29px; 
    width:10px; 
    background-image:url('../images/columncontent/RoundCornerButtonBackgroundRight.png'); 
    background-color:#FBFBDD;
    /* corners of the graphic are transparent, 
    set the background-color to match to the overall background */
  }
  
  /* !green buttons */
  
/* **************************     Footer    ************************** */

/* Footer background */
td.footer {
  font-size:75%;
  color:#26281A;
  background-color: #90B770;
  background-image:url(../images/bg_footer.jpg);
  background-repeat: repeat-x;
  padding: 15px;
}

/* Links in the footer */
table.footer_links {
  margin-bottom: 30px;
}
td.footer a {
  color: #000000;
  text-decoration: underline;
}
table.footer_links a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* Width and padding for the link columns to even them out */
table.footer_links td.col01, table.footer_links td.col05 {
  padding: 0px;
  width: 180px; /* Same as content left and right columns */
}
table.footer_links td.col02 {
  padding: 0px 0px 0px 20px;
  width: 180px !important; /* Width of middle column (including padding) / 3 - padding */
}
table.footer_links td.col03 {
  padding: 0px 20px;
  width: 160px !important; /* Width of middle column (including padding) / 3 - padding */
}
table.footer_links td.col04 {
  padding: 0px 20px 0px 0px;
  width: 180px !important; /* Width of middle column (including padding) / 3 - padding */
}

/* **************************    New Footer Settings     ************************** */

div.footer_container {
  width: 940px;  /* total 990px */ 
  padding: 25px;
  margin: auto;
  font-size: 12px; /*75%;*/
  color: #26281A;
  background-color: #90B770;
  background-image: url(../images/bg_footer.jpg);
  background-repeat: repeat-x;
}

div.footer_container a {
  font-size: 12px; /*75%;*/
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

div.footer_column {
  width: 200px; /*180px;*/
  padding-right: 10px;
  float:left;
}

div.footer_column_last {
  width: 100px; /*180px;*/
  float:left;
}

div.footer_logos {
  margin: auto;
  width: 630px; /*400px;*/
}

div.footer_bottom {
  color: #3A5F19;
  width: 940px;
  font-size: 12px;
}

/* Legal information */
div.nonprofit {
  font-weight: bold;
  font-size: 12px;
}
div.legal {
  /* font-size: .9em; */
  font-size:80%;
  margin-bottom: 12px;
  font-size: 12px;
}

span.copyright {
  font-size: 12px;
}

/* Site credit */
div.credit, div.credit a {
  /* font-size: .9em; */
  font-size: 12px;
}