/* ==========================================================================
   Base styles: opinionated defaults ssssssssssssss
   ========================================================================== */

html,button,input,select,textarea {color:#222;}
body {font-size:1em;line-height:1.4;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}

/*
 * A better looking default horizontal rule
 */

hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {vertical-align: middle;}

/*
 * Remove default fieldset styles.
 */

fieldset {border:0;margin:0;padding:0;}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {resize: vertical;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {height:100%;margin:0px;padding:0px;}

body {height:100%;margin:0px;padding:0px;font-size:16px;font-family: 'Montserrat', sans-serif;color:#4e4b44;}

body > #wrapper { height: auto; min-height: 100%; }

h1, h2, h3 {text-transform:uppercase;margin-top:0;padding-top:0;}

h1 {color:#8fb73d;font-size:24px;line-height:27px;}
h2 {color:#f37324;font-size:22px;line-height:25px;}
h3 {color:#4e4b44;font-size:20px;line-height:23px;}

a {color:#8fb73d;text-decoration:none;}
a:hover {text-decoration:underline;color:#f37324;}

img.border {border:1px solide #8fb73d;}

#wrapper {max-width:950px;margin:0 auto;}

header {}

	#header {position:relative;height:185px;}

	#logo {position:absolute;bottom:50px;left:0;display:block;width:264px;height:106px;background:transparent url(../images/logo.jpg) no-repeat left top;}

	#social {position:absolute;bottom:50px;right:0;width:205px;/*width:127px;*/height:31px; }

		#social a {display:block;height:31px;width:32px;float:left;text-indent:-9999px; }

		.twitter  {margin-right:7px;background:transparent url(../images/icon-twitter.png) no-repeat left top;}
		.instagram{margin-right:7px;background:transparent url(../images/icon-instagram.png) no-repeat left top;}
		.linkedin {margin-right:7px;background:transparent url(../images/icon-linkedin.png) no-repeat left top;}
		.facebook {margin-right:7px;background:transparent url(../images/icon-facebook.png) no-repeat left top;}
		/*.like     {width:72px!important;background:transparent url(../images/icon-like.png) no-repeat left top;}*/
		.mail     {width:49px!important;height:31px;background:transparent url(../images/icon-mail.png) no-repeat left top;}

	#navigation {position:absolute;right:0;bottom:0;width:100%;line-height:42px;height:42px;z-index:500;}

		.navbar-inner {background-color:transparent;}

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

		#navigation ul li a {line-height:42px;height:42px;color:#8c7867;margin:0;padding:0 10px;font-size:14px;text-transform:uppercase;font-weight:700;}

		#navigation ul li a.active {background-color:transparent!important;}

		/* changes bootstrap bg/color of active nav item */
		.navbar .nav li.dropdown.open > .dropdown-toggle,
		.navbar .nav li.dropdown.active > .dropdown-toggle,
		.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		  background-color: #8fb73d!important;
		  background-image:none!important;
		  color: #fff;
		}

		/* nav breadcrumb */
		.dropdown-menu li > a:hover,
		.dropdown-menu li > a:focus,
		.dropdown-submenu:hover > a {
				background-color:#8fb73d;
				background-image:none;
				color:#fff!important;
		}

		.dropdown-menu li {float:none!important;}

			#navigation .dropdown-menu li a:hover {background-color:#dc5e10!important;background-image:none!important;color:#fff!important;}

	/*** Dropdown/Flyout Navigation Skin ***/
	.sf-menu {
		float:			left;
		margin-bottom:	1em;
	}
	.sf-menu a {

		padding: 		.75em 1em;
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#13a;
	}
	.sf-menu li {
		/*background:		green; main nav*/
	}
	.sf-menu li li {
		background:		blue; /*1st dropdown/flyout nav*/
	}
	.sf-menu li li a {}
	.sf-menu li li li {
		background:		purple; /*2nd dropdown/flyout nav*/
	}
	.sf-menu li li:hover, .sf-menu li li.sfHover,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
		background:		red; /*hover and hover path bg*/
		outline:		0;
	}

#slider {height:auto;background-color:#ccc;border-bottom:3px solid #f37324;}

#main {padding:20px 0;}

	#quick-blocks {margin-bottom:12px;}

		#quick-blocks .quick-block {width:25%;float:left;}

	#content {width:69.47368%;float:left;}
	#content-wide {width:100%;float:none;}

			.page_home .content-container, .page_home .content-container {margin:0 0 12px;}

		.content-container {margin:0 4% 12px;}

		.content-container li {margin-bottom:5px;}

	#sidebar {width:28.42105%;float:right;border-left:3px solid #f37324;}

		#sidebar h2 {margin:0 8px 12px;}

		#sidebar .quick-block {width:100%;}
		#sidebar .quick-block .container {padding:15px 0 10px!important;}

		.quick-block {}
		.quick-block .container {margin:0 3%;padding:3% 0;text-align:center;}

			.quick-block .container .photo {float:left;margin:0 12px 12px 0;}

			.quick-block-headline, .quick-block-description {display:block;padding-bottom:5px;}

			.quick-block-headline, .quick-block-headline a {color:#f37324;font-size:20px;margin-bottom:0;text-decoration:none;line-height:22px;font-weight:700;}
			.quick-block-description, .quick-block-description a {color:#8fb73d;font-size:14px;text-decoration:none;line-height:16px;}

			.qb0 .container, .qb1 .container, .qb2 .container {text-align:left!important;}

	/* PAGE Index */
	.page_index .content-container {margin:0 0 12px!important;}

	#events, #latest-news {background-color:#8fb73d;margin-bottom:12px;}

	#events {width:45.26315%;float:left;padding:12px 0;}
	#latest-news {width:53.47368%;float:right;padding:15px 0;min-height:450px;}

	#events .container {margin:0 12px;height:100%;}

	#latest-news .container {margin:0 15px;color:#fff;}
	#latest-news h1 {color:#fff;border-bottom:3px solid #fff;text-transform:uppercase;font-size:24px;padding:12px 0px;margin:0 10px 12px;line-height:24px;}
	#latest-news a {text-decoration:none;color:#fff;text-transform:uppercase;}
	#latest-news a:hover {text-decoration:underline;}

		.latest-news-story {padding-top:10px;margin:0 10px;}

	/* PAGE Apply Now */

	#form_apply h2 {padding-top:12px;}

	/* PAGE Meetings */

	#meeting-details {background-color:#f4f8eb;border-radius:10px;padding:15px;margin-bottom:15px;}

		#meeting-details h2 {text-transform:uppercase;font-size:18px;color:#4e4b44;line-height:22px;}

			#meeting-details h2 span {text-transform:none;}

		#meeting-details p {margin-bottom:15px;}

	/* PAGE Board of Directors */

        .board-members {}

	.board-member-listing {text-align:center;margin-bottom:30px!important;background-color:#f5faed;padding-top:10px;}
        .board-members .board-member-listing:nth-child(3n+4) {clear:both;}

		.board-member-listing p {line-height:18px;}
		.board-member-listing em {font-size:13px;}

                .board-member-listing span {display:block;max-width:200px;height:150px;margin:0 auto;}
                .board-member-listing span img {width:auto;height:100%;max-height:150px;min-height:140px;margin:0 auto;}

	/* Newsletter */

	.newsletter-listing {padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #ccc;}

	/* Careers */

	.list-job {padding-bottom:15px;}

		.list-job h2 {text-transform:none;}

	/* Careers Details */

	#list_a_job_table td {padding:0 0 20px!important;}

	/* Job Details */

	#job_details_table td {padding:6px 0;}

	/* Membership */

	#membership-profile-modify-table {margin:0 30px 15px 0;width:100%;}

	/* Sponsors */

	.sponsor-listing {text-align:center;padding-bottom:12px;height:150px;line-height:150px;}
	.sponsor-listing a {display:block;height:150px;background-repeat:no-repeat;background-position:center;}
	.sponsor-listing img {max-width:150px;max-height:150px;}

	.col-50.sponsor-listing {height:200px;line-height:200px;}
	.col-50.sponsor-listing a {height:200px;}
	.col-50.sponsor-listing img {max-width:200px;max-height:200px;}

	/* Login */

	.forgot-password {display:block;padding-bottom:12px;}

	/* News */

	.news-listing {padding:12px 0;margin:0;}

		.news-listing h2 {text-transform:none!important;}

		.news-listing h4, .news-listing p {font-weight:400;}

	/* Directory */

	#member_search {background-color:#8fb73d;border-radius:6px;padding:15px 0;}

		#member_search {color:#fff;width:410px;}

			.member-search-field {margin:0 5%;}

				.member-search-field h2 {color:#fff;}

				.member-search-field input {width:94%;border:2px solid #7a894b;}
				.member-search-field select {width:98%;border:2px solid #7a894b;}

		.member-search-filter {}

			.member-search-filter span {display:block;margin:0 0 0 10%;color:#fff;font-weight:700;font-size:21px;line-height:25px;}

			.member-search-filter span input {float:left;margin-right:10px;}

		.member-search-action {}

			.member-search-action input {display:block;width:150px;background-color:#fff;border:2px solid #7a894b;color:#8fb73d;margin:0 10%;padding:7px 0;text-align:center;font-size:18px;font-weight:700;}
			.member-search-action a:hover {text-decoration:none;}

	#member_search_alpha a {display:block;width:3.846153%;text-align:center;float:left;padding:6px 0;font-size:36px;font-weight:700;}

		#member_search_alpha a:hover {text-decoration:none;}

		#member_search_alpha a.current {color:#f37324;}

	.msr-label span, .msr-data-row span {display:block;width:31%;padding:10px 1%;float:left;}

	.msr-label {border-top-left-radius:10px;border-top-right-radius:10px;background-color:#8fb73d;}

		.msr-label span {color:#fff;text-transform:uppercase;text-align:center;font-weight:700;font-size:18px;}

	.msr-data-row {border-bottom:2px solid #8fb73d;background-image:url(../images/member-search-divider.png);background-repeat:repeat-y;background-size:100% 2px;}

		.alt-data {background-color:#ecf0e3;}

	.msr-footer {border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#8fb73d;height:25px;}

	.msr-paging {padding-top:15px;}

		.msr-paging span, .msr-paging a {display:block;float:left;line-height:21px;}

		.msr-paging span {width:60px;font-size:21px;font-weight:700;}
		.msr-paging a {width:30px;text-align:center;font-size:21px;font-weight:700;border-right:2px solid #8fb73d;}
		.msr-paging a.last {border-right:none;}
		.msr-paging a.current {color:#403a37;border-right:2px solid #403a37;}

		.msr-paging a:hover {text-decoration:none;}

   #form_sponsorship_register input[type="text"] {width:90%; margin-bottom:15px;}

    .meeting-step-container {padding-bottom:25px;}
        .meeting-step-container h2 {margin-bottom:20px;}

        .meeting-step {display:block;float:left;background-color:#f47224;text-align:center;height:30px;width:30px;color:#fff;border-radius:15px;line-height:30px;margin-right:10px;}

        .meeting-step-info {color:#efb091;font-size:13px;}

        .meeting-step-selections {padding:5px;}
            .meeting-step-selections ul {margin-top:5px; margin-bottom:25px; margin-left:40px;}

            .meeting-step-selections input {margin-right:5px; margin-bottom:8px;}

        .meeting-cost {color:#9d9d9d;}

        .meeting-step-total {background-color:#eafbc7;text-align:center;border-radius:5px;border:1px solid #c2cfa1;line-height:40px;}

            .meeting-step-total input {margin-bottom:8px;}

        .meeting-member-signin {font-size:11px;color:#fff;display:block;width:180px;text-align:center;padding:5px 0;background-color:#759331;float:left;margin-bottom:25px;}
        a:hover.meeting-member-signin {text-decoration:none;color:#fff;background-color:#f47224;}

        .required {color:red;}

footer {background-color:#fef1e9;padding:38px 0 48px;}

#footer {margin:0 53px 0 50px;} /* width: 847px */

	#footer ul {float:left;margin:0;padding:0;list-style:none;}

		#footer ul li a {font-size:12px;text-decoration:none;color:#f37324;}
		#footer ul li a:hover {color:#666;text-decoration:none;}

		#footer ul li.footer-label, #footer ul li.footer-label a {font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none;color:#f37324;}

		#footer ul li {margin-right:5px;line-height:14px;margin-bottom:5px;}

	.footer-members   {width:135px;}
	.footer-join      {width:95px;}
	.footer-events    {width:133px;}
	.footer-resources {width:128px;}
	.footer-education {width:132px;}
	.footer-about     {width:128px;}
	.footer-contact   {width:94px;}

#copyright {padding:15px 0;}

#copyright .left  {width:20%;}
#copyright .right {width:80%;text-align:right;}
#copyright .right p {font-size:10px;color:#f37324;line-height:14px;font-weight:700;}
#copyright .right span {position:relative;display:block;float:right;width:153px;height:19px;background:transparent url(../images/website-by.png) no-repeat left top;}
#copyright .right span .website-by-verdin{position:absolute;right:40px;top:0;display:block;height:19px;width:61px;}
#copyright .right span .website-by-itech {position:absolute;right:0;top:0;display:block;height:19px;width:39px;}

.grey {color:#CCC;}

/* ==========================================================================
   Superfish Nav
   ========================================================================== */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height 2.5em = 40px */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* ==========================================================================
   Supposition
   ========================================================================== */

/* ==========================================================================
   Bootstrap Override
   ========================================================================== */

.table.table-bordered thead {background:transparent url(../images/bg_thead.png) repeat left top!important;}

.btn-success {background-image:none!important;background-color:#8fb73d!important;font-family: 'Montserrat', sans-serif!important;}

.alert-success {border:1px solid #b8d89e;}

/* ==========================================================================
   Browser Specific
   ========================================================================== */

.ie7 .sf-menu li {border-bottom:1px solid #fff;}

.ie7 .sf-menu li:hover ul,
.ie7 .sf-menu li.sfHover ul {margin-top:2px;}

.ie7 .sf-menu li:hover ul li ul,
.ie7 .sf-menu li.sfHover ul li ul {margin-top:0px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.mobile {display:none;}

.col-container {margin:0 1.165%;padding:1% 0 0.25%;}

.column {margin:1.165% 0 0.5825%;}

.col-100{width:97.67%;margin:0 1.165%;}
.col-66{width:63.67%;margin:0 1.165%;}
.col-50{width:47.67%;margin:0 1.165%;}
.col-33{width:31.00333333333333%;margin:0 1.165%;}
.col-25{width:22.67%;margin:0 1.165%;}
.col-20{width:17.67%;margin:0 1.165%;}

.left  {float:left;}
.right {float:right;}

.cl {clear:left;}
.cb {clear:both;}

/*
 * Image replacement
 */

.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}
.ir:before {content:"";display:block;width:0;height:100%;}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {display:none!important;visibility:hidden;}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {visibility:hidden;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {*zoom: 1;}
span.error {color:red;}

.ulError {display:block;margin:30px 0px 0px 10px;}

	.ulError li.liMsg {color:#FF0000!important;}

.page_error_message, .page_success_message
{padding:10px;margin:10px 0px 15px;}

.page_error_message p, .page_success_message p
{float:left;margin:0px 0px 0px 30px;}

.page_error_message .cb,.page_success_message .cb,
.page_error_message .cl,.page_success_message .cl,
.page_error_message .cr,.page_success_message .cr
{margin:0px;padding:0px;border:none;}

/* error message */
	.page_error_message
	{border:1px solid #ff0000;background:#ffd581 url(../images/message_error.gif) no-repeat 5px;}

	.page_error_message p
	{color:#d61a1a;}

	.page_error_message ul {display:block;clear:left;margin:30px 0px 0px 10px;}

/* success message */
	.page_success_message
	{border:1px solid #00bb00;background:#d5ff81 url(../images/message_success.gif) no-repeat 5px;}

	.page_success_message p
	{color:#00bb00;}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (max-width: 480px) {
	#wrapper{width:100%;min-width:320px;}

	#header {height:184px;}
	#logo {position:absolute;top:5px;left:0;display:block;width:100%;height:92px;background-size:224px 92px;background-position:top;}
	#social {position:relative;margin:0 auto;top:102px;right:auto;}
	#navigation {width:100%!important;right:0!important;}
	.navbar-inner {width:100%!important;border-radius:0!important;padding:0!important;}
	.brand {margin-left:15px!important;display:block!important;width:75%;}


	#quick-blocks .quick-block{border-bottom:3px solid #f37324;}
	#sidebar .quick-block     {border-top:3px solid #f37324;}

	#quick-blocks .quick-block, #sidebar .quick-block {width:100%;}

	#post_a_job_table td {font-size:12px;}
	#list_a_job_table tbody tr td {font-size:12px;}

	.msr-label span {width:95%;}
	.msr-data-row {background-image:none;}
	.msr-data-row .name, .msr-data-row .company {width:47%;}
	.msr-data-row .title {width:98%;padding-top:0;font-style:italic;}

        .meeting-member-option, .meeting-meal-option {display:block;}

	.col-25,
	.col-33,
	.col-50 {width:97.67%;}
	.col-20 {width:47.67%;}

	#member_search {width:100%;}
	.member-search-action {padding-top:15px;}
	#member_search_alpha a {font-size:21px;width:7.692306%;padding-top:0;}

	#footer {margin:0 15px;}
	#footer ul {width:49%;margin-bottom:12px;}

	.hide-xs {display:none!important;}
	}
@media (max-width: 767px) and (min-width: 481px) {
	#wrapper{width:100%;}

	#header {height:98px;}
	#logo {position:absolute;bottom:5px;left:0;display:block;width:224px;height:92px;background-size:224px 92px;}

	#quick-blocks {padding-bottom:12px;}
	#quick-blocks .quick-block, #sidebar .quick-block {width:50%;float:left;height:112px;}

	.qb0, .qb1, .qb2, .qb3 {width:48.5%!important;margin-bottom:0!important;}
	.qb0, .qb2 {border-right:3px solid #f37324;}
	.qb0, .qb1 {border-bottom:3px solid #f37324;}

	#sidebar {border-top:3px solid #f37324;}

	.col-20,
	.col-25,
	.col-33{width:47.67%;}

	#member_search_alpha a {font-size:21px;}

	#footer {margin:0 25px;}
	#footer ul {width:32%;margin-bottom:12px;}

	#copyright .right span {float:none;margin:0 auto;}

	.hide-sm {display:none!important;}
	}
@media (max-width: 949px) and (min-width: 768px) {
	#wrapper{width:100%;}

	#header {height:98px;}
	#logo {position:absolute;bottom:5px;left:0;display:block;width:224px;height:92px;background-size:224px 92px;}

	#quick-blocks .qb0, #quick-blocks .qb1, #quick-blocks .qb2 {width:24.5%!important;border-right:2px solid #f37324;}
	#quick-blocks .quick-block {height:120px;}

	.col-25,
	.col-33{width:47.67%;}
	.col-20{width:31.00333333333333%;}

	#member_search_alpha a {font-size:29px;}

	#footer ul {width:32%;margin-bottom:12px;}

	.hide-md {display:none!important;}
	}

/* All 950 and ABOVE (Desktop) */
@media only screen and (min-width: 950px) {
	#navigation {width:950px!important;margin:0!important;padding:0!important;height:37px;}
	.navbar {width:100%!important;margin:0!important;padding:0!important;}
	.nav {width:100%!important;margin:0!important;padding:0!important;}
	li.primary-nav-link {width:13.74436090225564%;border-right:6px solid #fff;}
	li.primary-nav-link a.pnl {display:block;background-color:#f37324;color:#fff!important;text-align:center;text-shadow:none!important;padding:0!important;line-height:31px!important;height:31px!important;}
	li.primary-nav-link a:hover.pnl {background-color:#dc5e10;}
	#navigation ul {float:right;}
	.navbar-inner {width:100%!important;margin:0!important;padding:0!important;border:0px!important;background-image:none!important;box-shadow:none!important;}
	.brand, .btn-navbar {display:none!important;}
	.navbar-inner li {float:left;}
	.navbar-inner li a {padding:0;}

	#quick-blocks .qb0 {width:30.5%!important;border-right:3px solid #f37324;}
	#quick-blocks .qb1, #quick-blocks .qb2 {width:21.5%!important;border-right:3px solid #f37324;}
	#quick-blocks .qb3 {width:24.5%!important;}
	#quick-blocks .quick-block {height:120px;}

	#sidebar .quick-block .container {border-bottom:3px solid #f37324;}
	#sidebar .quick-block .container .photo {display:block;}

	#sidebar div:first-child .container {padding-top:0px;}
	#sidebar div:last-child .container {border-bottom:0px!important;}

	.hide-lg {display:none!important;}
}

/* All 949 and BELOW */
@media only screen and (max-width: 949px) {
	.col-container {padding:0.50% 0 0%;}
	.column {margin-bottom:1%;}

	#navigation {width:auto;right:0px;bottom:5px;}
	.brand {padding:0!important;line-height:40px!important;text-shadow:none!important;color:#fff!important;font-size:14px!important;margin-left:15px!important;}
	.navbar-inner {width:310px;background-color:#f37324!important;background-image:none!important;border-left:1px solid #ff8f4a!important;border-top:1px solid #ff8f4a!important;border-right:1px solid #d2611b!important;border-bottom:1px solid #d2611b!important;padding:0!important;}
	.navbar-inner ul {margin:0!important;}
	.navbar-inner li {border-top:1px solid #a4d445;border-bottom:1px solid #68862c;background-color:#8eb63d;}
	.navbar-inner li a {padding:0 8px!important;display:block;color:#fff!important;text-shadow:none!important;}
	.navbar-inner li a:hover       {text-decoration:none;background-color:#dc5e10!important;}

	/* sub menus*/
	#navigation .navbar-inner li ul li {border-top:1px solid #83a839;border-bottom:1px solid #5d7828;background-color:#6a882f;}
	#navigation .navbar-inner li ul li a {font-weight:400;}
	#navigation .navbar-inner li ul li a:hover {text-decoration:none;background-color:#f37324!important;}
	.btn-navbar {border-left:1px solid #ff8f4a!important;border-top:1px solid #ff8f4a!important;border-right:1px solid #d2611b!important;border-bottom:1px solid #d2611b!important;background-color:#d2611b!important;background-image:none!important;}

	#quick-blocks {padding-bottom:15px;}

	#quick-blocks .quick-block, #sidebar .quick-block {margin-bottom:0.5%;}


        .board-members .board-member-listing:nth-child(3n+4) {clear:none;}
        .board-members .board-member-listing:nth-child(2n+3) {clear:both;}

}

/* All 767 and BELOW (Tablet) */
@media only screen and (max-width: 767px) {

	.navbar-inner {width:230px;}

	#content {width:100%;}
	#sidebar {width:100%;padding-top:20px;}

	#events, #latest-news {width:100%;float:none;}

	#member_profile_information div.col-50 {width:100%;float:none;}

	#copyright div {width:100%!important;text-align:center!important;float:none;font-size:12px;padding:6px 0 1px;}
	#copyright div a {font-size:12px;}
}

/*ALL _Below_ BREAK 3 */
@media screen and (max-width: 480px) {
	.navbar-inner {border-right:0px!important;border-left:0px!important;}

        .board-members .board-member-listing:nth-child(2n+3) {clear:none;}
	}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {background: transparent !important;color: #000 !important;box-shadow:none !important;text-shadow: none !important;}/* Black prints faster: h5bp.com/s */
    a, a:visited {text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside:avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
	#row_header, header, #row_footer, footer, #sidebar {display:none;}
	}