* { margin: 0; padding: 0; outline: 0; -webkit-text-size-adjust: none; }

body, html { height: 100%; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    background: #fff;
    min-width: 100%;
}

a { color: #000; text-decoration: underline; cursor: pointer; }
a:hover,
a:active { text-decoration: none; }
img, iframe {max-width: 100%; height:auto;}
a img { border: 0; }

/*
	Forms
*/
.post input, .post textarea, .post select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000; -webkit-appearance: none; border-radius: 0; }
.post textarea { overflow: auto; }
.post .row {display:block; position:relative; margin-bottom: 10px; width:100%; height:auto !important;}
.post .row .col2 {margin-bottom:10px;}
.post .row .col2_span3 a.button {display:block; position:relative; background: #094378; color:#fff; text-decoration:none; width: 48px; padding: 4px 8px;}
.post form {width: 100% !important; display:block;}
.post form:after {clear:both;}
.post label {width: 38% !important; text-align: left !important; }
.post input[type="radio"] {padding-left: 50% !important;}
.post input, .post textarea, .post select {border: 1px solid #000; padding: 3px 0; width:100%;}
.form-horizontal .controls, .form-module .field, .form-module .field input, .form-module .field select, .form-module .field textarea {width: 100% !important; margin-left: 0 !important;}
.col2 img {width: 100% !important; height: auto !important; display:block;}

.post > h2:first-child {font-size: 18px; line-height: 22px; color: #000; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 14px; line-height: 16px; color: #000; font-weight: normal; text-transform: uppercase; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.clearfix:before,
.clearfix:after { content: ''; line-height: 0; display: table; }
.clearfix:after { clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.ico { display: block; font-size: 0; line-height: 0; text-indent: -4000px; background-image: url(images/icons.png); background-repeat: no-repeat; position: absolute; top: 50%; }

.wrapper { padding: 0 15px; }

.header { padding: 16px 0 20px; }
.header .form-wrapper {margin-top: 13px;}
.header form {width: 300px; margin:0 auto; margin-bottom:8px;}
.header input {border:1px solid #999999; background:#fff; padding:2px 7px;}
.header input.field {width: 200px; color:#999999;}
.header input.submit {border:0; background: #094378; color:#fff; width: 70px; cursor:pointer; height:21px;}


#logo { width: 290px; margin: 0 auto; }
#logo a { height: 69px; display: block; background: url(images/njjnMobile_logo640.jpg) no-repeat 0 0 / 290px 69px !important; }

.post { padding-bottom: 11px; }
.post h2 { padding-bottom: 8px; }
.post p { padding-bottom: 1em; }
.post ol,
.post ul { padding: 0 0 1em 2em; }
.post ol { }
.post ol li {list-style-type: decimal; padding-bottom: .5em;}
.post ul { }
.post ul li {list-style-type: disc; padding-bottom: .5em;}
.main { padding-bottom: 10px; }

img.rotating-image {width: 100%; height:auto; margin-bottom:20px;}

.navigation { padding-bottom: 9px; z-index: 999;}
.navigation ul { list-style: none outside; background: #094378; }
.navigation ul li {}
.navigation ul li:first-child { border-top: 0; }
.navigation ul li:last-child { border-bottom: 0; }
.navigation ul li a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; padding: 9px 40px 9px 22px; position: relative; display: block; }
.navigation ul li:last-child > a { border-bottom-color: transparent; }
.navigation ul li:last-child.clicked { border-bottom: 1px solid #fff; }
.navigation ul li:last-child.clicked > a { border-bottom-color: #303131; }
.navigation ul li a .ico { width: 9px; height: 16px; background-position: -76px -19px; right: 19px; margin-top: -8px; }
.navigation ul li.clicked a .ico { width: 16px; height: 9px; background-position: -88px -19px; right: 15px; margin-top: -5px; }
.navigation ul ul { background: #3b6b94; display: none; padding-left: 40px; }
.navigation ul ul li a {padding-left: 0; color:#fff;}

.footer { font-size: 11px; line-height: 14px; text-align: center; padding-bottom: 7px; }
.footer a { text-decoration: none; }
.footer a.desktop-link { text-decoration: underline; }
.footer p {line-height: 20px;}
.socials { padding-bottom: 7px;}
.socials .social-ico { background-image: url(images/social-sprite.png); background-repeat: no-repeat; background-size: 36px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 36px; height: 36px; display: inline-block; margin: 0 1px; position: static; top: auto; }
.socials .facebook-ico { background-position: 0 0; }
.socials .twitter-ico { background-position: 0 -47px; }
.socials .youtube-ico { background-position: 0 -94px; }
.socials .flickr-ico { background-position: 0 -141px; }
.socials .email-ico { background-position: 0 -188px; }
.socials .pinterest-ico { background-position: 0 -235px; }
.socials .gplus-ico { background-position: 0 -282px; }
.socials .linkedin-ico { background-position: 0 -329px; }
.socials .instagram-ico { background-position: 0 -376px; }

.inner-navigation { padding: 5px; background: #094378; margin-bottom: 15px; position: relative; }
.inner-navigation a.back-btn,
.inner-navigation a.nav-trigger { width: 48px; height: 30px; background: #3b6b94; position: relative; display: inline; }
.inner-navigation a.back-btn .ico,
.inner-navigation a.nav-trigger .ico { left: 50%; }
.inner-navigation a.back-btn { float: left; }
.inner-navigation a.nav-trigger { float: right; }
.inner-navigation a.back-btn .ico { width: 9px; height: 16px; background-position: -76px 0; margin: -8px 0 0 -5px; }
.inner-navigation a.nav-trigger .ico { width: 28px; height: 18px; background-position: -88px 0; margin: -9px 0 0 -14px; }
.inner-navigation a.nav-trigger {color:#fff; text-align: center; text-decoration:none; padding-top: 7px; height:23px;}
.inner-navigation .navigation { position: absolute; top: 100%; left: 0; right: 0; display: none; }

/* Home Page */
.home-content {margin-top: 20px;}
.home-content h3 {color:#094378; font-size:20px; line-height:22px; font-weight: normal; text-align:center; padding-bottom:10px; margin-top: 20px;}
.home-content .item {position: relative; text-align: center}
.home-content .announcement {background: #094378; color:#fff; padding: 10px;}
.home-content .announcement img {width: 25%; max-width:120px; height:auto; float:left;}
.home-content .announcement p {padding: 0 0 1em 25%; line-height: 19px;}
.home-content .announcement p a, .home-content .announcement a {color:#fff;}
.home-content .item img{width:97%; height:auto;}

.ribbons {margin-top: 25px;}
.ribbons a {display:block; color:#fff; text-decoration:none; margin: 10px 0; padding:10px 10px 10px 50px; border-radius: 10px; font-size: 14px; line-height:18px;}

.ribbons a.advocates {background: #094378 url(images/icon-search.png) no-repeat 14px 7px /23px;}
.ribbons a.policy {background: #094378 url(images/icon-idea.png) no-repeat 14px 7px /27px;}
.ribbons a.publications {background: #094378 url(images/icon-document.png) no-repeat 18px 7px /18px;}
.ribbons a.our-work {background: #094378 url(images/icon-work.png) no-repeat 17px 7px /21px;}
.ribbons a.about {background: #094378 url(images/icon-about.png) no-repeat 17px 10px /23px;}
/* .ribbons a.hub {background: #094378 url(images/icon-hub.png) no-repeat 19px 7px / 19px 26px;} */
.ribbons a.hub { background: #094378; color: #fff; padding-left: 16px }
.ribbons a.hub .fa { display: inline-block; font-size: 22px; margin-right: 8px; vertical-align: middle;  }
.ribbons a.reform {background: #094378 url(images/icon-reform.png) no-repeat 17px 10px /24px;}
.ribbons a.involved {background: #094378 url(images/icon-involved.png) no-repeat 14px 7px /23px;}

/* Inside */
.articles { padding: 18px 0 0 0; }
.articles ul { list-style: none; list-style-position: outside; }
.articles ul li { padding-bottom: 20px; height: 100%; overflow: hidden; list-style-type: none; }
.articles .img { height: 73px; width: 73px; float: left; display: inline; padding-right: 13px; }
.articles .img a img { border: 3px solid #cfcccc; } 

img#usa{width: 100%; height:auto;}

.post img { max-width: 100%; height:auto; margin: 0 auto; border: 0 }

/* Mobile Homepage Fix */
.home-content .announcement img {float:none !important;width:100% !important;min-width:100% !important;}
.home-content .announcement p {padding:10px 0 !important}