@import url("/css/font-awesome.min.css");

/*JP 5-15-2012*/

/*CONTENTS:

1. Standard HTML elements
2. Reset and Accessibility
3. Quick Text Formatting
4. Borders and Other Visuals
5. Header and Wrapper Elements
6. Mobile Header / Menu
7. Site Navigation
	7.1 Split Nav
	7.2 Main Nav
	7.3 Top Nav
	7.4 Footer Nav
	7.5 Sub Nav
	7.6 Mobile Menu
8. Footer
	8.1 Standard Footer Styles
	8.2 Complicance Logos w/hover
	8.3 Footer Quicklinks
	8.4 Bottom Footer Styles
	8.5 Footer Social Icons
9. Homepage Elements
	9.1 home announcements
	9.2 home alert
	9.3 home banking login 
10. FlexSlider Banners
11. Standard Content Areas
12. Tabbed Content Areas
13. Speedbump
14. Survey Styles
15. Sitemap / FAQ
16. Ajax Elements
17. Contact Form
18. Posts / Post Lists / Post Images
    18.1 Featured posts list, regular post list
    18.2 Post detail
    18.2 Post Images
19. Seminars / Events / Responsive Lists
20. Page Tools 
21. CLASSES FOR IMAGES PLACED WITHIN CONTENT AREAS USING THE IMAGE TOOL




*/
/*==================================================================================================================*/





/* ================ 1. Standard HTML elements ================ */
html, body { font-size: 16px; }

body {
	background-color: #ffffff;
	margin: 0;
	position: relative;
	z-index: 0;
	font-family: Helvetica, Arial, Sans-serif;
	color: #222;
	min-height: 100%;
	height: 100%;
}

p {
	line-height: 152%;
	margin: 0 0 1em 0;
}

p:empty, .content:empty { display: none; }

section, article, header, footer, nav, aside, hgroup { display: block; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { text-decoration: underline; }

sup { font-size: 60%; }

/* ================ 2. Reset and Accessibility ================ */


/*Reset code from Twitter Bootstrap -- http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css*/
/*can be tweaked as needed*/

html, body {
	margin: 0;
	padding: 0;
}

pre, abbr, acronym, address, cite, code, del, dfn, em, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

table { }

ol, ul { }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display:inline;
*zoom:1;
}

audio:not([controls]) { display: none; }

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

button, input { line-height: normal;/* *overflow:visible; */ }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* skip navigation link for accessibility - explainded here: http://webaim.org/techniques/skipnav/ */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
}

.hidden, .hide { display: none; }

/* ================ 3. Quick Text Formatting ================ */

.red { color: #990000; }

.black { color: #000; }

.large { font-size: large; }

.small { font-size: small; }

.xtra-small { font-size: x-small; }

.tiny { font-size: xx-small; }

.b { font-weight: bold; }

.i { font-style: italic; }

.sm { font-size: 12px; }

.tiny { font-size: 10.5px; }

.med { font-size: 14px; }

.lrg { font-size: 18px; }

.center { text-align: center; }

.txt-left { text-align: left; }

.txt-right { text-align: right; }

/* ================ 4. Borders and Other Visuals ================ */


.border { border: solid 1px #ccc; }

.trule { border-top: solid 1px #ccc; }

.brule { border-bottom: solid 1px #ccc; }

.hide, .hidediv { display: none; }

.show { display: block; }

td.show { display: table-cell; }

.inline { display: inline; }

ul.inline li { display: inline; }

.pointer { cursor: pointer; }

/* ================ 5. Header and Wrapper Elements ================ */

/*5.1 Header Logo*/

/*logo size is overridden in custom*/

.header .logo {
	border: none;
	background-image: url(/img/head_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	position: relative;
	z-index: 10;
}

.header .logo a {
	text-indent: -9999em;
	display: block;
}

/*use a hi-res logo on retina displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

.header .logo {
	border: none;
	background-image: url(/img/head_logo_hires.png);
	background-repeat: no-repeat;
}
}

/* ================ 6. Mobile Header / Menu ================ */

div.header-bar div.search_form { }

div.header-mobile { }

div.header-mobile div.header-bar { background-color: #666; }

div.header-mobile div.header-bar a {
	color: #eee;
	padding: 5px;
	display: inline-block;
}

div.header-mobile div.header-bar button:hover, div.header-mobile div.header-bar button:active { text-decoration: none; }

div.header-mobile div.header-bar button:active { color: #fff; }

div.header-mobile div.header-bar button.menu-icon {
	font-size: 27px;
	height: 50px;
	width: 50px;
	padding: 0;
	float: left;
	color: #fff;
	background-color: #308796;
}

div.header-mobile div.header-menu {
	clear: both;
	display: none;
}

div.nav-main-mobile, div.nav-sub-mobile { padding: 10px 0 10px 10px; }

div.nav-main-mobile { border-right: 1px solid #ccc; }

div.nav-main-mobile a { }

div.nav-main-mobile .main-nav-menu { }

div.nav-main-mobile ul li, div.nav-sub-mobile ul li {
	padding: 0;
	font-size: 1em;
}

div.nav-main-mobile ul li a, div.nav-sub-mobile ul li a {
	display: block;
	padding: 10px 0 10px 10px;
	margin: 0 -1px 0 0;
}

div.nav-main-mobile ul.nav-menu li.nav-item, div.nav-sub-mobile ul.nav-menu li.nav-item { display: block; }

div.nav-main-mobile ul.nav-menu li.nav-item a.on {
	background-image: url(../img/mobile-menu-on.png);
	background-repeat: no-repeat;
	background-position: right;
}

div.nav-sub-mobile ul li a.on { text-decoration: underline; }

div.nav-main-mobile ul.top-nav-menu {
	margin-top: 10px;
	border-top: 1px solid #ededed;
	padding: 10px 0 0 0;
}

div.nav-main-mobile ul.top-nav-menu a {
	font-size: 0.9em !important;
	padding: 5px 0 5px 10px;
}

div.nav-main-mobile ul.top-nav-menu li:first-child { }

/* ================ 7. Site Navigation ================ */

nav.menu-main { clear: both; }

div.nav-main, div.nav-sub { margin: 0; }

div.nav-split { }

ul.nav-menu {
	margin: 0;
	padding: 0;
}

ul.nav-menu li.nav-item { display: inline-block; }

ul.nav-menu li.nav-item a { }

ul.nav-menu li.first { }

ul.nav-menu li.last { }

/* 7.1 Split Nav*/

div.nav-split {
	margin: 0;
	text-align: center;
	clear: both;
	position: relative;
	z-index: 11;
}

div.nav-split ul.nav-menu li.nav-item a {
	display: inline-block;
	color: #fff;
	background: #ccc;
	width: auto;
	height: 28px;
	padding: 9px 10px 0;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

div.nav-split ul.nav-menu li.on a, div.nav-split ul.nav-menu li a:hover {
	box-shadow: -1px -5px 7px #ccc;
	-moz-box-shadow: -1px -5px 7px #ccc;
	-webkit-box-shadow: -1px -5px 7px #ccc;
}

div.nav-split ul.nav-menu li a {
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 2px;
}

/* 7.2 Main Nav*/
div.nav-main {
	padding: 0;
	border: solid 1px #dbdbdb;
}

div.nav-main ul.nav-menu { margin: 0 auto; }

div.nav-main ul.nav-menu li.nav-item {
	line-height: normal !important;
	margin: 0 !important;
}

div.nav-main ul.nav-menu li.nav-item ul li {
	display: block;
	width: auto;
}

div.nav-main ul.nav-menu li.nav-item { float: left; }

div.nav-main ul.nav-menu li.nav-item a {
	display: block;
	padding: 1em;
}

div.nav-main ul.nav-menu li.nav-item a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
	background-image: -moz-linear-gradient(top, #f5f5f5, #fff);
	text-decoration: none;
}

div.nav-main a.on {
	background-image: none;
	background-color: #ededed;
	color: #666;
}

/*main nav bars can be unique to each split secion*/
div.nav-main {
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	z-index: 10;
}

/* 7.4 Top Nav*/

div.topnav { }

div.nav-top { font-size: 0.75em; }

div.nav-top ul.nav-menu li.nav-item a {
	display: inline-block;
	padding: 0 6px 0 4px;
	color: #dbdbdb;
	padding: 5px;
}

div.nav-top ul.nav-menu li.nav-item a:hover, div.nav-top ul.nav-menu li.nav-item a.on {
	background-color: #fff;
	color: #666;
	text-decoration: none;
}

div.nav-top ul.nav-menu li.last a { border-right: none !important; }

div.nav-top ul.nav-menu { margin: auto; }

/* 7.5 Footer Nav*/
div.nav-footer, div.nav-footer ul { font-size: 12px; }

div.nav-footer ul.nav-menu li.nav-item a { display: inline-block; }

div.nav-footer ul.nav-menu li.last a { border-right: none; }

/* 7.6 Sub Nav*/


div.nav-sub { width: auto; }

/*subnav title*/
div.nav-sub h3 { }

div.nav-sub ul {
	margin: 10px 2px 0 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}

div.nav-sub ul.nav-menu li.nav-item {
	display: block;
	list-style-position: outside;
	line-height: normal;
	margin: 0;
}

div.nav-sub ul li.nav-item a {
	text-decoration: none;
	display: block;
}

div.nav-sub ul li.nav-item a:hover { }

div.nav-sub ul li.nav-item a.on { }

/* ================ 8. Footer ================ */

/* 8.1 Standard Footer Styles*/
div.footer {
	float: none;
	height: auto;
	font-size: 0.8em;
	margin: 0;
}

.footer-left, .footer-right {
	width: 49%;
	float: left;
	padding: 1em 0;
}

.footer-right {
	text-align: right;
	float: right;
}

.copyright {
	font-size: 0.8em;
	clear: left;
}

.meta {
	font-size: 12px;
	clear: left;
}

ul.compliance {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ul.compliance li {
	display: inline-block;
	padding: 0 5px 0 0;
}

ul.compliance li a {
	display: block;
	background-repeat: no-repeat;
}

ul.compliance li.ncua a {
	width: 89px;
	height: 44px;
	background-size: 89px 44px;
	background-image: url(/img/footer_logo_ncua.png);
}

ul.compliance li.ehl a {
	width: 36px;
	height: 39px;
	background-size: 36px 39px;
	background-image: url(/img/footer_logo_ehl.png);
}

ul.compliance li.disclaimer {
	font-size: 11px;
	vertical-align: 80%;
	line-height: normal;
}

/*use a hi-res logo on retina displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

ul.compliance li.ncua a { /* width: 81px;
    height: 38px;
    background-size: 81px 38px;*/ background-image: url(/img/footer_logo_ncua_hires.png); }

ul.compliance li.ehl a { /* width: 42px;
    height: 38px;
    background-size: 42px 38px;*/ background-image: url(/img/footer_logo_ehl_hires.png); }
}

/* 8.3 Footer Quicklinks */
div.footer_quicklinks {
	display: inline-block;
	float: left;
	padding: 1%;
}

div.footer_quicklinks h4 {
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

div.footer_quicklinks a { }

div.footer_quicklinks ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

div.footer_quicklinks ul li {
	margin: 2px 0px 6px 0px;
	list-style: none;
	padding: 0;
	line-height: normal;
}

div.footer_quicklinks a:link { text-decoration: none; }

div.footer_quicklinks a:visited { text-decoration: none; }

div.footer_quicklinks a:hover { text-decoration: underline; }

div.footer_quicklinks a:active { text-decoration: underline; }

/* 8.5 Footer Social Icons */

/* ================ 9. Homepage Elements ================ */

/* 9.1 home announcements*/

div.announcements {
	margin: 0;
	padding: 0;
}

div.announcements h4 { margin: 0 0 0.5em 0; }

div.announcements .announcement {
	font-size: 0.9em;
	line-height: normal;
	margin: 0.5em 0;
}

div.announcements .announcement h5.annc-title { font-size: 1.2em; }

div.announcements .announcement .desc { margin: 0 !important; }

/*9.2 home alert*/

.alert { }

.alert h4 a, .alert h4 a:visited { text-decoration: none; }

.alert h4 a:hover { text-decoration: underline; }

/*9.3 home banking login */
div.home_login {
	width: 100%;
	background-color: #E1E1E1;
	margin: 0 0 30px 0;
	padding: 10px 0;
	text-align: left;
	border: solid 1px #A0A0A0;
	box-shadow: 0px 0px 6px #A0A0A0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.home_login h3 {
	margin: 5px auto;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
	display: block;
}

div.home_login_inner {
	width: 80%;
	margin: 0 auto;
}

div.home_login_inner label {
	display: block;
	color: #333;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	text-shadow: 1px 1px 1px #fff;
}

div.home_login_inner input[type=text], div.home_login_inner input[type=password] {
	width: 210px;
	color: #666;
}

.bank_button { }

.hblinks {
	text-shadow: 1px 1px 1px #fff;
	display: block;
	float: left;
	margin: 16px 0 6px;
	width: 100%;
	line-height: 10px;
}

.hblinks a, .hblinks {
	font-size: 10px;
	color: #00adec;
}

.hbnote {
	font-size: 10px;
	clear: both;
	width: 224px;
	margin-left: 28px;
	font-style: italic;
	padding-top: 5px;
	color: #626262;
}

/* ================ 10. FlexSlider Banners ================ */

div.home_banner, div.int_banner {
	width: 100%;
	position: relative;
}

div.home_banner { }

div.int_banner { }

.flex-control-nav { bottom: 8px !important; }

/* ================ 11. Standard Content Areas ================ */

#content_div { }

.int_content_area_1, .int_content_area_2, .int_content_area_3, .int_content_area_4, .int_content_area_5, .int_content_area_6 { margin: 10px 0 20px; }

/* ================ 12. Tabbed Content Areas ================ */
/* TABS */
div.ca_tabs {
	clear: both;
	float: left;
	border-bottom: 1px solid #dbdbdb;
	padding: 0;
	width: 100%;
	margin-top: 1em;
}

div.ca_tabs ul {
	width: 100%;
	padding: 0;
	margin: 0;
}

div.ca_tabs ul li {
	display: inline-block;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	list-style: none;
	line-height: normal;
}

div.ca_tabs ul li a {
	display: block;
	padding: 6px 8px 4px 8px;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	border-bottom: none !important;
	border: solid 1px #dbdbdb;
	font-size: 1em;
	background-color: #f5f5f5;
}

div.ca_tabs li a:hover { border: solid 1px #a1a1a1; }

div.ca_tabs li.current {
	margin: 0 3px -2px 0;
	padding: 0 0 1px 0;
}

div.ca_tabs li.current a {
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	background-color: #fff;
	padding-top: 7px;
	color: #111;
	text-shadow: 0 0 1px #ccc;
}

/* TABBED CONTENT AREAS */

.ca_panel {
	padding: 15px 0;
	margin-bottom: 15px;
	clear: both;
}

/* ================ 13. Speedbump ================ */

.speedbump_wrapper { text-align: center; }

.speedbump_wrapper span.title5 { font-size: 0.9em; }

.speedbump_wrapper span.subtitle1 { font-size: 0.8em; }

/* ================ 14. Surveys/Polls ================ */

/*survey styles...*/

.wrapper-survey { }

.wrapper-survey h2 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

.wrapper-survey h5 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 90%;
}

.wrapper-survey div.left { width: 42%; }

.wrapper-survey div.right { width: 57%; }

.survey-set { margin: 20px 5px; }

/* ================ 15. Sitemap / FAQ ================ */
ul.sitemaplist {
	margin: 2px 0px 10px 0px;
	padding: 0;
	font-size: 1em;
	list-style-type: none;
}

ul.sitemaplist li.sitemap_2 {
	margin: 20px 0px 10px 0px;
	font-size: 0.95em;
	font-weight: normal;
}

ul.sitemaplist li.sitemap_2 a {
	margin: 2px 0px 10px 2px;
	padding-left: 0px;
	margin-bottom: 8px;
	margin-top: 16px;
	font-size: 1.1em;
}

ul.sitemaplist li.sitemap_3 { margin: 0px 0px 0px 10px; }

ul.sitemaplist li.sitemap_3 a {
	margin: 2px 0px 10px 10px;
	padding-left: 5px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9em;
}

ul.sitemaplist li.sitemap_4 { margin: 0px 0px 0px 15px; }

ul.sitemaplist li.sitemap_4 a {
	margin: 2px 0px 10px 14px;
	padding-left: 10px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.85em;
}

ul.sitemaplist li.sitemap_5 { margin: 0px 0px 0px 20px; }

ul.sitemaplist li.sitemap_5 a {
	margin: 2px 0px 10px 16px;
	padding-left: 15px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.75em;
}

ul.sitemaplist li.sitemap_6 { margin: 0px 0px 0px 25px; }

ul.sitemaplist li.sitemap_6 a {
	margin: 2px 0px 10px 18px;
	padding-left: 20px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9em;
}

ul.sitemaplist li.sitemap_7 { margin: 0px 0px 0px 30px; }

ul.sitemaplist li.sitemap_7 a {
	margin: 2px 0px 10px 20px;
	padding-left: 25px;
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 0.9em;
}

ul.sitemaplist li.sitemap_ {
	display: none;
	visibility: hidden;
}

@media screen and (max-width:640px) {

div.sitemap {
	clear: both;
	float: none;
	width: auto;
}
}

/*FAQ's*/

ul.faq-list {
	padding: 0.5em 0 0.5em 15px;
	list-style-type: none;
	margin: 0;
}

ul.faq-list li {
	padding: 0 0 10px 0;
	color: #1F596C;
}

ul.faq-list a:hover { text-decoration: none; }

ul.faq-list a:hover > span { text-decoration: underline; }

ul.faq-list a.faq-question:before {
	font-family: FontAwesome;
	content: "\f0d7";
	text-decoration: none;
	padding-right: 1px;
	margin-left: -15px;
}

ul.faq-list a.faq-open:before {
	font-family: FontAwesome;
	content: "\f0d8";
	margin-left: -15px;
}

/*don't format list items within FAQ answers like the faq list items*/
ul.faq-list li ul li {/*    border: none;    list-style: disc; */ }

.faq-question { }

.faq-answer { /* moved padding and margin to inner container */ }

.faq-content {
	padding: 0 19px 0 0;
	margin: 0;
	border: 1px solid transparent;
}

/*container for FAQ's on search results page...*/
.faq-search { padding: 1em 0; }

.faq-search h3 { }

/* ================ 16. Ajax Elements ================ */
/* progress indicator*/
.ajaxInProgress_wrapper {
	z-index: 99999;
	width: 100%;
	position: fixed;
	margin: 0;
}

.ajaxInProgress_wrapper .ajaxInProgess {
	position: fixed;
	background-image: url(/img/wait3.gif);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .75;
	background-color: #333;
}

.debug {
	border: 1px dotted;
	padding: 5px;
	background-color: #FF0033;
	color: #FFFFFF;
}

/* ================ 17. Contact Form ================ */
/* contact form */
#contact_form { margin: auto; }

.hidediv { display: none; }

div.contact_outer { }

.contact_content_area_1 { padding: 10px; }

.contact_content_area_2 {
	width: 90%;
	border: solid 1px #E2E2E2;
	background-color: #FAFAFA;
	padding: 5%;
	margin: 0 0 5% 0;
	float: right;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
}

.contact_form_area {
	width: 96%;
	padding: 1% 2% 4% 2%;
	margin: 4% 0 0 0;
}

div.contact_form_area .form1_fixed { }

div.contact_label {
	display: inline;
	float: left;
	width: 140px;
}

#contactmsg {
	margin: 0 0 30px 0;
	font-size: 19px;
	color: #3a5b4d;
	border: none;
	text-align: center;
	min-height: 0px;
}

#contact_message_area, .seminar_message_area, .seminar_form_message_area, #ra_message_area {
	border: solid 1px #ddd;
	background: #fffcdb;
	padding: 10px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	color: #a41c30;
	margin: 0.75em 0;
	font-size: 0.9em;
}

/* ================ 18. Posts / Post Lists / Post Images ================ */


/*18.1 Featured posts list, regular post list*/

.post-content p {
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: 27px !important;
}

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

ul.posts li { display: block; }

ul.posts li img {
	float: left;
	margin: 0 10px 0 0;
}

.post-list .abstract, .post-list .abstract p {
	font-family: inherit !important;
	font-weight: inherit !important;
}

ul.post-list li {
	width: 100%;
	clear: both;
	border-bottom: 1px solid #ccc;
}

ul.post-list li a {
	display: block;
	padding: 1em;
}

ul.post-list li a h2 {
	font-size: 1.2em;
	line-height: normal;
	margin: 0;
}

ul.post-featured li {
	width: 33%;
	float: left;
	padding: 0;
}

ul.post-featured li a {
	display: block;
	padding: 0 1%;
	height: 300px;
	overflow: hidden;
	position: relative;
}

ul.post-featured li a h2 {
	margin: 0;
	line-height: normal;
	font-size: 22px;
	font-size: 1.375rem;
}

ul.post-featured li a:hover, ul.post-list li a:hover { text-decoration: none; }

ul.post-featured .abstract {
	max-height: 60px;
	overflow: hidden;
	margin: 0;
}

.intro ul.post-featured .abstract p, ul.post-featured .abstract p {
	font-size: 0.95em !important;
	font-family: inherit !important;
	line-height: normal;
}

ul.post-featured a .gradient {
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 100%;
	display: block;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,1)), color-stop(47%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 47%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
}

ul.post-featured a:hover .gradient {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2Y3ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y3ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,249,249,1) 45%, rgba(247,249,249,1) 47%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(247,249,249,1)), color-stop(47%, rgba(247,249,249,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,249,249,1) 45%, rgba(247,249,249,1) 47%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,249,249,1) 45%, rgba(247,249,249,1) 47%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,249,249,1) 45%, rgba(247,249,249,1) 47%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(247,249,249,1) 45%, rgba(247,249,249,1) 47%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f9f9', GradientType=0 );
}

@media screen and (max-width:640px) {

ul.post-featured li {
	width: 100%;
	float: none;
	min-height: 120px;
	max-height: 120px;
	padding: 0;
	clear: both;
	min-height: inherit;
}
}

/*18.2 Post detail*/

/*18.2 Post Images*/

/*=============== POST THUMBS AND CONTAINERS ================*/


div.feature-img {
	overflow: hidden;
	margin: 0 1em 0 0;
	float: left;
}

div.feature-img img, div.img50 img {
	position: relative;
	top: 0;
}

div.img50 {
	width: 52px;
	height: 50px;
	overflow: hidden;
}

div.img50 img, img.img50 {
	min-height: 50px;
	max-width: 80px;
}

div.img90, div.img100 {
	width: 102px;
	height: 90px;
}

div.img90 img, div.img100 img {
	min-height: 100px;
	max-width: 160px;
}

div.img50, div.img90, div.img100 {
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
}

/*=============== POST DETAIL IMAGE ================*/
div.img320 {
	max-width: 320px;
	float: left;
}

@media screen and (max-width:640px) {

div.img320 {
	clear: both;
	float: none;
	margin: 0 auto 1em;
	width: 100%;
	max-width: 100%;
}

ul.post-featured li a {
	height: auto;
	padding: 5% 0;
}
}

/* ================ 19. Seminars / Events / Responsive Lists ================ */


/*Individual Seminar / Event Detail Insert*/
.seminar_description { margin: 0 0 40px 0; }

.seminar_header { border-bottom: solid 1px #eee; }

div.seminar_header h2 {
	float: left;
	margin: 0 0 6px 0;
	font-size: 32px;
}

div.seminar_header div.signup {
	float: right;
	margin: 10px 0 0 0;
}

div.sem_signup input.field[type=text], div.sem_signup input.field[type=email], div.sem_signup textarea { width: 100%; }

div.sem_signup input#formkey_user {
	width: 30%;
	vertical-align: top;
}

.seminar_message_area { margin-top: 10px } /*seminar message area shares a style with #contact_message_area above*/

/*list displays for Seminars / Events and other areas */

/*.list { }

.list-row {
    clear: both;
    border-bottom: 1px solid #eee;
    font-size: .8em;
}

.list-head {
    clear: both;
    border-bottom: 1px solid #ccc;
}

.list .list-item {
    display: inline-block;
    float: left;
    padding: 1%;
    width: 18%;
}

.list .head {
    padding: 0 1%;
    font-size: 0.9em;
    color: #4f7b68;
}

.list .title { width: 45%; }

.list .date {
    width: 16%;
    white-space: nowrap;
}

.list .time { }

.list .location { width: 33% }

.list .branch { width: 40% }

.list .cost { }

.list .saves { width: 8%; }

.list .discussions, .list .comments { width: 13%; }

.list .members { width: 15%; }

.list .calculator { width: 20%; }

.list .description { width: 75%; }

.list .title { }

.list.default { }

.list.fees .description { width: 65% !important; }

.list.fees .title { width: 30% !important; }

div.list div.list-row:nth-child(even) { background: #fff; }

div.list div.list-row:nth-child(odd) { background: #e8eff4; }

@media screen and (max-width:500px) {

.list .list-item { padding: 0; }

.list .title { width: 35%; }

.list .date { width: 18%; }

.list .discussions, .list .comments { width: 18%; }

.list .calculator { width: 100%; }

.list .description { width: 100%; }
}

@media screen and (max-width:440px) {

.list-row { padding: 0.5em 0; }

.list .title, .list .location {
    width: 100%;
    clear: both;
}

.list .head { display: none; }
}
*/
/*=====20. Page Tools =====*/

/*page tools are little utility style links or elements that appear below the page title -- examples: rating, print, tweet, etc.*/


ul.page_tools {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #666;
	width: 100%;
}

ul.page_tools li {
	list-style: none;
	display: inline-block;
	font-size: .85em;
	line-height: normal;
	padding: 2px;
	margin: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

ul.page_tools {
	border-bottom: solid 1px #e9e6e5;
	margin: 0 0 1em 0;
}

.rating_average, .rating_stars {
	float: left;
	display: inline-block;
}

.rating_stars { margin: 0 0 0 8px; }

ul.page_tools li.tweet { float: right; }

/* ================ 21.CLASSES FOR IMAGES PLACED WITHIN CONTENT AREAS USING THE IMAGE TOOL================*/

.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 20px;
}

.alignnone { float: none; }

.border1, .border2, .border3, .border4, .border5 { border-color: #333; }

.border0 { border: none; }

.border1 { border: solid 1px; }

.border2 { border: solid 2px; }

.border3 { border: solid 3px; }

.border4 { border: solid 4px; }

.border5 { border: solid 5px; }