body {color:#fff;}

.footer {
  position:fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height:60px;
  z-index:9;
  padding-top:10px;
}
.footer p{margin:0;padding:0;}
.footer .pull-right {margin-top:0;position: absolute;right: 0; top: 10px;z-index:10;}
.footer p.legal {margin-top: 10px;}

#fixedCalloutWrap {position:fixed;z-index:999;left:0;top:50px;width:277px;height:277px;}
#fixedCallout {width: 0;height: 0;border-style: solid;border-width: 277px 277px 0 0;border-color: #3aaf20 transparent transparent transparent;}
#fixedCallout a {outline:none;position:absolute;top:5px;left:5px;color:#fff;font-size:22px;line-height:1.2;}
#fixedCallout a span {font-size:16px;display:block;line-height:1.4;}
@media screen and (max-width: 1024px) {
	#fixedCalloutWrap {width:220px;height:220px;}
	#fixedCallout {width: 0;height: 0;border-style: solid;border-width: 220px 220px 0 0;border-color: #3aaf20 transparent transparent transparent;}
	#fixedCallout a {font-size:18px;}
}


.section a {color:#3AAD20;z-index:9999;}
.section p {line-height:1.5;}
.section h2, .section h3, .section h4 {text-align:center;}
.section .btn-default {border:1px solid #3BAF20;background-image:none;background-color:transparent;text-shadow:none;font-family:"Raleway",sans-serif;font-size:18px;font-weight:400;}
.section .btn-default:hover {background:rgba(0,0,0,0.54);}


#section1 .btn-default {color:#fff;}
#section1 p.lead {font-size:40px;font-weight:300;text-align:center;line-height:1.6;}
#section1 p {margin-bottom:20px;}
#section1 p, #section1 li {font-weight:300;font-size:16px;line-height:24px;}

@media (max-height: 900px) {
	#section1 p.lead {font-size:24px;font-weight:300;text-align:center;line-height:1.6;}
}

#section2 {background-color:#202020;padding-top:60px;padding-bottom:60px;}
#section2 p {text-align:center;}

#section3 {background-color:#EBEBEB;padding-top:80px;padding-bottom:80px;}
#section3 h2 {color:#4C4C4C;}
#section3 .col-md-6 {display:table;}
#section3 .box {padding:2em;vertical-align:top;display:table-cell;border:1px solid #ccc;box-shadow: 1px 1px 2px 0 #cccccc inset;background:#fff;}
#section3 .box h2 {margin-bottom:30px;}
#section3 .box img.icon-library {margin:0 30px 0 0;}
#section3 p{font-size:16px;color:#4C4C4C;padding-left:30px;padding-right:30px;}
#section3 #baselineBox:hover {opacity:0.7;} 

/* #section3 #baselineBox > a {margin-top:80px;display:block;} */

@media screen and (min-width: 1024px) {
#section3 #baselineBox {}
#section3 .box {padding:2em;vertical-align:top;display:table-cell;height:500px;max-height:601px;border:1px solid #ccc;}
#matrix {margin-top:-40px;}
}

#section4 {background-color:#fff;color:#4C4C4C;}
#section4 h2{color:#4C4C4C;margin:2.5em 0;}
#section4 h3 {text-align:left;margin:15px 0;}
#section4 h3 a {color:#4C4C4C;font-size:18px;}
#section4 .date {font-size:13px;}
#section4 article {padding:10px 30px;border-bottom:1px solid #D6D6D6;}
#section4 article:first-child {border-top:0;}
#section4 .col-md-6:first-child {border-right:1px solid #D6D6D6;}

#slide1 {background-image:url(images/site-bg.jpg);background-repeat:no-repeat;padding-bottom:100px;} 
#slide2 {padding-top:60px;background-image:url(images/MI-Flags.jpg);background-size: 35%}
#slide2 .container {}
#slide2 p {font-size: 18px; font-weight: 400; line-height: 35px;}
#slide2 article {width:80%;background-color:rgba(255,255,255,0.90);padding:30px;color:#343434;border-radius:2px;}
#slide2 article a.btn-default{color:#343434;}

.map-tooltip {background:#4D4D4D;border:1px solid #3BAF20;padding:0 15px;max-width:270px;}
.map-tooltip ul {margin-left:10px;padding-left:0;}
.map-tooltip h3 {font-size:16px;}

.jqvmap-label {
    background: #292929 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: none;
    font-family: sans-serif,Verdana;
    font-size: smaller;
    padding: 3px;
    position: absolute;
}
.jqvmap-zoomin, .jqvmap-zoomout {
    background: #000000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    height: 10px;
    left: 10px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 10px;
}
.jqvmap-zoomin {
    top: 10px;
}
.jqvmap-zoomout {
    top: 30px;
}
.jqvmap-region {
    cursor: pointer;
}
.jqvmap-ajax_response {
    height: 500px;
    width: 100%;
}
.jqvmap-zoomin, .jqvmap-zoomout {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 8px #000000;
    color: #000;
    cursor: pointer;
    font-size: 26px;
    height: 23px;
    line-height: 14px;
    margin: 4px 0;
    padding: 3px;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 23px;
	left:initial;
}
.jqvmap-zoomout {
    margin: 13px 0;
}

#eu {position: absolute; text-align: center; width: 200px;cursor:default;bottom:0;left:0;right:0;margin:auto;width:150px;z-index:99;border:1px solid #3aad20;padding:3px;border-radius:2px;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

#eu .tooltip {background: #4D4D4D;border:1px solid #3BAF20;box-shadow:0 0 0 6px #292929;bottom: 100%;color: #fff;display: block;left: -25px;opacity: 0; pointer-events: none; position: absolute; width:270px;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
#eu .tooltip h3 {text-align:left;}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
#eu .tooltip:before {bottom: -20px;content: " ";display: block;height: 20px;left: 0;position: absolute; width: 100%;}  

/* CSS Triangles
#eu .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}*/
  
#eu:hover .tooltip {opacity: 1; pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 #eu .tooltip { display: none;}

.lte8 #eu:hover .tooltip { display: block;}

.fp-controlArrow.fp-next {border-width: 19.5px 0 19.5px 19px;}
.fp-controlArrow.fp-prev { border-width: 19.5px 19px 19.5px 0;}

#legend { border: 1px dashed #787878;  display: inline-block; float: right;overflow: hidden;padding: 10px; width: 32%;display:none;}
#legend td, #legend th{padding:5px;border:1px solid #787878;font-size:12px;font-weight:bold;}