/* GENERAL
============================================================================= */

body {
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    background: #fff url(images/main_bg.png) repeat;
}

a,
a:visited {
    color: #669900;
    font-weight: 600;
    text-decoration: underline;
    -webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

a:hover {
    color: #446600;
    text-decoration: none;
}

nav ul {
    list-style: none;
}

nav li {
    display: inline;
    float: left;
}

h1, 
h2 {
    font-size: 1.8em;
    font-weight: 600;
}

section {
    position: relative; 
    overflow: hidden;
}

.red_noise {
    background-image: url('images/red_noise.png');
    background-repeat: repeat;
}

.grey_noise {
    background-image: url('images/grey_noise.png');
    background-repeat: repeat;
}

.light_grey_noise {
    background-image: url('images/light_grey_noise.png');
    background-repeat: repeat;
}

.green_noise {
    background-image: url('images/green_noise.png');
    background-repeat: repeat;
}

.noise {
    background-image: url('images/noise.png');
    background-repeat: repeat;
}

.gradient.green {
    background: #82b500;
    background: rgb(102,153,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,153,0,1) 0%, rgba(130,181,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,153,0,1)), color-stop(100%,rgba(130,181,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* W3C */
}

.gradient.green.alpha {
    background: #82b500;
    background: rgb(102,153,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,153,0,.9) 0%, rgba(130,181,0,.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,153,0,.9)), color-stop(100%,rgba(130,181,0,.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(102,153,0,.9) 0%,rgba(130,181,0,.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(102,153,0,.9) 0%,rgba(130,181,0,.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(102,153,0,.9) 0%,rgba(130,181,0,.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(102,153,0,.9) 0%,rgba(130,181,0,.9) 100%); /* W3C */
}

.wrapper {
    height: 100%;
}

.widget_black_studio_tinymce {
    list-style: none;
}

.funkyshadow {
    position: relative;
}

.funkyshadow:before, 
.funkyshadow:after { 
    position: absolute;
    z-index: -1; 
    content: "";
    top: 80%;
    bottom: 15px;
    left: 10px;
    width: 50%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.7);
       -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.7);
            box-shadow: 0 15px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
}

.funkyshadow:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
         -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
            transform: rotate(3deg);
}

/* Fonts */

@font-face {
    font-family: 'LearningCurveProRegular';
    src: url('fonts/LearningCurve_OT-webfont.eot');
    src: url('fonts/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LearningCurve_OT-webfont.woff') format('woff'),
         url('fonts/LearningCurve_OT-webfont.ttf') format('truetype'),
         url('fonts/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* SPRITES
============================================================================= */

.sprite {
    display: inline-block;
    background: url(images/sprites.png) no-repeat;
}

.icon_prev,
.icon_next {
    position: absolute;
    top: 50%;
    height: 42px;
    width: 15px;
    margin-top: -7px;
    text-indent: -9999em;
}

.icon_prev {
    left: 15px;
    background-position: -19px -104px;
}

.icon_next {
    right: 15px;
    background-position: 0 -104px;
}

.icon_down {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 14px;
    width: 44px;
    margin-top: -7px;
    background-position: -36px -104px;
}

.icon_tab {
    position: absolute;
    top: 0;
    left: 50%;
    height: 56px;
    width: 76px;
    margin-left: -38px;
    z-index: 10;
}

.icon_tab.closed {
    background-position: -78px -46px;
}

.icon_tab.open {
    background-position: 0 -46px;
}

.icon_facebook {
    height: 24px;
    width: 24px;
    background-position: -21px 0;
}

.icon_twitter {
    height: 24px;
    width: 27px;
    background-position: -46px 0;
}

.icon_mobile {
    display: none;
    height: 21px;
    width: 20px;
    background-position: -72px 3px;
}

.arrow {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 0;
    height: 0;
    text-indent: -9999em;
}

.left.arrow {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #861010;
}

.down.arrow {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(255,255,255,0.88);
}


/* BUTTONS
============================================================================= */

a.button {
    display: inline-block;
    padding-left: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: white;
    text-decoration: none;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

a.button span {
    display: inline-block;
    padding: 10px 20px 10px 13px;
    border-left: 1px solid rgba(0,0,0,0.2);
}

a.button.green {
    background: #82b500;
    background: rgb(102,153,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,153,0,1) 0%, rgba(130,181,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,153,0,1)), color-stop(100%,rgba(130,181,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(102,153,0,1) 0%,rgba(130,181,0,1) 100%); /* W3C */
}

a.button.green:hover {
    background: #669900;
}

a.button.green:active {
    background: #82b500;
}

a.button.circle {
    padding: 8px;
    font-size: 1.3em;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	behavior: url(ie-css3.htc);
}

a.button.circle span {
    padding: 22px;
    line-height: 25px;
    border: 0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	behavior: url(ie-css3.htc);
}

a.button.more {
    position: absolute;
    top: 0;
    right: 0;
}

#events a.button.more {
    right: 10px;
}

a.button.more span {
    padding: 5px 20px 5px 13px;
}


/* CAROUSELS (Sequence)
============================================================================= */

.sequence li {
    position: relative;

}

.sequence li > * {
    position: absolute;

}

.sequence .title {
    bottom: 4.5em;
    left: -25%;
    opacity: 0;
}

.sequence .animate-in .title {
    left: 25px;
    opacity: 1;
    -webkit-transition-duration: 0.7s;
       -moz-transition-duration: 0.7s;
        -ms-transition-duration: 0.7s;
         -o-transition-duration: 0.7s;
            transition-duration: 0.7s;
}

.sequence .animate-out .title {
    left: 15%;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.sequence .read_more {
    bottom: 50px;
    left: -35%;
    opacity: 0;
}

.sequence .animate-in .read_more {
    left: 25px;
    opacity: 1;
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
}

.sequence .animate-out .read_more {
    left: 30%;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.sequence img {
    top: 15px;
    right: 25%;
    opacity: 0;
}

.sequence .animate-in img {
    right: 15px;
    opacity: 1;
    -webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
        -ms-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.sequence .animate-out img {
    right: 15px;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.sequence_pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sequence_pagination li {
    display: inline;
    float: left;
}

.sequence_pagination li span {
    cursor: pointer;
    display: block;
    height: 12px;
    width: 12px;
    margin-right: 1em;
    text-indent: -9999em;
    background: rgba(179,179,179,0.5);
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 #fff,
                0 1px 1px 0 rgba(0,0,0,0.33) inset;
    -webkit-transition-duration: all 0.1s ease-out;
       -moz-transition-duration: all 0.1s ease-out;
        -ms-transition-duration: all 0.1s ease-out;
         -o-transition-duration: all 0.1s ease-out;
            transition-duration: all 0.1s ease-out;
}

.sequence_pagination li span.active {
    background-image: url('images/green_noise.png');
    background-repeat: repeat;
}

.slider {
    margin-top: 20px;
}

.slider ul {
    margin: 0;
    padding: 0;
}

.slider li {
    display: inline;
    float: left;
    width: 32.8%;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.4);
    border-left: 1px solid rgba(255,255,255,0.5);
}

.slider li:first-child {
    border-left: 0;
}

.slider li:nth-child(3) {
    border-right: 0;
} 

.slider .image {
    display: inline-block;
    height: 114px;
}

.slider li a {
    display: inline-block;
    height: 100%;
}

.slider li .title {
    display: inline-block;
    margin-top: .5em;
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    -webkit-transition-duration: all 0.1s ease-out;
       -moz-transition-duration: all 0.1s ease-out;
        -ms-transition-duration: all 0.1s ease-out;
         -o-transition-duration: all 0.1s ease-out;
            transition-duration: all 0.1s ease-out;
}

.slider li a:hover .title {
    color: #9d2a29;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}


/* HEADER
============================================================================= */

#top {
    position: fixed;
    height: 40px;
    width: 100%;
    z-index: 99;
    background-color: #c34342;
    border-top: 1px solid rgba(0,0,0,0.19);
    border-bottom: 2px solid rgba(134,16,16,0.4);
}

/*** Primary Navigation ***/

#primary_nav_m {
    display: none;
}

.primary_nav * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.primary_nav a {
    display: block;
    position: relative;
    float: left;
    padding: 0 12px;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    font-size: 1.1em;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

.primary_nav ul li a.expand {
    display: none;
}

.primary_nav li:hover,
.primary_nav li.current-page-ancestor,
.primary_nav li.current-menu-item,
.primary_nav li.current-menu-ancestor {
    background-color: #861010;
}

.primary_nav .menu > li.has_children:hover {
    background-image: url('images/grey_noise.png');
    background-repeat: repeat;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
}

.primary_nav .menu > li.has_children:hover > a {
    color: #000;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

/* Submenu - Level 1 */

.primary_nav .sub-menu {
    display: none;
    position: absolute;
    top: 40px;
    z-index: 98;
    padding: 10px 1%;
    background-color: #fff;
    background-image: url('images/grey_noise.png');
    background-repeat: repeat;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.33);
}

/*** Hide Region map ***

primary_nav .menu-item-28 > .sub-menu {
    width: 600px;
    padding-bottom: 40px;
}

*** End Hide Region map ***/

.primary_nav li:hover .sub-menu {
    display: block;
}

.primary_nav .sub-menu li {
    display: block;
    position: relative;
    float: none;
    margin-bottom: 1px;
    overflow: hidden;
}

/*** Hide Region map ***

#primary_nav .menu-item-28 > .sub-menu > li {
    width: 30%;
}

*** End Hide Region map ***/

.primary_nav .sub-menu li:hover {
    background: none;
}

.primary_nav .sub-menu a {
    display: block;
    float: none;
    margin: 0 5%;
    padding: 10px 0;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
    font-size: 1em;
    text-align: left;
    line-height: normal;
}

.primary_nav .sub-menu a {
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.33);
}

.primary_nav .sub-menu li:first-child a {
    border-top: 0;
}

.primary_nav .sub-menu li:last-child a {
    border-bottom: 0;
}

.primary_nav .sub-menu li:hover,
.primary_nav .sub-menu li.current-page-ancestor,
.primary_nav .sub-menu li.current-menu-item,
.primary_nav .sub-menu li.current-menu-ancestor {
    background-color: transparent;
}

.primary_nav .sub-menu a:hover,
.primary_nav .sub-menu a.hover,
.primary_nav .sub-menu li.current-page-ancestor > a,
.primary_nav .sub-menu li.current-menu-item > a {
    color: #9d2a29;
}

/* Resources */

/*** Hide Region map ***

#primary_nav .menu-item-260 {
    position: absolute;
    top: 4%;
    left: 32%;
    overflow: visible;
}

#primary_nav .menu-item-260 a {
    padding-bottom: 0;
}

#primary_nav .menu-item-28 .sub-menu li:first-child a,
#primary_nav .menu-item-28 .sub-menu li:last-child a {
    border-top: 0;
}

#primary_nav .menu-item-28 .sub-menu li:last-child a,
#primary_nav .menu-item-28 .sub-menu li:nth-last-child(2) a {
    border-bottom: 0;
}

*** End Hide Region map ***/

#top .grid_4 {
    display: block;
}

/* Regions map */

/*** Hide Region map ***

#primary_nav .regions_map,
.regions_map {
    position: absolute;
    top: 0;
    left: 75%;
    height: 223px;
    width: 261px;
}

*** End Hide Region map ***/

/* Regions */

/*** Hide Region map ***

#primary_nav .regions_map a.region,
.regions_map a.region {
    display: none;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

.no-js #primary_nav .regions_map a.region,
.no-js .regions_map a.region {
    display: block;
}

#primary_nav .regions_map a.region,
.regions_map a.region {
    position: absolute;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
}

.regions_map a.northwest {
    top: 0;
    left: 0;
    height: 73px;
    width: 99px;
    background-image: url(images/regions/northwest.png);
}

.regions_map a.northwest:hover,
.regions_map a.northwest.hover,
.regions_map a.northwest.current {
    background-position: -99px 0;
}

.regions_map a.northeast {
    top: 0;
    left: 94px;
    height: 101px;
    width: 106px;
    background-image: url(images/regions/northeast.png);
}

.regions_map a.northeast:hover,
.regions_map a.northeast.hover,
.regions_map a.northeast.current {
    background-position: -106px 0;
}

.regions_map a.st_joseph {
    top: 36px;
    left: 30px;
    height: 12px;
    width: 14px;
    background-image: url(images/regions/stjoseph.png);
}

.regions_map a.st_joseph:hover,
.regions_map a.st_joseph.hover,
.regions_map a.st_joseph.current {
    background-position: -14px 0;
}

.regions_map a.greater_kc {
    z-index: 1;
    top: 55px;
    left: 32px;
    height: 34px;
    width: 31px;
    background-image: url(images/regions/greater_kc.png);
}

.regions_map a.greater_kc:hover,
.regions_map a.greater_kc.hover,
.regions_map a.greater_kc.current {
    background-position: -31px 0;
}

.regions_map a.central {
    top: 48px;
    left: 45px;
    height: 89px;
    width: 104px;
    background-image: url(images/regions/central.png);
}

.regions_map a.central:hover,
.regions_map a.central.hover,
.regions_map a.central.current {
    background-position: -104px 0;
}

.regions_map a.greater_stl {
    top: 75px;
    left: 187px;
    height: 31px;
    width: 36px;
    background-image: url(images/regions/greater_stl.png);
}

.regions_map a.greater_stl:hover,
.regions_map a.greater_stl.hover,
.regions_map a.greater_stl.current {
    background-position: -36px 0;
}

.regions_map a.south_central {
    z-index: 1;
    top: 90px;
    left: 127px;
    height: 65px;
    width: 71px;
    background-image: url(images/regions/south_central.png);
}

.regions_map a.south_central:hover,
.regions_map a.south_central.hover,
.regions_map a.south_central.current {
    background-position: -71px 0;
}

.regions_map a.jefferson_county {
    z-index: 1;
    top: 101px;
    left: 194px;
    height: 26px;
    width: 22px;
    background-image: url(images/regions/jefferson_county.png);
}

.regions_map a.jefferson_county:hover,
.regions_map a.jefferson_county.hover,
.regions_map a.jefferson_county.current {
    background-position: -22px 0;
}

.regions_map a.southwest {
    top: 114px;
    left: 45px;
    height: 84px;
    width: 142px;
    background-image: url(images/regions/southwest.png);
}

.regions_map a.southwest:hover,
.regions_map a.southwest.hover,
.regions_map a.southwest.current {
    background-position: -142px 0;
}

.regions_map a.southeast {
    top: 115px;
    left: 177px;
    height: 107px;
    width: 84px;
    background-image: url(images/regions/southeast.png);
}

.regions_map a.southeast:hover,
.regions_map a.southeast.hover,
.regions_map a.southeast.current {
    background-position: -84px 0;
}

*** End Hide Region map ***/

/* Submenu - Level 2 */

.primary_nav .sub-menu .sub-menu {
    display: block;
    position: relative;
    top: 0;
    z-index: 0;
    width: auto;
    padding: 10px;
    background: none;
    box-shadow: none;
}

.primary_nav .sub-menu .sub-menu li {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    margin-bottom: 1px;
    padding: 0 0 0 3px;
    overflow: hidden;
}

.primary_nav .sub-menu .sub-menu li:before {
    float: left;
    content: "> ";
}

.primary_nav .sub-menu .sub-menu a {
    padding: 0 0 0 3px;
    font-weight: 400;
}

/* Search */

#searchform {
    position: relative;
    top: 9px;
    float: left;
}

#searchform label {
    display: none;
}

#searchform #s {
    position: relative;
    padding: 2px;
    width: 180px;
    color: #666;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: -1px -1px 1px 0 rgba(0,0,0,.5);
}

#searchform #s:focus {
    outline: none;
}

#searchform #searchsubmit {
    position: absolute;
    top: 3px;
    right: 2px;
    height: 18px;
    width: 18px;
    padding: 0;
    text-indent: -9999em;
    border: 0;
    background: url(images/sprites.png) no-repeat 0 0;
}

::-webkit-input-placeholder {
    font-family: 'Open Sans', Arial, sans-serif;
    font-style: italic;
    font-size: .9em;
}
:-moz-placeholder {
    font-family: 'Open Sans', Arial, sans-serif;
    font-style: italic;
    font-size: .9em;
}
::-moz-placeholder {
    font-family: 'Open Sans', Arial, sans-serif;
    font-style: italic;
    font-size: .9em;
}
:-ms-input-placeholder {
    font-family: 'Open Sans', Arial, sans-serif;
    font-style: italic;
    font-size: .9em;
}

#top .join {
	position: relative;
	margin-top: -27px;
	margin-left: -22px;
    z-index: 10;
}

/* Intro */

#intro {
    padding: 55px 0 33px 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(16,43,101,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(16,43,101,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(16,43,101,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(16,43,101,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(16,43,101,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(16,43,101,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a102b65',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #fff; 
}

.home #intro {
    height: 450px;
    padding-bottom: 0;
}

#logo {
    display: block;
    position: relative;
    z-index: 10;
    float: left;
    height: 100%;
}

#intro h1 {
    position: relative;
    top: 46px;
    left: 3%;
    margin: 0;
    font-size: 1.6em;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
    
}

#intro .intro_text {
    clear: both;
    padding-top: 20px;
    color: #666;
    font-size: 1.9em;
    font-weight: 300;
}

#intro .intro_video {
    clear: both;
    padding-top: 5px;
}

#intro .intro_text em {
    font-size: 2.5em;
    font-style: normal;
    font-family: 'LearningCurveProRegular', cursive;
    line-height: .8em;
}

#intro .intro_text p {
    margin: .2em 0;
}

#intro .intro_buttons {
    margin-top: 5px;
margin-bottom: 2px;
}

#intro .button {
    margin: 0 5px;
    font-size: 1.5em;
}

#intro .login {
    position: relative;
    top: 50px;
    padding-left: 1em;
    font-size: 1.2em;
    border-left: 1px solid #5d5d5d;
}

.home #intro .login {
    top: 0;
}


/* FRONT PAGE
============================================================================= */

/* News/Events */

#news_events {
    margin-top: 2px;
    padding: 1em 0;
    border-bottom: 1px solid #fff;
    border-top: 3px double #c8938e;
}

#news {
    position: relative;
}

#news h1 {
    margin: 0;
    line-height: 32px;
    border-bottom: 1px solid #aaa;
}

#news h2 {
    margin-bottom: .3em;
}

#news h2 a {
    text-decoration: none;
}

#news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#news .post {
    margin-top: 2em;
}

#news .post:first-child {
    margin-top: 0;
}

#news .post .title {
    font-size: 1.2em;
}

#news p {
    margin: .3em 0;
}

#events h1 {
    margin: 0;
    line-height: 32px;
}

.home #events .sequence-canvas {
    min-height: 260px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 0 #fff inset;
    overflow: hidden;
}

.home #events .event_featured {
    float: right;
}

.home #events .event .title {
    width: 50%;
    margin: 0;
    color: #669900;
    font-size: 2.3em;
    font-weight: 400;
    font-style: italic;
}
.home #events .event li a {
    	
    }
.home #events .event .title.no_image {
    width: 90%;
}

.home #events .event .date {
    margin: 0;
    font-size: 2.8em;
    font-family: 'LearningCurveProRegular', cursive;
}

.home #events .sequence_pagination {
    position: absolute;
    top: .9em;
    left: 8em;
}

/* Legislative Updates */

#legislative_updates {
    height: 45px;
    color: #fff;
    border-top: 1px solid #537d00;
    border-bottom: 2px solid #619500;
    overflow: visible;
}

#legislative_updates .main:hover {
    cursor: pointer;
}

#legislative_updates .col {
    display: inline;
    float: left;
    position: relative;
    z-index: 10;
    width: 21.7%;
    border-left: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(0,0,0,0.4);
}

#legislative_updates .col:first-child {
    width: 34%;
}

#legislative_updates .main .col:first-child:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    top: 1px;
    left: -2px;
    bottom: 1px;
    border-left: 1px solid rgba(0,0,0,0.4);
}

#legislative_updates .main .col:last-child:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    top: 1px;
    right: -2px;
    bottom: 1px;
    border-right: 1px solid rgba(255,255,255,0.5);
}

#legislative_updates .main {
    height: 45px;
}

#legislative_updates h1,
#legislative_updates .title {
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    line-height: 45px;
}

#legislative_updates h1 {
    margin: 0 0 0 10px;
    font-weight: 400;
    font-size: 1.5em;
}

#legislative_updates .title {
    font-weight: 600;
    font-size: 1.1em;
}

#legislative_updates .title {
    display: block;
    text-align: center;
}

#legislative_updates .sub {
    display: none;
    position: absolute;
    z-index: 11;
    top: 45px;
    left: 0;
    margin: 0 10px;
    border-top: 2px solid #619500;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.33);
    overflow: hidden;
}

#legislative_updates .sub .col {
    position: relative;
    top: 0;
    width: 18.94%;
    padding: 1em;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}

#legislative_updates .sub .col:first-child {
    width: 31.33%;
    border-left: 0;
}

#legislative_updates .sub .col:last-child {
    border-right: 0;
}

#legislative_updates .grid_container:hover .sub {
    display: block;
}

#legislative_updates .sub .col .title {
    display: none;
}

#legislative_updates .sub h3 {
    margin-bottom: 1em;
    font-size: 1em;
}

#legislative_updates .sub p {
    margin-top: 0;
}

#legislative_updates .sub .excerpt {
    display: block;
    margin-bottom: 1em;
}

#legislative_updates .sub a {
    color: #fff;
}

#legislative_updates .sub .desc {
    font-weight: 600;
}

#legislative_updates .sub .news .post_title a {
    font-weight: 400;
}

#legislative_updates .sub .sign_up,
#legislative_updates .sub .join {
    margin: 2em 0 1em 0;
}

#legislative_updates .sub form {
    position: relative;
}

#legislative_updates .sub input[type="text"] {
    height: 1.5em;
    width: 80%;
    margin-bottom: 10px;
    color: #666;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: -1px -1px 1px 0 rgba(0,0,0,.5);
    outline: none;
}

#legislative_updates .sub input[type="submit"] {
    //position: absolute;
    bottom: 9px;
    right: 0;
    height: 2em;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    border: 1px solid #3b6e00;
    background: rgb(59,110,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(59,110,0,1) 0%, rgba(86,153,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,110,0,1)), color-stop(100%,rgba(86,153,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(59,110,0,1) 0%,rgba(86,153,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(59,110,0,1) 0%,rgba(86,153,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(59,110,0,1) 0%,rgba(86,153,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(59,110,0,1) 0%,rgba(86,153,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6e00', endColorstr='#569900',GradientType=0 ); /* IE6-9 */
}

#legislative_updates .sub .join input.name {
    width: 100%;
}


/* Topics */

#topics {
    padding: 2em 0;
    border-bottom: 1px solid #fff;
}

.home #topics h1 {
    margin: 0;
    font-weight: 600;
    line-height: 32px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.66);
}


/* PAGE / POST
============================================================================= */

#main_content {
    margin-top: 2px;
    padding: 3em 0;
    border-bottom: 1px solid #fff;
    border-top: 3px double #c8938e;
}

.page_title,
.post_title {
    margin: 0;
}

#main .page h1,
#main .post h1,
#main .page h2,
#main .post h2 {
    color: #669900;
}

.post_content {
    overflow: hidden;
}

.page_content table td {
    padding: .5em 1em;
    border: 1px solid #ccc;
}

.post_content .wp-post-image {
    float: left;
    margin: 0 20px 10px 0;
}

#candidates {width: 100%;}
#candidates td {vertical-align: top; width: 33%; border: none;}
#candidates .text {align: left; vertical-align: top; text-indent: 5px;}

/* EVENTS
============================================================================= */

.post-type-archive-events .page_title {
    margin-bottom: .9em;
}

.post-type-archive-events .post_date {
    display: inline-block;
    margin-bottom: .5em;
}

.event_info .date {
    font-style: italic;
    font-size: 1.2em;
    color: #888;
    font-weight: 600;
}

.event_info .location {
    display: inline-block;
    margin-top: .5em;
    padding: .5em 1em;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.33);
}

.event_info .location .name,
.event_info .location .address1,
.event_info .location .address2,
.event_info .location .zip {
    display: block;
}

.event_info .location .name {
    font-weight: 600;
}

.event_info .location a.info {
    display: inline-block;
    margin: .5em 0 0 0;
    font-size: .9em;
}


/* DISCOUNTS & DEALS
============================================================================= */

.discounts_deals dt {
    margin-top: 2em;
    font-weight: 700;
    font-size: 1.2em;
}

.discounts_deals dd {
    margin: .5em 0 1em;
    padding: .01em 1.5em;
    background: #eeeff2;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.discounts_deals .new {
    margin-right: .2em;
    color: #c34342;
    font-size: 2em;
    font-family: 'LearningCurveProRegular', cursive;
    line-height: .5em;
}


/* FAQ
============================================================================= */

.page-template-page-faq-php .questions {
    padding: 0;
}

.page-template-page-faq-php .questions li {
    list-style: none;
    margin-bottom: 5px;
}

.page-template-page-faq-php .questions li:before {
    content: "› ";
}

.page-template-page-faq-php .questions li:last-child {
    margin: 0;
}

.page-template-page-faq-php .page_content .nav a {
    font-size: 0.8em;
    margin: 0 10px 0 0;
}

/* ARCHIVE / SINGLE
============================================================================= */

.archive article.post,
.blog article.post,
.search article.post {
    margin-top: 1.5em;
    padding: 10px 1.5em;
    background: #eeeff2;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.archive .page_title,
.blog .page_title,
.search .page_title {
    color: #669900;
}

.archive .post h2,
.blog .post h2,
.search .post h2 {
    font-size: 1.5em;
}

.archive .post h2 a,
.blog .post h2 a,
.search .post h2 a {
    text-decoration: none;
}

.archive .post_excerpt {
    overflow: hidden;
}

.archive .wp-post-image {
    float: left;
    width: 150px;
    margin: 0 20px 10px 0;
}

.post_excerpt .read_more {
    display: inline-block;
    margin-bottom: 1em;
}

.post_date {
    font-style: italic;
    font-size: .9em;
    color: #888;
}

.post_meta {
    overflow: hidden;
}

.post_categories {
    font-size: .8em;
    color: #888;
}

.post_categories span {
    float: left;
}

.post_categories ul {
    display: inline;
    float: left;
    width: 90%;
    margin: 0 0 0 5px;
    padding: 0;
    list-style: none;
}

.post_categories li {
    display: inline;
    float: left;
    margin-right: 5px;
}

.post_categories li:after {
    content: ", ";
}

.post_categories li:last-child:after {
    content: "";
}

.post_categories img {
    width: 16px;
    padding-right: 3px;
}

.no_results {
    margin-top: 2em;
}

.post_wrapper {
    margin: 1.5em 0;
    padding: 10px 1.5em;
    background: #eeeff2;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.post_nav {
    margin-top: 2em;
}


/* STAFF
============================================================================= */

.page-template-page-staff-php h2 {
    margin-bottom: .5em;
}

.staff_list {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* SIDEBAR
============================================================================= */

#sidebar .widget-container {
    margin-bottom: 40px;
    list-style: none;
}

#sidebar .widget-container h3 {
    margin: 0;
    line-height: 32px;
    font-size: 1.8em;
    font-weight: 600;
}

#sidebar .widget-container h3,
#sidebar .widget-container .textwidget {
    margin: .25em 0;
    padding: 10px 1.5em;
    background: #eeeff2;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}

#sidebar .widget_categories h3,
#sidebar .widget_archive h3 {
    margin: 0;
    padding: 0;
    line-height: 32px;
    background: transparent;
    border-bottom: 1px solid #aaa;
    box-shadow: none;
    border-radius: 0;
}

#sidebar .widget_categories > ul,
#sidebar .widget_archive > ul {
    margin: .83em 0 0 0;
    padding: 0;
    list-style: none;
}

#sidebar .widget_categories .children {
    padding-left: 20px;
    list-style: none;
}

#sidebar .widget-container .textwidget p {
    margin-top: 0;
}

#sidebar .widget-container .textwidget li p {
    margin: 0;
}

#sidebar .widget-container .textwidget a {
    color: #b9403f;
}

#sidebar .widget-container li {
    margin-bottom: 1em;
}


/* LEADERBOARD BANNER AD
============================================================================= */
#leaderboard_ad {
    margin-top: 2px;
    padding: 1em 1em;
    border-bottom: 1px solid #fff;
    border-bottom: 3px double #c8938e;
}


/* FOOTER
============================================================================= */

#page_footer {
    margin-top: 2px;
    border-top: 3px double #c8938e;
    overflow: hidden;
}

#page_footer h1 {
    display: none;
    font-weight: 600;
}

#site_map {
    display: none;
    border: 1px solid rgba(0,0,0,0.5);
    overflow: hidden;
}

#site_map ul {
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    overflow: hidden;
}

#site_map .menu > li {
    padding: 10px 3.5% 0 3.5%;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    border-right: 1px solid rgba(0,0,0,0.5);
}

#site_map .menu > li:last-child {
    border-right: 0;
}

#site_map li li {
    display: block;
    float: none;
}

#site_map a {
    color: #333;
    font-weight: 400;
    text-decoration: none;
}

#site_map a:hover {
    color: #9d2a29;
}

#site_map .menu > li > a {
    font-weight: 600;
}

#page_footer .meta {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 10;
    float: left;
}

.meta .text_size {
    float: left;
}

.meta .text_size a {
    margin: 0 2px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.meta .social_media {
    display: inline;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
}

.meta .social_media li {
    display: inline;
    float: left;
    margin: 0 5px;
}

.meta .social_media a {
    text-indent: -9999em;
}

#jfontsize-smaller {
    font-size: .8em;
}

#jfontsize-larger {
    font-size: 1.2em;
}

#footer_nav {
    padding-top: 20px;
}

#footer_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#footer_nav li {
    padding: 0 10px;
    border-right: 1px solid #7c7c7c;
}

#footer_nav li:last-child {
    border-right: 0;
}

#footer_nav a {
    color: #333;
    font-size: .9em;
    font-weight: 400;
    text-decoration: none;
}

#footer_nav a:hover {
    text-decoration: underline;
}


/* RESPONSIVE
============================================================================= */

@media only screen
and (max-width: 960px) {
    
    #top {
        height: auto;
    }
    
    #top .grid_8,
    #top .grid_4 {
        float: none;
        width: 100%;
    }
    
    #top .grid_4 {
        padding-bottom: 1em;
        overflow: hidden;
    }
    
    #searchform {
        top: initial;
        float: left;
        width: 82%;
    }
    
    #searchform #s {
        width: 100%;
        z-index: -1;
    }
    
    
    
    #top .join span {
        padding: 0;
        line-height: normal;
        border: 0;
    }
    
    #page_header #intro {
        padding-top: 107px;
        padding-bottom: 1.5em;
    }
    
    #legislative_updates .col {
        width: 21.5%;
    }
    
    #legislative_updates .sub .col {
        width: 18.05%;
    }
    
    #legislative_updates .sub .col:first-child {
        width: 30.7%;
    }

}

@media only screen 
and (max-width: 767px) {
    
    #top {
        position: static;
    }
    
    #top .icon_mobile {
        display: block;
        position: relative;
        margin: 5px 0;
        padding: 6px 6px 6px 36px;
        color: #fff;
        text-decoration: none;
    }
    
    #top .icon_mobile .left.arrow {
        position: absolute;
        top: 6px;
        left: 28px;
    }
    
    #top .icon_mobile .text {
        padding: 3px;
        background-color: #861010;
    }
    
    #primary_nav {
        display: none;
    }
        
    #primary_nav_m {
        margin-bottom: 1em;
        background: rgba(134,16,16,0.5);
    }
    
    #primary_nav_m li {
        display: block;
        position: relative;
        float: none;
    }
    
    #primary_nav_m a {
        float: none;
        text-align: left;
        line-height: 3em;
    }
    
    #primary_nav_m #menu-primary li:hover,
    #primary_nav_m #menu-primary li.current-page-ancestor,
    #primary_nav_m #menu-primary li.current-menu-item,
    #primary_nav_m #menu-primary li.current-menu-ancestor {
        background: #861010;
        box-shadow: none;
    }
    
    #primary_nav_m .sub-menu {
        display: none;
        position: static;
        top: initial;
        padding: 0;
        background: #861010;
        box-shadow: none;
    }
    
    #primary_nav_m li:hover .sub-menu {
        display: none;
    }
    
    #primary_nav_m .sub-menu li {
        margin-bottom: 0;
    }
    
    #primary_nav_m .sub-menu a {
        display: block;
        float: none;
        margin: 0;
        padding: 10px 7%;
        color: #fff;
        text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
        font-size: 1em;
        text-align: left;
        line-height: normal;
        border-top: 0;
        border-bottom: 1px solid rgba(0,0,0,0.22);
    }
    
    #primary_nav_m .sub-menu li:last-child a {
        border-bottom: 1px solid rgba(0,0,0,0.22);
    }
    
    #primary_nav_m .sub-menu a:hover, 
    #primary_nav_m .sub-menu a.hover, 
    #primary_nav_m .sub-menu li.current-page-ancestor a, 
    #primary_nav_m .sub-menu li.current-menu-item a {
        color: #fff;
        background-color: rgba(0,0,0,0.1);
    }
    
    #primary_nav_m a.expand {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 12px;
        line-height: 3em;
        background-color: rgba(0,0,0,0.1);
    }
    
    #primary_nav_m li.has_children > a.expand {
        display: block;
    }
    
    #primary_nav_m li.has_children:hover > a {
        color: #fff;
        text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    }
    
    #primary_nav_m .sub-menu .sub-menu li a {
        padding-left: 2em;
    }
    
    #primary_nav_m .sub-menu .sub-menu li:before {
        content: "";
    }
    
    #top .grid_4 {
        display: none;
    }
    
    #searchform #s {
        z-index: 0;
    }
    
    .home #intro {
        height: auto;
    }
    
    .home #intro .grid_5 {
        display: none;
    }
    
    #page_header #intro {
        padding-top: 20px;
    }
    
    #intro .login {
        display: block;
        position: static;
        top: initial;
        margin-top: 1em;
        padding: 1em 0;
        text-align: center;
        border-left: 0;
        border-top: 1px solid #5d5d5d;
    }
    
    #main .grid_container .grid_1,
    #main .grid_container .grid_2,
    #main .grid_container .grid_3,
    #main .grid_container .grid_4,
    #main .grid_container .grid_5,
    #main .grid_container .grid_6,
    #main .grid_container .grid_7,
    #main .grid_container .grid_8,
    #main .grid_container .grid_9,
    #main .grid_container .grid_10,
    #main .grid_container .grid_11,
    #main .grid_container .grid_12 {
        margin-bottom: 2em;
    }
    
    #topics .ad {
        text-align: center;
    }
    
    #legislative_updates .main .col {
        display: none;
    }
    
    #legislative_updates .main .col:first-child {
        display: block;
        float: none;
        width: 100%;
    }
    
    #legislative_updates .main .col:first-child:before {
        content: " ";
        display: block;
        position: absolute;
        z-index: -1;
        top: 1px;
        right: -2px;
        bottom: 1px;
        border-right: 1px solid rgba(255,255,255,0.5);
    }
    
    #legislative_updates .grid_12 .sub .col {
        display: block;
        float: none;
        width: 96%;
    }
    
    #legislative_updates .grid_12 .sub input[type="text"] {
        width: 96%;
    }
    
    #legislative_updates .sub .col .title {
        display: block;
        margin-bottom: 0.5em;
        text-align: left;
        font-size: 1.3em;
        border-top: 1px solid rgba(0,0,0,0.22);
    }
    
    #footer_nav {
        padding-top: 5em;
    }
    
    #page_footer h1 {
        margin-top: 3em;
    }
    
    #site_map .menu > li {
        display: block;
        float: none;
        border-right: 0;
    }

}

@media only screen
and (max-width: 480px) {
    
    #logo {
        position: relative;
        left: 50%;
        margin-left: -73px;
        float: none;
    }
    
    #searchform,
    #top .join {
        width: 98%;
    }
    
    #searchform #s {
        height: 2em;
    }
    
    #searchform #searchsubmit {
        top: 7px;
    }
    
    #top .join {
        top: 4em;
        left: .5em;
        line-height: 1em;
    }

    #intro h1 {
        clear: both;
        position: static;
        top: initial;
        left: initial;
        margin-top: 1em;
        text-align: center;
    }
    
    .home #events .event_featured {
        display: none;
    }
    
    .home #events .event .title {
        width: 88%;
    }

    .text_size {
        display: none;
    }

}