audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;max-width:100%;min-height:1%;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;background:#FFF;}table{border-collapse:collapse;border-spacing:0;}#PublicSiteMap ul{list-style-type:none;font-size:1em;margin:0 0 0 20px;padding:0;}#PublicSiteMap ul.Past-Home{margin:0 0 0 20px;padding:0;}#PublicSiteMap ul li{line-height:normal;margin:15px 0;padding:0;}.Sub-Pages{list-style-type:none;}.resourceBlock ul{list-style-type:none;margin-left:0;}img,object,embed{max-width:100%;}div.c4{text-align:center;}.D1,.D2{float:left;margin:0 10px 5px 0;}.D5,.D6{float:right;margin:0 0 5px 10px;}ul.sitemapUL{margin-left:50px;}#M-Street{font-size:8px;color:#000;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:center;padding:4px 0 0 4px;}#M-Street p{display:inline;margin:3px 0 0;}#M-Street a{padding-left:4px;}#M-Street img{padding-right:5px;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,.idDiv,#M-Street span{display:block;}[hidden],template,div.collapsed-wrapper,#Default #breadCrumbs,#Default .Bread{display:none;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}.container{margin:0 auto;}.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}.row{padding-bottom:0;}.col{display:block;float:left;width:100%;}.social-share-wrapper.twitter_btn {margin-right: 10px;}@media ( min-width : 568px ) {.gutters .col {	margin-left: 2%;}.gutters .col:first-child { 	margin-left: 0; }}#breadCrumbs span{padding:0 5px;}.ResourceIcon{padding:0 5px 0 0;}.resourceBlock ul, .resourceBlock ul li{padding:0px;margin:0px;}.LegalLine{ display:block; font-size:.8em;}/*COLUMN WIDTH ON DISPLAYS +568px */ @media ( min-width : 568px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}body { 
 font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
 color:#3f3f3f;
 font-size:16px;
 background: #FFF;
}
.in {
 /*transition: all 1.5s ease;*/
 margin:0px auto;
}
.col img{
 max-width:100%;
}
#M-Street{
display:none;
}
.row{
}
.col{

}
#HED{
 background: #ea2129;
 overflow:hidden;
}

#HED, #NAV, #HRO, #BOX, #CNT, #FUT{
}
#HED .in, #NAV .in, #HRO .in, #BOX .in, #CNT .in, #FUT .in, #HROOne .in{
 max-width:1200px;
}
#NAV{
 background-color:#ea2129;
 color:#333;
}
#NAV .in{
  main-height:80px;
}
#HRO{
 color:#FFF;
 font-size:2.5em;
 line-height:1.5em;
 text-align:center;
 background:#FFF url(/img/jj-back-1.jpg) no-repeat;
 background-size:  100%;

}
#HROOne{

}
#BOX{
}
#CNT{
}
#FUT{
 color:#FFF;
}

/* NEW DESIGN  */


#wrapper{
    padding: 38px;
    background: #444444;
    position: relative;
}

#content {
    background-color: #fff !important;
    margin: 0 auto;
    position: relative;
    max-width:1400px;
}

#content:after {
    content: '';
    background: #444;
    top: 0;
    width: 100%;
    position: fixed;
    left: 0;
    height: 30px;
    z-index: 9999;
}
#TOPNAV{
height: 50px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    width: 100%;
    /* width: calc(100% - 3.75em); */
    position: fixed;
    width: 1400px;
    top: 30px;
    margin: auto;
    z-index: 99999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#MNav {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#MNav img {
    max-width: 64px;
    position: relative;
    top: -7px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.52);
}
.topnavin>div>div {
    height: 50px;
}
#RNav {
    text-align: right;
}
#HEADER {
    margin: 42px 0 30px;
    padding-top: 20px;
}
#MAIN {
    padding: 10px 10%;
}
#MainHL,#MainSideHL  {
    width: 100%;
    height: 50px;
    border-top: 7px solid #444;
    border-bottom: 1px solid #444;
}
#MainSideHL {
    margin-left: 10px;
}
#MainSide, #Main {
    margin: 0 30px;
}
#HEADLINE {
    padding: 10px 10%;
}
#HEADLINE h1{
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 41px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #444;
}

#Main h2{
border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    padding-top: 6px;
}
#Main p,#MainSide p {
    color: #9a9a9a;
    line-height: 23px;
}
div#LNav>div {
    display: inline-block;
}
input.SearchGo {
    display: none;
}
input.SearchIn {
    width: 300px;
    border: none;
    padding: 3px 0 0 20px;
    font-weight: 400;
    color: #444444;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
#LEFTMENU {
overflow: hidden;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    background: #333;
    z-index: 0;
display:none;
}
#LEFTMENU .nav {
    padding: 38px 10px;
    margin: 0;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
}
#LEFTMENU .nav li {
    display: block;
    margin: 2px;
    height: 40px;
    border-bottom: 1px solid #555;
}
#tabsLeftMenu .nav li a span {
    color: #dddddd;
    line-height: 40px;
    padding-left: 10px;
}
#Main .SpotDiv {
    display: inline-block;
vertical-align: text-top;
}
#Main .innerMain {
    width: 339px;
    display: inline-block;
    padding: 8px 12px;
}
#Main .innerMain.fullWidth {
    display: block;
    width: 100%;
}
#FooterContent p {
    font-style: italic;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 0;
    padding: 15px 0 7px 0;
    text-align: center;
    margin: 0;
}
#FooterContent {
    margin-top: 20px;
    min-height: 100px;
    border-top: 1px solid #ddd;
    width: 100%;
    text-align: center;
    padding-bottom: 16px;
}
#MainSide .SpotDiv {
    border-bottom: 11px solid #333;
    margin-bottom: 25px;
}

.AdminView #TOPNAV {
    position: initial;
    min-height: 180px;
}
.AdminView #content:after {
    display: none;
}
.AdminView #HEADLINE {
    min-height: 150px;
}
.AdminView #HEADER{
    margin: 0;
    padding: 0;
}
.AdminView .whatIsJJbtn a.HeadingClicker {
    font-weight: normal;
    font-size: 10px;
    margin: 0;
padding: 0;
}
.AdminView #MNav img {
    position: initial;
}
.AdminView .whatIsJJbtn a {
    padding: 0px;
    margin: 0;
}
.whatIsJJbtn .ResourceAttacher a {
    background: none;
    color: #ea2129;
    text-transform: none;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

h1, h2, h3, h4, h5{
padding:0px; margin:0px;
font-family: 'Oswald', sans-serif;
}
a{
 color:#ea2129;
}
.innerBanner img{
 height:200px;
}
.innerBanner{
 background:#FFF;
 overflow:hidden;
}
#Hero1 h2{
 margin-top:30px;
 text-align:center;
 color:#ea2129;
 text-transform:uppercase;
 font-size:3.5em;
 line-height:1.5em;
 clear:both;
}
.innerHero1{
 margin-bottom:50px;
 clear:both;
 overflow:hidden;
}
.innerHero1 p{
 width:45%;float:left;
}
.innerHero1 img.D4{
 padding:0px; margin:0px; margin:0px auto;display: block;
}
.innerMain, .innerSide{
 clear:both;
}
#Top{
 text-align:right;
 padding-right:10px;
}

.innerLogo h2{
 font-size:2.2em;
 color:#FFF;
 color:#333;
}
.innerLogo p a{
 font-size:2.2em;
 color:#FFF;
 daisplay:inline-block;
 text-align:center;
 background:#ea2129;
 padding:10px;
 box-shadow: 5px 5px 5px #888888; 
 text-decoration:none;
}
#MainContent{
 margin-left:5%;
 margin-right:5%;
}
#NAV li{
 font-size:2.2em;
}
#NAV a{

}
.innerNavigation{
padding-left:20px;
}

#BOX .innerSpot{
padding:0 5px;
margin:0 5px;
border:1px solid #FFF;
min-height:222px;
 overflow:hidden;
 background:#faf8c4;
 background:#FFF;
  background:rgba(255,255,255,.85); 

-webkit-box-shadow: 2px 2px 5px 0px rgba(82,82,82,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(82,82,82,1);
box-shadow: 2px 2px 5px 0px rgba(82,82,82,1);
}
#BOX .innerSpot p{
 font-size:.9em;
}
#BOX .innerSpot img{
 width:100%;
}
#BOX .innerSpot h2{
 padding:5px 10px;
 color:#FFF;
 background: #ea2129;
}
.whatIsJJbtn a {
    font-weight: 400;
    color: #fff;
    padding: 4px 20px;
    background: #444;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    margin: 9px;
    color: white;
    text-decoration: none;
}
.whatIsJJbtn a:hover {
    background-color: #ec2029;
}
.socialSpot i.fa,.fa-bars {
    color: #444;
    font-size: 24px;
    padding: 12px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#RNav>div {
    display: inline-block;
    margin-right: 10px;
    float: right;
}
.socialSpot .col {
    border-right: 1px solid #ddd;
}
#LNav h2 {
    display: inline-block;
    font-size: 18px;
    color: #444444;
}
.mainMenuBtn {
    display: inline-block;
    padding-right: 18px;
    cursor: pointer;
    border-right: 1px solid #ddd;
}
.mainMenuBtn:hover i {
    color: #ec2029;
}
.socialSpot i.fa:hover,.fa-bars:hover {
    color: #eb2027;
}
.fa-search {
   float: left;
    color: #ddd;
    font-size: 25px;
    position: relative;
    top: 6px;
    left: 10px;
}
form.search-form{
    float: left;
    padding-left: 16px;
    position: relative;
    top: 9px;
}
input.SearchIn:focus {
    outline: none;
}/* Basic jQuery Slider essential styles */
ul.bjqs img{
 padding:0px; margin:0px;clear:left;
 width:100%;
 height:350px;
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* IE7 FIX */
.bjqs-controls { height: 0px; padding: 0px; }
.bjqs-controls li { height: 0px !important; padding: 0px !important; }

/* defaults for navigation */
ul.bjqs-controls.v-centered li a{
 display:block;
 padding:10px;
 background:#fff;
 color:#000;
 text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
 background:#000;
 color:#fff;
}
ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width:100%;
}    
ol.bjqs-markers.h-centered {
    text-align: center;
}    
ol.bjqs-markers li {
    display:inline
}   
ol.bjqs-markers li a {
        display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px 0 0;
    border: 1px solid #000;
    border-radius: 25px;
    font-size: 0;
}   
ol.bjqs-markers li.active-marker a {
    background-color: #444;
    color: white;
}
ol.bjqs-markers li a:hover {
    background-color: black;
    color: white;
}

#Header>div>div>div>div{
    margin: 20px 14%;
}

#spotDirectory img{
width:100px;
}
.postedBy{
 font-size: .8em;
}.nav{ margin-top:120px;; font-size:1.1em; padding:10px 0;font-weight:bold; text-transform:uppercase}
.nav li{display:inline; padding:0 20px 0 0px; text-transform:italic;}
.nav li a{text-decoration:none; color:#333;}

.nav li span{text-decoration:underline; color:#000;}
.nav li a span{text-decoration:none; color:#333;}

.topLevelNav{
 display:none;
}
#tabsLeftMenu .nav li span {
    color: #dddddd;
    line-height: 40px;
    padding-left: 10px;
text-decoration: none;
}@media only screen and (min-width: 1400px) and (max-width:1600px)  {
    .in    {
        max-width: 1300px;
    }
    #content,#TOPNAV{
        width: 1300px;
        }
    #Main .innerMain {
        width: 312px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px)  {
    .in    {
        max-width: 1100px;
    }
    #content,#TOPNAV{
        width: 1100px;
    }
    #Main .innerMain {
        width: 260px;
    }

}

@media only screen and (min-width: 1000px) and (max-width:1200px) {
    .in     {
        max-width: 900px;
    }
    #content,#TOPNAV {
        width: 900px;
    }
    #Main .innerMain {
        width: 260px;
    }

}

@media only screen and (max-width: 1000px){
    .in     {
        max-width: 700px;
    }
    #content,#TOPNAV {
        width: 700px;
    }
    #wrapper {
        padding: 28px 5px;
    }
    #Main .innerMain {
        width: 100%;
    }
}

@media only screen and (max-width:1200px) {
    .whatIsJJbtn {
        display:none;
    }
    input.SearchIn {
        width: 80px;
    }
    #MAIN{
        padding: 10px 1%;
    }
    #HEADLINE {
        padding: 10px 2%;
    }
}