/* CSS Document for Joomla styles 3x - NSFM */

/*	================================================================================== 
	AUTHORS
	The default Joomla CSS template was originally developed by Barrie North. 
	This document adjusted for Joomla 1.6 by C.R. van Oudheusden, Joomla-CSS.
	For more information go to www.joom-css.nl.

	DISCLAIMER
	While Joomla-CSS has taken the greatest care in preparing this document. No
	liability can be accepted by Joomla-CSS for any errors or omissions in the published
	information. Joomla-CSS like wise accepts no liability for loss arising from or related
	to the use of information presented in this document or website.

	COPYRIGHT
	You are free to copy and use this document or alter it in any way.
	================================================================================ */


body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #414042; background-color: #fff; }
.content-contaner {margin: 0 0 20px 0;}
.image-area {display: none;}
#homepage .image-area {margin: 0; display: block; background:#dadada;}
#homepage #main-sidebar {display: none;}
.content-container {margin: 0 10px;}
#for-our-members .content-container {margin: -30px 0 0 0;}

.moduletablelogin .posttext a {font-size: 1.1em !important; font-weight: bold; background: #fff; padding: 3px; border: 2px solid #1d4d5d; position: relative; top: 2px;}


.facilitate a {display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #f4f4f4; text-decoration: none; min-height: 542px; border: 1px solid #e2e2e2; margin: 0 10px 25px 10px;}
.collaboration a {min-height: 342px !important;}
.education a {min-height: 500px !important;}

.facilitate a:hover  {box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.4); text-decoration: none;}
.facilitate h2 { margin: 0 !important; padding: 0; font-size: 1.5em; line-height: 1.45em; text-align: center;}
.facilitate p { margin: 5px; font-size: 15px; line-height: 22px; margin: 15px; color: #000;}

.boardmembers section {max-width: 325px; margin: 0 15px 0 0}


.highlights {background:#1d4d5d;}
#events .highlights, #event-calendar .highlights {background:#4d182e;}
#homepage .highlights {background: none;}
.page-title h3{text-align: center; padding: 75px 0; color: #fff; font-family: freight-sans-pro, sans-serif !important; font-weight: 100 !important; text-transform:uppercase; margin:0 !important; font-size: 2.6rem; background:url(../img/page-title-background.jpg) 0 0 no-repeat; line-height: 1em;}
#event-calendar .page-title h3, #events .page-title h3 {background:url(../img/event-background.jpg) 0 0 no-repeat;}

#memberpage h2 {text-align: center;  padding:30px 0 30px 5px; color: #fff; font-family: freight-sans-pro, sans-serif !important; font-weight: 300 !important; text-transform:uppercase; font-size: 2.6rem; margin:0;}

#memberpage .moduletablelogin h3 {text-align: center; font-family: freight-sans-pro, sans-serif !important; font-weight: 400 !important; text-transform:uppercase;}



#memberpage p {color: #fff; font-family: freight-sans-pro, sans-serif !important;}

#memberpage p {color: #fff; /* margin:0 auto; padding:10px 0; width: 75%; */}
#member-content p {margin: 0 22% 20px; text-align: center; font-size: 1.2em;}
#member-content {margin: 0 0 20px 0; position:relative;}

.moduletablelogin {background: rgba(255, 255, 255, 0.5); margin: 0 auto; padding: 5px 10px;}
.moduletablelogin  p {margin: 0 0 0 0;}
.moduletablelogin input {width: 90%;}
.moduletablelogin .nav-list {margin: 0; padding: 0; width: 200px; font-size: .8em; float: right; margin: -49px 0 0 0; display: none;}
.moduletablelogin .nav-list a {color: #000 !important;}
.moduletablelogin .nav-list a:hover {text-decoration: none !important;}
.moduletablelogin .nav-list li {list-style: none;}
#form-login-username label, #form-login-password label, #form-login-remember label { color: #4d182e; font-weight: bold;}
#form-login-remember label {width: 93%;  float: right;  margin: 0 0 11px 0;}
input#modlgn-remember {position: relative;  top: -3px;}
#for-our-members #main-sidebar, #for-our-members #breadcrumbs, #site-map #main-sidebar, #password-reset #main-sidebar {display: none;}

section#member-items {display: flex; justify-content: space-between; margin: 40px 10% 0 10%;}
section#member-items ul {width: 29%;}
#form-login-username {margin: -5px 0 15px 0;}


#homepage  .nav.nav-list {margin: 40px 0; padding-left: 250px;}
#homepage  .nav.nav-list li {list-style: none;}
#homepage .login {width: 300px; position: absolute; margin: 10px 0 0 0;}
#homepage .login #password-lbl {margin: 10px 0 0 0;}

#introduction-to-member-area aside#main-sidebar {position: relative; }
#introduction-to-member-area aside#main-sidebar .moduletable {/* position: absolute; top: 0; left: 0; width: 95% */}

#members-only { /*background: #dde4e7; */}
#members-only h2 {color: #414042; text-align:center; padding: 30px 0 5px; font-family: freight-sans-pro, sans-serif !important; font-weight: 300 !important; text-transform: uppercase; font-size: 2.6rem;}
#members-only ul {display: flex; flex-wrap: wrap; padding: 20px 0 50px 0; justify-content: center;}
#members-only ul li {width: 155px; padding:0; margin:0 9px; list-style: armenian;}
#members-only ul li a {background:url(../img/municipal-item-bg.png) 0 0 no-repeat; display:block; width: 155px; height:154px; padding:0;
position: relative; text-decoration:underline; margin: 0 2px 10px 0;}
#members-only ul li a:hover {background:url(../img/municipal-item-bg.png) 0 -165px no-repeat;}

#members-only ul li a:hover {text-decoration:underline}
#members-only ul li a span {color: #fff; position: absolute; top: 52px; text-align: center; font-size: 15px;  width: 63%; left: 17%;}
#members-only ul li a span#inst {top: 33px;}
#members-only li {color: #fff;}


.sprocket-headlines {background:url(../img/vision-bg.jpg) 0 0 no-repeat !important; position: relative; padding: 35px 0 55px 0; border: none !important;}
.sprocket-headlines h3 {font-family: freight-sans-pro, sans-serif !important; text-transform:uppercase; font-size: 2.6em; text-align: center; color: #fff !important; margin: 5px 0 10px 0;}
.sprocket-headlines-container {position: relative;}
.sprocket-headlines-navigation {position:absolute; right: 55px; top: 120px;}
.sprocket-headlines-list, .sprocket-headlines-item {width: 100% !important;}
.sprocket-headlines-list li {margin:0;}
.sprocket-headlines-navigation span span {position:relative; top: -2px;}
.sprocket-headlines-navigation .arrow {background: #777 !important ;}
.sprocket-headlines h3 strong {font-weight: 300 !important;}
.sprocket-headlines p { font-family: freight-sans-pro, sans-serif !important; font-weight: 200 !important; font-size: 1.4em; text-align: center; color: #fff !important;  margin: 0 8%; min-height: 80px; }


.item-page, .k-ui-ltr, #jcl_component, #SobiPro {padding-left: 50px;}
#for-our-members .item-page {padding:0;}
h3.koowa_header.koowa_header--bottom_margin, .docman_block h3.koowa_header {display: none;}

.customdivider div {background:url(../img/vision-bg.jpg) 0 0 no-repeat; position: relative; padding: 35px 0 77px 0;}
.customdivider h3, .customdivider p {color: #fff !important;}
.customdivider h3 {font-family: freight-sans-pro, sans-serif !important; font-weight: 300 !important; text-transform:uppercase; font-size: 2.6em; text-align: center;}
.customdivider p {font-family: freight-sans-pro, sans-serif !important; font-weight: 200 !important; font-size: 2.0em; text-align: center;}


.directors {display: flex; flex-wrap: wrap; align-content:flex-start: }
.directors div {width: 350px; margin: 0 15px 15px 0;}


.customtop a {color: #fff; }
.customtop span {position: absolute; bottom: 33px; left: 30px; text-transform: uppercase; font-size: 14px;}

.Main {font-family: freight-sans-pro, sans-serif !important; font-weight: 300 !important; font-style: normal;}
.modern_medium {line-height: 28px !important;}
.gsc-search-button { padding: 9px 5px !important;  height: 35px !important;}
input.gsc-input {height: 30px !important;}
.featured .custom {display: flex; justify-content: center;}

.customhighlights section {width: 100%; float: left; margin: 0 0 35px 0 !important;}
.customhighlights h3 {font-size: 2.5em !important;}

.post-content a {color: #4d182e !important;}
.post-content h3 {text-align: left !important; padding:0 !important; margin: 10px 0 15px 0; font-family: freight-sans-pro, sans-serif; font-weight: 400 !important; color: #414042 !important;}
.post-content a {font-weight: bold;}

.customdivider p {margin:0 !important;}
 
#rev_slider_1_1_wrapper .tp-caption a {color: #1d4d5d; font-size: 1em !important; text-decoration: none; text-transform: uppercase;}
#rev_slider_1_1_wrapper .tp-caption a:hover {color: #648590; text-decoration: underline;}
.tp-caption.Main {text-transform:uppercase;} 

#collaboration #main-sidebar, #advocacy #main-sidebar, #education #main-sidebar {display: none;}
#collaboration .item-page, #advocacy .item-page, #education  .item-page {padding: 0;}

#footer-social li {float: left;}
#footer-social li a {float: left; margin: 0 10px 0 0;}

.customhighlights h3 img { display: block; float: left; margin: 0 20px 0 0;}

.maximenuck a { font-family: freight-sans-pro, sans-serif !important; font-weight: 600; font-style: normal;}
.maximenuck .level2 div {display: none !important;}
.mobilemaximenuckitem .level4 {margin: 0 0 0 10px;}

.custompromo {display:flex; justify-content: center; flex-wrap: wrap;}

.custompromo a {color: #4d182e; text-decoration: none;}
.custompromo section p {line-height: 1.6em; font-size:1.25em; padding: 5px 20px;}

.moduletableevents h3 { color: #4d182e; text-transform: uppercase; text-align: center; margin: 43px 0 53px 0; font-size: 2.8em;}
.moduletableevents li {list-style: none;}
.moduletableevents ul.jcalpro_eventsevents {margin: 0 10%;}
.jcalpro_events_link a {line-height: 1.2em;  overflow-wrap: break-word;}

.jcalpro_events_date {font-size: .8em; margin: 5px 0 0 0;}
#homepage .jcalpro_events_month_header {margin:  0 0 15px 15px;}
.moduletableevents .jcalpro_events_description p {padding: 0; font-size: .9em;}
#main-left ul li.jcalpro_events_event {line-height: 1em !important;}
li.jcalpro_events_event {margin: 0 0 -10px 0 ;}

#SobiPro .lead{color: #4D182E; line-height: 1.2em;}




.item-page .video {width: 80%; margin: 0 auto 20px auto;}
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 auto;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.top-bar-inner { height: 47px;}
.site-header {margin: 0 0 0 0; padding:0;}

.main-nav-inner {position: relative; }


#site-footer {background: #1d4d5d;}

td.gsc-search-button {padding: 0 !important;}
#footer-social a {text-decoration: none !important;}

.brand {background:url(../img/brand-bg.jpg) 50%	 0;}
#homepage .featured {margin: 30px 0 20px 0;}

#cgs tbody tr:nth-child(odd) td {background: none;}
#cgs tbody tr {border: none;}
#cgs input {height: 1.75em;}
.gsc-search-button-v2 {background-color: #a04966 !important;}

.highlights div section#learning img {left: 23px;}
.highlights div section#advocacy img {left: 54px;}
.highlights div section#collaboration img {left: 47px;}

.customtitles {position: relative;}
.customtitles h2 {width: 250px; font-size: 2.5em;}

.lists li {list-style: none; margin: 8px;}
.k-ui-namespace .k-toolbar {display: none;}
.inner-lists .k-ui-namespace ul {padding: 30px 10px 0 10px;}


#board-of-directors div.jcalpro_events {background: none; width: 100%; min-height: 40px; margin:  0 0 25px 0;}
#board-of-directors .jcalpro_events ul {padding: 0;}

.footer-inner {position: relative;}
.footer-inner ul {margin:0; padding:0;}
.footer-inner li {list-style: none;}
.footer-inner a {text-decoration: none;}
.footer-inner a:hover {text-decoration: underline;}


.footer-inner ul.menuabout li {float: left; width: 100%;}
.footer-inner ul.menuabout li a {float: left; color: #aebbc3; display: block; width: 100%; line-height: 1.5em; font-size: 1em}


.footer-inner ul.menupolicy li {float: left; width: 100%;}
.footer-inner ul.menupolicy li a {float: left; color: #aebbc3; display: block; width: 100%; line-height: 1.5em; font-size: 1em;}


.customfootertitles h2 {font-size: 1.3em; width: 200px; text-transform: uppercase;}
.customfootertitles p {font-size: 1.1em; line-height: 1.5em;}
.customfootertitles a {color: #fff; text-decoration: underline;}
.customfootertitles a:hover {text-decoration: none;}


#policy2 {position: absolute; top: 15px; left: 240px; width: 200px; border: 1px solid red;}
#policy3 {position: absolute; top: 15px; left: 520px; width: 200px; border: 1px solid red;}

.gsc-input-box table {margin-bottom: 0 !important ;}


.jmodinside {float: left;}
.boardmembers {margin: 0 0 50px 0;}

#sponsors p {text-align: center; margin: 25px 0;}
#sponsors h4 {text-align: center; font-size: 2.5em; margin: 70px 0 45px 0; padding: 20px 0; background: #eee; font-weight: bold;}

#conference-links {margin:20px 0 0 0; padding:0 !important; border-top: 1px solid #693445; border-bottom: 1px solid #693445; padding: 15px 0; background: #eee
}
#conference-links li {list-style: none !important; font-size: 1.25em;}
#conference {margin: 0 0 .5em 0;}
#rethinking {width: 100%; min-height: 100px;}
#register-on-line-now #main-left form {float: right; width: 74%;}

.boardmembers {display: flex; flex-wrap: wrap;}


.moduletable-pw a {color: #000; font-size:.9em;}
.moduletable-pw a:hover {color: #130308;}


@media only screen and (min-width:810px) { 
.customtop {position: absolute; top: 26px;  left: 50%;  width: 146px; height: 86px; }
.customtop p {width: 146px; height: 86px; position: relative; left: -50%; background:url(../img/back-to-top.png) 47px 0 no-repeat;}
.customfooter-logo {width: 50%; margin: 150px 0 0 57px; float: left;}
.customfootertitles {float:right; position: relative; margin: 20px 6% 0 0;}
#credit {float:left; margin: 50px 0 20px 0; color: #bbbaba; position: relative ;width: 95%; text-align:center;}
#credit p {margin: 0 auto; width: 61%;}
#memberpage {background:url(../img/member-page-bg.jpg) 0 0 no-repeat; position: relative; height: 580px}
}

@media only screen and (max-width:809px) { 
.customtop {width: 143px; margin: 25px auto 0 auto;}
.customtop p { width: 130px; height: 86px; position: relative; background: url(../img/back-to-top.png) 47px 0 no-repeat;}
#footer-social {width: 110px; margin: 30px auto;}
#credit {margin: 40px auto; color: #bbbaba; width: 100%; text-align:center;}
#credit p {padding: 0 15px;}

}

@media only screen and (max-width:809px) and (min-width:414px) { 
.customfooter-logo {width: 380px; margin: 0 auto; float: none;}
.customfootertitles {margin: 60px auto 90px auto; width: 284px;}
#memberpage {background:url(../img/member-page-bg2.jpg) 0 0 no-repeat; position: relative; height: 722px;}
}

@media only screen and (max-width:413px) { 
.customfooter-logo {width: 95%; margin: 0 auto; float: none;}
.customfootertitles {margin: 60px auto 90px auto; width: 80%;}
#memberpage {background:url(../img/member-page-bg3.jpg) 0 0 no-repeat; position: relative; height: 812px;}
}


@media only screen and (min-width:1024px) { 
.highlights div section {min-width: 18em;}
.highlights div section ul {max-width: 13em; margin: 0 0 0 70px;}
 .customhighlights #learning ul {margin: 0 0 0 78px;}
 .customhighlights #advocacy ul {margin: 0 0 0 72px;}
 .customhighlights #collaboration ul {margin: 0 0 0 57px;}
}

@media only screen and (min-width:863px) { 
	.moduletable-pw { width: 110px;  position: absolute;  left: 46%; bottom: 68px;}
}

@media only screen and (max-width:862px) and (min-width:810px) { 
	.moduletable-pw { width: 110px;  position: absolute;  left: 46%; bottom: 168px;}
}

@media only screen and (max-width:809px) and (min-width:563px) { 
	.moduletable-pw { width: 110px;  position: absolute;  left: 46%; bottom: 168px;}
}

@media only screen and (max-width:862px) and (min-width:321px) { 
	.moduletable-pw { width: 110px;  position: absolute;  left: 46%; bottom: 105px;}
}

@media only screen and (max-width:320px) { 
	.moduletable-pw { width: 110px;  position: absolute;  left: 46%; bottom: 30px;}
}

@media only screen and (min-width:1060px) {
	.brand-inner {height: 120px; width: 100%; margin: 0 auto; background:url(../img/brand-image-bg.jpg) 100% 0 no-repeat; position: relative;}
	#maximenuck104 {width: 736px; position: absolute; right: 10px; top: 37px;}
	#cgs {position: absolute; top: 20px; right: 54px; width: 350px; z-index: 1000; }
	.moduletablelogin { width:40%;}
	#member-intro {margin: 0 22% 20px; text-align: center; font-size: 1.4em;}
}
	
@media only screen and (max-width:1059px) and (min-width:300px) {
	.brand-inner {height: 200px; width: 100%; margin: 0 auto; background:url(../img/brand-image-bg.jpg) 100% 0 no-repeat; position: relative;}
	#maximenuck104 {  width: 728px; position: relative; top: 120px; margin: 0 auto;}
	.moduletablelogin { width:60%;}
	
	
}

@media only screen and (max-width:1059px) and (min-width:828px) {
 .logo a {display: block; height: 112px; width: 402px; background:url(../img/nsfm-logo.png) 0 0  no-repeat; }
.logo h1 {margin: 0 !important; padding: 17px 0 0 10px}
#cgs {position: absolute; top: 67px; right: 54px; width: 350px; z-index: 1000; }
#member-intro {margin: 0 15% 20px; text-align: center; font-size: 1.4em;}
}

@media only screen and (max-width:827px) and (min-width:710px) {
 .logo a {display: block; height: 112px; width: 402px; background:url(../img/nsfm-logo2.png) 0 0  no-repeat; }
.logo h1 {margin: 0 !important; padding: 17px 0 0 10px}
#cgs {position: absolute; top: 67px; right: 54px; width: 350px; z-index: 1000; }
#member-intro {margin: 0 12% 20px; text-align: center; font-size: 1.4em;}
}


@media only screen and (max-width:709px) and (min-width:300px) {
	#cgs { width: 310px;  position: relative;  margin: 0 auto;  top: 15px;}
	 .logo a {display: block; height: 112px; width: 402px; background:url(../img/nsfm-logo.png) 0 0  no-repeat; }
	 .logo h1 { width: 290px; position: relative; margin: -18px auto 0 auto;}
	 .facilitate li { width: 320px; float:left; list-style: none;}
	 .mobilebarmaximenuck { top: 140px !important; width: 94%; margin: 0 auto;}
.mobilemaximenuck { top: 140px !important; width: 94%; margin: 0 auto;}
	/*.custombrand {position: static; margin:0;} */
	.custombrand h1 {position: relative; width: 100%}
	.custombrand h1 a {margin: -44px auto 0 auto;}
	#member-intro {margin: 0 10% 20px; text-align: center; font-size: 1.4em;}
	}


@media only screen and (min-width:1060px) and (max-width:1139px)  {
.logo a {display: block; height: 112px; width: 286px; background:url(../img/nsfm-logo2.png) 0 0  no-repeat; }
.logo h1 {margin: 0 !important; padding: 17px 0 0 10px}
	
}


@media only screen and (min-width:855px) {
.customtagline {position: absolute; color: #fff; font-size: 1em; right: 3px; top: 25px; text-shadow: 0px 1px 18px #000000; letter-spacing: 2px; font-family: verdana ,sans-serif; font-weight: normal;}
}


@media only screen and (min-width:999px) { 
div.jcalpro_events {background: #dde3e6; float: left;}
.lists .custom { position: relative;}
.lists .customdeadlines {background: #dde6dd; float: left; width: 33.3%;  min-height: 735px; padding-top: 80px; padding:0; margin:0;}
.customdeadlines h2 {padding: 26px 10px 10px 65px;}
.inner-lists .k-ui-namespace { background: #e4dade; float: left; width: 33.3%;  min-height: 735px; padding-top: 77px;}	
#latest {position: absolute; top: 20px; left:9%;}
.inner-lists {position: relative;}
.customevents {position: absolute; top: 20px; left:45%;}
#miss {position: absolute; top: 20px; right:6.5%;}
#deadlines {margin-top: -13px;}
#deadlines li {padding: 0 30px;}
.jcalpro_events ul {padding: 105px 10px 0 10px;}
.lists .custom ul {padding: 30px 10px 0 10px;}
}

@media only screen and (max-width:998px) { 
.customevents {float: left; width: 100%; margin:0; padding:0; position: relative;}
.customevents  h2 {margin:0 !important; padding:0; position: absolute; left: 90px; top: 40px;}
div.jcalpro_events { background: #dde3e6; float: left; width: 100%; padding-bottom: 70px}
.inner-lists .k-ui-namespace {  background: #e4dade;  float: left;  width: 100%; padding: 77px;}
#latest {position: absolute; top: 20px; left:96px;}
.custom {position: relative;}
#Events {position: absolute; top: 0; left: 0;}
.jcalpro_events ul {padding: 105px 10px 0 60px;}
.lists .custom ul {padding: 60px 10px 20px 55px;}
.lists .customdeadlines {background: #dde6dd; float: left; width: 100%;  padding-top: 80px; padding:0 0 60px 0; margin:0;}
.customdeadlines h2 {padding: 26px 10px 10px 82px;}
#deadlines {padding: 0 0 0 50px; width: 80%;}
}






@media only screen and (min-width:768px) { 
.featured div {display: flex; flex-wrap: wrap;}
ul.facilitate {display: flex; flex-wrap: wrap;}
.facilitate li {list-style: none; width: 33.3333333333% !important;}
.facilitate a { max-width: 360px;}
.custombrand {position: absolute; top: -36px; left: 0;}
#show-below {margin: 15px 0 0 0}
.moduletablehighlights {width: 72%; margin: 0 !important; float: left;}
.moduletableevents {background:#dde4e7; width: 28%; margin:0 0 0 0; float: right;}
.post-image { float: left;  width: 28%;  padding: 0 15px 0 35px;}
.post-content {float: left; width: 57.5%;}
.moduletablehighlights h3{ text-align: center;  text-transform: uppercase; font-size: 2.8em !important; padding: 15px 0 10px 0; color: #4D182E !important;}
.custompromo section {width: 400px;}
.custompromo h3 {font-size: 2.35em !important; margin: 0 3em 29px 3em !important; text-align: center; color: #414042 !important;}
#main-left ul li {line-height: 1.4em !important;}
}

@media only screen and (max-width:768px) { 
.facilitate li { width: 320px; float:left; list-style: none;}
.moduletablehighlights { float: left;  width: 100%; margin: 0 !important}
.moduletableevents {background:#dde4e7; width: 100%; margin:0 5% 0 0; float: left;}
.post-image { float: left;  width: 28%;  padding: 0 0 0 10px;}
.post-content {float: left; width: 57.5%; margin: 0 0 0 10px;}
.moduletablehighlights h3{ text-align: center;  text-transform: uppercase; font-size: 2em !important; padding: 15px 0 10px 0; color: #4D182E !important;}
.custompromo section {width: 100%;}
.custompromo section h3 {text-align: center; font-size: 2.35em !important; margin: 0 3em 0 3em !important; color: #414042 !important;}
#main-left ul li {line-height: 2em !important;}
}

@media only screen and (max-width:768px) and (min-width:710px){ 
.facilitate li { width: 320px; float:left; list-style: none;}.mobilebarmaximenuck { top: 120px !important; width: 94%; margin: 0 auto;}
.mobilemaximenuck { top: 120px !important; width: 94%; margin: 0 auto;}
.custombrand {position: absolute; top: -36px; left: 0;}
}



@media only screen and (min-width: 768px) and (max-width:1023px) { 
.highlights div section {min-width: 27em; margin: 0 0 60px 0;}
.highlights div section ul {max-width: 13em; margin: 0 0 0 130px;}
}

@media only screen and (min-width: 480px) and (max-width:767px) { 
.highlights div section {min-width: 27em; margin: 0 0 60px 0; }
}



@media only screen and (min-width:1140px) { 

.logo a {display: block; height: 112px; width: 402px; background:url(../img/nsfm-logo.png) 0 0  no-repeat; }
.logo h1 {margin: 0 !important; padding: 17px 0 0 10px}

}

@media only screen and (min-width:950px) { 
.customtagline {position: absolute; color: #fff; font-size: 1.2em; right: 3px; top: 25px; text-shadow: 0px 1px 18px #000000; letter-spacing: 2px; font-family: verdana ,sans-serif; font-weight: normal;}
.footer-inner ul.menuabout {float: left; width: 300px; margin: 80px 0 0 10px;}
.footer-inner ul.menupolicy {float: left; width: 300px; margin: 80px 0 0 10px;}
.customfootertitles #policy {position: absolute; top:0; left:320px;}


}


@media only screen and (max-width:949px) and (min-width:830px)  {
.footer-inner ul.menuabout {float: left; width: 240px; margin: 80px 0 0 10px;}
.footer-inner ul.menupolicy {float: left; width: 240px; margin: 80px 0 0 10px;}
.customfootertitles #policy {position: absolute; top:0; left:271px;}

}



@media only screen and (min-width:688px) {
.customfooter-contact {float: right; width: 320px; margin: -10px 10px 0 0;}
.customfooter-contact li {display: block; padding: 0 0 0 30px; line-height: 1.5em; margin: 7px 0;}
.customfooter-contact #address { background:url(../img/footer-icons.png) 0 12px  no-repeat;}
.customfooter-contact #phone { background:url(../img/footer-icons.png) 0 -45px  no-repeat;}
.customfooter-contact #fax { background:url(../img/footer-icons.png) 0 -80px  no-repeat;}
.customfooter-contact #email { background:url(../img/footer-icons.png) 0 -117px  no-repeat;}
}

@media only screen and (max-width:687px) and (min-width:480px) {
.customfooter-contact {float: right; width: 190px; margin: -10px 10px 0 0;}
.customfooter-contact li {display: block; padding: 0 0 0 30px; line-height: 1.5em; margin: 7px 0;}
.customfooter-contact #address { background:url(../img/footer-icons.png) 0 56px  no-repeat;}
.customfooter-contact #phone { background:url(../img/footer-icons.png) 0 -31px  no-repeat;}
.customfooter-contact #fax { background:url(../img/footer-icons.png) 0 -80px  no-repeat;}
.customfooter-contact #email { background:url(../img/footer-icons.png) 0 -117px  no-repeat;}
}

@media only screen and (min-width:480px) and (max-width:854px)  {
.customtagline {position: absolute; color: #000; font-size: 1em; right: 3px; top: 25px; letter-spacing: 2px; font-family: verdana ,sans-serif; font-weight: normal;}
	
}



@media only screen and (min-width:768px) {
	#main { display:table; border-collapse: separate; border-spacing: 0 0;}
	#main-left { display: table-row;}
	#main-left aside /*,aside#main-sidebar*/ { display: table-cell;}
	aside#main-sidebar  { min-width: 300px; background-color:#dde4e7;}
	.item-page, #SobiPro, #jcl_component, .k-ui-ltr, .login, #jcl_component {display: table-cell; width: 100%; }
	.menuaux a {float: left; text-decoration: none; font-size: .9em;}
	.customfootertitles #about {position: absolute; top:0; left:8px;}
	#site-footer { padding: 0 0 0 0; margin: 40px 0 0 0;}
	#for-our-members #site-footer {margin: 0;}
	#for-our-members #main-left ul {margin:0;}
	#main .blog {float: right !important; width: 74% !important;}
	#member-login .nav-list {position:absolute; top: 510px; left: 410px;}
	#main-sidebar ul {margin: 0 15% 0 15%;}
	.top-bar-inner, .main-nav-inner, .brand-inner, #search, .customfeatured, #main, .footer-inner, .bottom-feature, .search-inner, .customfeatured div, #breadcrumbs-inner, .featured div, .highlights div, .lists .inner-lists {margin: 0 auto; max-width: 1425px;}
	#homepage .highlights div {margin: 0 auto; max-width: 2399px !important;}
	.sprocket-headlines-container { position: relative;}
	.sprocket-headlines-navigation {position:absolute; top:0; right:6%;}
	
	#main-sidebar .nav li a {text-decoration: none; color: #000; display: block; padding: 3px; margin: 15px 0; }
	#main-sidebar .menu li.active first-child a  {margin: 0 0 15px 0;}
	
}

@media only screen and (max-width:767px) {
	aside#main-sidebar  { margin: 10px; }
	.item-page {margin: 15px; padding:0;}
	#main-sidebar .nav {display: flex; flex-wrap: wrap; justify-content: center; padding:0; margin:0; }
	#main-sidebar .nav li a {text-decoration: none; color: #000; display: block; padding: 5px ; margin: 5px; background-color:#eee;}
}



@media only screen and (max-width:829px) and (min-width:480px) {
.customtagline {  color: #000; font-size: .8em;  letter-spacing: 2px;  font-family: verdana ,sans-serif; font-weight: normal; float: right; width: 35%; margin: 12.6px 0 0 0;}
.menuaux a {float: left; text-decoration: none; font-size: .8em;}
.customfootertitles #about {position: absolute; top:0; left:8px;}
.customfootertitles #policy {position: absolute; top:290px; left:10px;}
.menuabout {position: absolute; top: 77px; left: 10px;}
.menupolicy {position: absolute; top: 365px; left: 10px;}
}






@media only screen and (max-width:479px) {
.customfooter-contact {float: left; width: 190px; margin: -20px 0 0 50px;}
.customfooter-contact #address { background:url(../img/footer-icons.png) 0 35px  no-repeat;}
.customfooter-contact #phone { background:url(../img/footer-icons.png) 0 -45px  no-repeat;}
.customfooter-contact #fax { background:url(../img/footer-icons.png) 0 -80px  no-repeat;}
.customfooter-contact #email { background:url(../img/footer-icons.png) 0 -117px  no-repeat;}
.customtagline {  color: #000; font-size: .8em;  letter-spacing: 2px;  font-family: verdana ,sans-serif; font-weight: normal; float: right; width: 90%; margin: 12.6px 0 0 0;}
.menuaux a {float: left; text-decoration: none; font-size: .8em;}
.customfootertitles #about {position: absolute; top:337px; left:20px;}
.customfootertitles #policy {position: absolute; top:610px; left:20px;}
.menuabout {position: absolute; top: 410px; left: 20px;}
.menupolicy {position: absolute; top: 685px; left: 20px;}

#details {width: 200px;}
#details ul li{padding: 0 0 0 30px !important;} 

.logo h1 {margin:-10px 0 0 0 !important; padding: 0;}

.logo a {display: block; height: 112px; width: 286px; background:url(../img/nsfm-logo2.png) 0 0  no-repeat; position: relative; top: 2px; left: 4px;} 

.menuaux {padding: 0 44px;}

a[href^="tel"] { font-size: 1.2em !important; }
.mobilebuttonmaximenuck {top: 0;}
.highlights div section {margin: 0 0 60px 0; }
.inner-lists .k-ui-namespace {  background: #e4dade;  float: left;  width: 100%; padding: 80px 20px;}
.jcalpro_events ul {padding: 105px 10px 0 0 !important;}
.lists .customdeadlines { padding: 0 0 60px 0 !important;}
#deadlines {padding: 0 0 0 0 !important;}
#latest {position: absolute; top: 20px; left:42px !important;}
.customdeadlines h2 {padding: 26px 10px 10px 40px !important;}
#homepage #main-sidebar {display: none !important;}
.highlights div section ul {max-width: 13em; margin: 0 0 0 28px;}
.highlights div section#keyissues {width: 190px;}
.highlights div section#keyissues ul {margin: 0 0 0 22px;}

}



@media only screen and (min-width:480px) {
.top-bar-inner { height: 47px;}
.customfooter-contact h3 {margin: 0 0 20px 0; line-height: 1.3em; font-size: 1.4em;}
}


@media only screen and (max-width:479px) {
.top-bar-inner { height: 85px;}
.customfooter-contact h3 {margin: 0 0 20px 0; line-height: 1.3em; font-size: 1.4em; width: 220px;}
.customfooter-contact ul {position: relative; left: 20px;}
}


/* target IE */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   #members-only ul {display: block !important;}
   #members-only ul li {float: left;}
   
}



 #SobiPro {background: none;}
  #SobiPro .page-header {border: none;}
  #SobiPro h1 {color: #000 !important; border: none;}
  #SobiPro h2 a {font-size: .9em !important; font-weight: 400; color: #4d0e29 !important; text-decoration:none;}

#newsletters .cat-children h3 {display: none;}




h2.page-header {
    margin-bottom: 10px !important; 
    margin-top: 10px  !important; 
    font-size: calc(14px + 8px)  !important; 
    font-weight: 300  !important; 
    border-bottom: 1px solid #f2d9d9  !important; 
}

.spEntryCats, #sobiProFooter {display: none;}

.spNavigationContainer .pagination li {list-style: none; float: left; margin: 5px;}
.SobiPro.default4 .pagination > ul > li > a, .SobiPro.default4 .pagination > li > a {float: left;color: #fff !important; text-decoration: none;}
.hidden-xs.text-center {display: none;}
.pagination .disabled {display: none;}

#SobiPro {margin-bottom: 40px;} 

#home #main-sidebar {display: none !important;}


.top-bar-inner {position: relative;}
.top-bar-inner, .main-nav-inner, .brand-inner, #search, .customfeatured, #main, .footer-inner, .bottom-feature, .search-inner, .customfeatured div, #breadcrumbs-inner, .featured div, .lists .inner-lists {margin: 0 auto; max-width: 1220px;}
#homepage .highlights div {margin: 0 auto; max-width: 2399px !important; position: relative}
.sprocket-headlines-container { position: relative;}
.sprocket-headlines-navigation {position:absolute; top:0; right:6%;}
.sprocket-headlines {border-radius: 0 !important;}

#for-our-members #main {max-width: 100% !important;}

.bottom-feature {margin: 0 auto 10px auto;}

.footer-inner {position:relative;}



#homepage #breadcrumbs, #homepage .show-below, #for-our-members .show-below {display: none;}
	

.footer-sections {margin: 0 0 0 0; padding:0; }
.site-header a, footer {color: #fff;}
.menuaux li {float: left; margin: 5px 8px; list-style: none;}
.menuaux {float: right; margin: 10px 10px 0 0;}

.menuaux a:hover, .menuaux a:focus {text-decoration: underline;}

.separator {color: #fff !important; font-size: 1.2em !important;}
span.separator::after {border-color: #fff transparent transparent transparent !important; position: relative; right: -3px !important;}
a span.titreck {;}



#homepage h1, #homepage h2, #homepage h3, #homepage h4, #homepage h5, #homepage h6 {color: #4D182E;}
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: freight-sans-pro, sans-serif !important; font-weight: 600 !important; font-style: normal;line-height: 20px; color: #4d182e; text-rendering: optimizelegibility; font-family: freight-sans-pro, sans-serif; font-weight: 600; font-style: normal;}
.footer-inner h2, .footer-inner h3 {color: #fff !important;}



#skip_nav, .logo a {text-indent: 100%; white-space: nowrap; overflow: hidden;display: block;}
#footer-social a span {text-indent: 200%; white-space: nowrap; overflow: hidden;display: block;}

.k-ui-ltr, .item-page, #main-left .blog, #main .contact, #jcl_component, .login { /*float: left; margin: 28px 5% 20px; background: #fff; width: 88%; padding: 2%; border: 1px solid #e2e2e2; */}




/* From bootsrtp.min.css */  
.clearfix { *zoom: 1 }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.published {margin:0; padding:0;}




.customfooter-content a:hover, .customfooter-content a:focus {text-decoration: none;}
.footer-copy {float: left; width: 100%; margin: 5px 0;}
.footer-copy h2 {text-align: center; text-transform:uppercase;}
.footer-copy p {text-align: center;}
#mwv a, .customfooter-contact a {color: #ffc4dd; text-decoration: none;}
#mwv a:hover, #mwv a:focus {text-decoration: underline;}
.customfooter-contact .cloaked_email {font-size: .9em !important;}



#breadcrumbs ul {background: #f8f8f8; float: left;  width: 100%; padding: 10px; margin: 0 0 10px 0;  }
.breadcrumb li {list-style: none; float: left; margin: 0 3px}
.breadcrumb li a {float: left;}
.showHere {margin: 0 10px 0 0;}


#breadcrumbs  {width: 100%; height: 40px; border-bottom: 1px solid #e3e3e3;  background: #f4f4f4; margin: 0 0 40px 0;}


#main-sidebar .nav li {list-style: none;}

#main-sidebar .nav li a:hover {text-decoration: none; color: #4d182e; background: #f0f4f5;}
#main-sidebar .nav li.current a {color: #4d182e; font-weight: bold;}
#main-sidebar .nav li ul li.current a {color: #4d182e !important; font-weight: bold !important;}
#main-sidebar .nav li ul li.current ul a {color: #000 !important; font-weight: normal !important;}
#main-sidebar .nav li ul li a  {margin: 8px 0; font-weight:normal !important; color: #000 !important;}


.blog .item {float: left; width: 100%; margin: 0 0 25px 0;}






@media print { 
    * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
    a, a:visited { text-decoration: underline }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }
	.custombrand a {background: none;}
	#cgs, .customtop, .maximenuckh, aside {display: none;}
	.site-header h1 a span {text-indent: 0; overflow:visible; text-align: center; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
	.site-header h1 a {text-decoration: none; border-bottom: none; position: relative; top: -30px; left: -45px;}
	.site-header h1 {margin: 0 0 -100px 0; font-size: 17px; font-size: 1.7rem; line-height: 1em; font-weight: bold;}
	.content-container #main {width: 100%; margin: 0 0 100px 0;}
	.customaddress {float: left; margin: 0 0 25px 0;}
	#search, .main-nav, #breadcrumbs, .custombuttons , .menu-aux, .customfeatured, #home .image, .image-area {display: none !important;}
	.brand h1 span {display: block !important;}
	.brand h1 {position: absolute; top:0; left: 40px;}
	.brand h1 a {font-family: freight-sans-pro, sans-serif !important; font-weight: 400 !important; text-transform:uppercase;}
	#site-footer {border: none;}
	.footer-copy  h2 {font-size: 1.1em;}
	.customfooter-contact {float: left; width: 100%; margin: 20px 0 30px 10px; }
	.logo h1 {margin: 0 0 25px 0 !important; padding: 0; border-bottom: 0; position: relative;}
	.customtagline {float: left !important; margin: -15px 0 25px 0; width: 100%;}
	customtagline p { float: left; }
	.customhighlights section {width: 50%;}
	.customhighlights ul {margin: 0 0 60px 0;}
	.customhighlights li {list-style: none;}
	.customhighlights p {text-align: left;}
	#latest {position: relative; top: -250px;}
	#homepage .mod_docman_icons {position: relative; top: 67px;}
	#credit {float: left; width: 90%; margin: 50px 0 0 0;}
	.page-title h3 {font-size: 21pt !important; padding: 25px;}
	#members-only li {list-style: none !important;}
	
}

	



/* JCE Editor styles */  
.next_line {display: block; clear:both; position: relative; top: 20px; padding-bottom: 15px}
.image_right_border {float:right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #aaa;}
.image_right {float:right; margin: 0 0 15px 15px;}
.image_left_border {float:left; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left_border-no-float {float:none; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left {float:left; margin: 0 15px 15px 0;}
.image_centered, p.image_centered img {margin: 0 auto 30px auto; display: block; height: auto; width:auto;}
.image_centered_border img {margin: 0 auto 30px auto; display: block; height: auto; width:auto; padding: 2px; border: 1px solid #aaa;}
.item-page .intro {display: none;}
.image_frame_left { padding: 8px; margin: 0 10px 5px 0; border: solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 1px 1px 1px;background-color: #fff; float: left;}

.centre_text {text-align:center;}
.centered  {text-align:center; width: 50%;  margin: 0 auto 15px auto; height:auto;}
.caption { text-align: center; display: block; width: 100%; font-size:.95em; }
.image_caption {font-size: .9em;}
.no-bullets li {list-style: none;} 


a[href^="http:"], a[href^="https:"] {padding: 0 11px 0 0; background:url(../img/external.gif) top right no-repeat; margin-left: 2px; font-size: 1em;}





a[href^="http:"] span, a[href^="https:"] span {padding: 0 11px 0 0; background:url(../img/external.gif) top center no-repeat; margin-left: 2px;}

.maximenuck a[href^="http:"] span, .maximenuck a[href^="https:"] span, .maximenuck a[href^="http:"] span.titreck, .maximenuck a[href^="https:"] span.titreck, #footer-social a span, .tp-caption a[href^="https:"] {background: none !important;}

.customsocial span .a[href^="http:"], .customsocial a[href^="https:"] span {margin-left: 12px !important;}

.osmap-items a {background: none !important;}
#osmap-menu-uid-mainmenu {display: none;}


#osmap a {text-decoration: none;}
#osmap a[href^="http:"], .sitemap a[href^="https:"], #footer-social a[href^="https:"] span, #footer-social a[href^="https:"] span, #2019-sponsors a[href^="http:"], #2019-sponsors a[href^="https:"] {background: none !important;}

.logos a[href^="http:"], .logos a[href^="https:"] [href^="https:"] {background: none !important;}

#footer-social #facebook a {background: url(../img/facebook.png) 0 0 no-repeat;}
#footer-social #twitter a {background: url(../img/twitter.png) 0 0 no-repeat;}

#footer-social #instagram a {background: url(../img/instagram.png) 0 0 no-repeat;}
#footer-social #youtube a {background: url(../img/youtube.png) 0 0 no-repeat;}
#footer-social #linkedin a {background: url(../img/linkedin.png) 0 0 no-repeat;}


#footer-social a { display: block; height:32px; width:32px;}

.inner-lists .k-ui-namespace .k-pagination .k-pagination__pages>li>a[href^="http:"], .inner-lists .k-ui-namespace .k-pagination .k-pagination__pages>li>a[href^="https:"]{background-image:none;}

#osmap .page-header h1 {margin: 90px 0 30px 0 !important;}
.level_0 .osmap-has-children > a {font-size: 1.2em !important;;}
.level_1 .osmap-has-children > a {font-size: 1em !important;; line-height:1.3em;}
.level_3 a {font-size: .85em !important;}


#osmap li {list-style: none;}
#osmap .osmap-item-separator, #osmap-li-uid-joomla-featured-17 > a {font-size: 1.2em !important; margin: 20px 0 5px 0; display: block; font-weight: bold;}
#osmap-li-uid-joomla-featured-17 > a {color: #000;}
#osmap .level_0 {margin: 0;}
#osmap .level_1 {margin: 10px 0 25px 10px;}
#osmap .level_2 {margin: 0 0 0 20px;}
#osmap .level_3 {margin: 0 0 0 20px;}

.level_2 ul#osmap-ul-uid-com-sobiproo59 {display: none; }

table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100%; }
th, td, caption { padding: 0.25em .5em; text-align: left; }
tfoot { font-style: italic }
caption { background-color: transparent }
tbody tr { border: 1px solid #eee }
tbody tr:nth-child(odd) td { background-color: #f1f1f1 }


html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, a:active { outline: 0 }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

#map_canvas img, .google-maps img { max-width: none }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
button, input { overflow: visible; line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
textarea { overflow: auto; vertical-align: top; }


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


.customaddress p {line-height: 1.5em;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px }

p { margin: 0 0 1.5em 0; font-size: 12px; font-size: 1.2em; line-height: 1.4em;}
footer p {font-size: 1em;}

ul li, ul li a{font-size: 12px; font-size: 1.2em;}


.blog-featured li {margin:0;}

small { font-size: 85% }
strong { font-weight: bold }
em { font-style: italic }
cite { font-style: normal }
.muted { color: #999999 }
a.muted:hover, a.muted:focus { color: #808080 }
.text-warning { color: #c09853 }
a.text-warning:hover, a.text-warning:focus { color: #a47e3c }
.text-error { color: #b94a48 }
a.text-error:hover, a.text-error:focus { color: #953b39 }
.text-info { color: #3a87ad }
a.text-info:hover, a.text-info:focus { color: #2d6987 }
.text-success { color: #468847 }
a.text-success:hover, a.text-success:focus { color: #356635 }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1;}
h1 { font-size: 16px; font-size: 1.6rem; line-height: 1.4em; margin: 0 0 16px 0;}



h2, h1, h3.koowa_header .whitespace_preserver { font-size: 20px;  font-size: 2rem;  line-height: 1em; margin: 30px 0 30px 0 !important; display: block; }
.image h1 {line-height: 1em !important; margin: -23px 0 0 0 !important; font-size: 16px; font-size: 1.6rem; }
.jcl_header h2.ajaxheader {color: #1d4d5d !important;}


h3, .blog .item h2 { font-size: 16px; font-size: 1.6rem; line-height: 1em; margin: 25px 0 10px 0; }
.customhighlights h2 { font-size: 15px; font-size: 1.5rem; text-align: center;}
h3 {line-height: 1.3em !important;}

h4, .blog .item h3 { font-size: 13px; font-size: 1.3rem; line-height: 1.2em; margin: 30px 0 10px 0; }
h5 { font-size: 12px; font-size: 1.2rem; line-height: 1em; margin: 8px 0; }
h6 { font-size: 11px; font-size: 1.1rem; line-height: 1em; margin: 6px 0; }



h1 small { font-size: 24.5px }
h2 small { font-size: 17.5px }
h3 small { font-size: 14px }
h4 small { font-size: 14px }



ul, ol { padding: 0; margin: 0 0 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 }
li { line-height: 1.2em; margin: 0 0 .2em 0; font-size: 12px; font-size: 1.2em;}
.maximenuck ul li {line-height: .7em;}
.blog li, .item-page li { line-height: 1.4em; font-size: 12px; font-size: 1em;}
.item-page li li { line-height: 1.4em; margin: .3em 0; font-size: 10px; font-size: 1em;}
#main-left ul ul {margin: 0 0 0 20px;}


#main-left ul {margin-bottom: 25px;}
.blog ul li {font-size: 1.2em !important; line-height: 1.2em !important;}
#main-left ul ul li {font-size: .9em; line-height: 1em !important;}
.nav .item-717 ul {position: relative; left: 20px;}

#main-left a, .breadcrumb a, .highlights a, .lists a {color: #1d4d5d; font-size: 1em;}

.SobiPro.default4 .pagination > li > a {background: #4D182E !important;}
#main-left a:active, .breadcrumb a:active, .highlights a:active, .lists a:active {color: #c3718b}
#main-left a:hover, #main-left a:focus, .breadcrumb a:hover, .breadcrumb a:focus, .highlights a:hover, .lists a:hover, .highlights a:focus, .lists a:focus {color: #b37e8f}

.osmap-items ul a {font-size: 1.1em;}
.osmap-items ul ul a{font-size: .9em;}
.osmap-items ul ul ul a{font-size: .8em;}


ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li { display: inline-block; display: inline; padding-right: 5px; padding-left: 5px; zoom: 1; }
dl { margin-bottom: 20px }
dt, dd { line-height: 20px }
dt { font-weight: bold }
dd { margin-left: 10px }
hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }




abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; }
abbr.initialism { font-size: 90%; text-transform: uppercase; }
blockquote {
    padding: 20px 0 20px 25px;
    margin: 0 0 20px;
    border-left: 10px solid #eeeeee;
    font-size: 1.2em;
    line-height: 1.3em;
}
blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; }
blockquote small { display: block; line-height: 20px; color: #999999; }
blockquote small:before { content: '\2014 \00A0' }
blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right }
blockquote.pull-right small:before { content: '' }
blockquote.pull-right small:after { content: '\00A0 \2014' }
q:before, q:after, blockquote:before, blockquote:after { content: "" }

address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; }
code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
pre.prettyprint { margin-bottom: 20px }
pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
 

 
form { margin: 0 }
#for-our-members form { margin: 0 0 20px 6%; }
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
label { display: block; margin-bottom: 5px; } 

input[type="text"] { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

select, textarea, input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input  { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

input, textarea, .uneditable-input { width: 50%;}
textarea { height: auto } 


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }



input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; margin-top: 0; line-height: normal; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto }
select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ }


select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; }
select[multiple], select[size] { height: auto }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); }
.uneditable-input { overflow: hidden; white-space: nowrap; }
.uneditable-textarea { width: auto; height: auto; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999 }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999 }
.radio, .checkbox { min-height: 20px; padding-left: 20px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; }
.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px }
.input-mini { width: 60px }
.input-small { width: 90px }
.input-medium { width: 150px }
.input-large { width: 210px }
.input-xlarge { width: 270px }
.input-xxlarge { width: 530px }
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block }

.formBody p, .formCaption { font-size: 1.23em; font-weight: normal; line-height: 1.4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.formCaption p  {margin: 0 10px 0 0;}
.formFieldset .formBody label { position: relative; top: 5px; left: 5px; margin: 0 10px 0 0;}
div.formBody {margin: 0 0 10px 0;}
fieldset.formFieldset ol.formContainer li {margin: 0 0 50px 0;}


table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold }
.table thead th { vertical-align: bottom }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0 }
.table tbody + tbody { border-top: 2px solid #dddddd }


.nav { margin-bottom: 20px; margin-left: 0; list-style: none; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; color: #777;}
.nav > li > a > img { max-width: none }
.nav > .pull-right { float: right }
.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; }
.nav li + .nav-header { margin-top: 9px }

.brand li a, aside .nav  a  { transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s;}
aside .nav a:active {position: relative; top: 1px; left: 1px;}




.pagination { margin: 20px 0 }
.pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li { display: inline }
.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5 }
.pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; cursor: default; background-color: transparent; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; }
.pagination-centered { text-align: center }
.pagination-right { text-align: right }
.pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; }
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; }
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; }
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; }
.pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; }
.pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; }