main[role="main"]{width:96%;padding:0 2% 0 2%}
a {color:#114d97}
.blog a {text-decoration: underline}
main[role="main"] img {height: auto}
@media screen and (max-width: 500px) { 
	main[role="main"] img{margin-bottom:15px}
	main[role="main"] img.max500 {width:100%; max-width:500px}
}
@media screen and (max-width: 400px) {
	main[role="main"] img.max400, .blog_large_img {width:100%; max-width:400px}
	li.active{padding-left:1.2em}
	ul.breadcrumb{ margin-bottom:20px}
}
@media screen and (max-width: 350px) {
	main[role="main"] img.max300 {width:100%; max-width:300px}
}
/* ------- ARTICLES --------- */
main[role="main"] img.article_img_left{float:left; margin-right:4%; margin-bottom:5px; height:auto}
h1.blog_header, .blog h1{color:#114d97; font-size:1.8em; letter-spacing:.005em; margin:0 0 15px 0}
h2{color:#333; font-size:1.6em; letter-spacing:.005em; margin-bottom:20px}
.floatWrap{display: flow-root;}
.blog{margin:0 0 20px 0}
.blog p:before { content: ""; width: 10em; display: block; overflow: hidden} /* to set minimum paragraph width */
.blog.a{white-space: nowrap}
.blog sup{font-size:12px}
.blog figure.fig_left{float:left; margin:0 3% 0 0}
.blog figcaption{font-size:0.9em; font-style:italic; margin:4px 0 20px 0; color:#555; line-height:1.2}
.blog .quote{ margin:10px; padding:10px; background-color:#ddd; font-style:italic; font-size:18px;  overflow: hidden}
.blog blockquote{ margin:10px; padding:10px; background-color:#ddd; font-style:italic; font-size:18px;  overflow: hidden; line-height:1.4}
.blog blockquote footer{background-color:transparent; padding:2px;margin-bottom:5px; line-height:1.3; border:none; font-size:14px}
.blogtable{margin:20px 0 5px 20px}
.blogtable th{background-color:#114d97; color:#fff; padding:10px; text-align:center}
.blogtable td{padding:10px; text-align:center}
.blogtable tr:nth-child(even) {background: #d0d0d0}
.blogtable tr:nth-child(odd) {background: #c5c5c5}
h3.faq{ font-size:1.3em; margin:20px 0 1px 0}
div.faqs{padding-left:3%; margin:10px 0 30px 0;}
div.faqs h3{ font-size:1.3em; margin:20px 0 1px 0}

ul.blog_list{font-size: 1.2em; margin:20px 0 20px 2%}
ul.blog_list li{line-height:1.5; list-style-type: disc; font-weight:lighter}

.blog .quote ul{line-height: 1.5;background-color:#ddd}
video {max-width:640px;width: 100%  !important; height: auto !important}
.blog i{font-size:0.9em;}
.affiliate{font-size:1em; color:#666; font-style: italic;} 
.lhsFlow{display: flow-root}
ul.link_list{font-size: 1.2em; margin:20px 0 20px 2%}
ul.link_list li{line-height:1.5; list-style-type: disc}
@media screen and (max-width: 950px) {
    .lhsFlow{display: block}
}