/* --------------
Viva Learning
---------------- */
/*
** CSS3
** background-size
** box-shadow
** border-radius
*/

/* IE 10+ set audio control to 48px to show tracking slider. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	audio {
		height: 48px;
	}
}

body {
	margin: 0px;
	padding: 0px;
	font: normal 12px/150% Arial, Helvetica, sans-serif;
}
.grayNote {
    color: #555555;
    font-size: 10px;
}
img { 	/* no borders with links */
	border: none;
}
div {
	margin: 0px;
	padding: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.enterlk {
	margin-right: 3px;
}
.twocol {
	width: 50%;
}
.shaded {
	background: url(/art/BG_grayfade.jpg) repeat-x top;
}
.shadedClass {
	background: url(/art/box_grayfade.jpg) repeat-x top;
}
#pageWrapper {
	margin: 0px auto;
	width: 1300px;
}
ul.grayptr {
	color: #777;
	font-size: 12px;
	list-style-image: url(/art/arrow_gray.png);
}
.nowrap {
	white-space: nowrap;
}
/* cross-browser solution to show lists with pdf icon as bullet  */
ul.pdflist
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.pdflist li
{
	background-image: url(/art/pdf-mini.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 16px 16px;
	padding: 5px 20px;
}
/*-- about us and contact us have links in main body  --*/
a.contentlinks {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
}
a.contentlinks:link, a.contentlinks:visited {
	color: #900;
	text-decoration: underline;
}
a.contentlinks:active, a.contentlinks:hover {
	color: #F00;
	text-decoration: underline;
}

/* -- -- */
a {
	font-family: Verdana,Arial;
	font-size: 11px;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:active, a:hover {
	color: #900;
	text-decoration: underline;
}
a.minibutton {
	background: #9CF;
	border: 1px solid black;
	color: #000;
	font-family: arial;
	font-size: 10px;
	padding: 2px 4px 2px 4px; /* top right bottom left */
	text-decoration: none;
}
a.minibutton:hover {
	color: #F00;
}
a.minibutton:visited {
	color: #000;
}
a.minibutton:active {
	color: #F00;
}

.webinar-today {  /* was webinar-style  */
	font-weight: 600;
	color: red;
}
.webinar-this-week {  /* was this-week */
	font-weight: 600;
	color: #2165af;
}

.reserveSeat {	/* used for reserve seat section on home and webinars */
	color: red;
	font-size: 12px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}
.reserveSeat a:link,  .reserveSeat a:visited {
	color: #F00;
	text-decoration: none;
}
.reserveSeat a:active, .reserveSeat a:hover {
	color: #900;
	text-decoration: underline;
}

/* reserved seat - red and bold */
a.reservedSeat:link,  a.reservedSeat:visited {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
}
a.reservedSeat:active, a.reservedSeat:hover {
	color: #900;
	font-weight: bold;
	text-decoration: underline;
}
.topAnchorDiv {
	float: right;
	margin: 0px;
	padding-right: 10px;
	text-align: right;
}
/* Top Banner ---------------------------*/
#splashHome {
	position: relative;
	background-image: url(/art/viva_home_banner.jpg?hulk=ozzy);
	height: 179px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 1300px;
}
.free-headertext {
	color: #939393;
	padding-top: 90px;
	text-align: left;
	font-size: 90px;
	padding-left: 28px;
}
#splashHome h1 {
	color:  #2165af;
	display: block;
	font-size: 35px;
	font-weight: normal;
	margin-left: 216px;
	position: absolute;
	top: 80px;
}
#splashHome h2 {
	color: #333;
	display: block;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	left: 110px;
	padding: 0px;
	position: absolute;
	margin-left: 111px;
	top: 125px;
}

#splashHome .cerpLink {
	position: absolute;
	right: 16px;
	bottom: 24px;
	display: block;
	width: 227px;
	height: 74px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #1D63A9;
	border-radius: 10px;
	color: #1D63A9;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

	#splashHome .cerpLink img {
		margin: 0px 12px 0 16px;
	}
	
	#splashHome .cerpLink a {
		text-decoration: none;
	}
	
	#splashHome .cerpLink .approved {
		margin-top: 8px;
	}
	
	#splashHome .cerpLink .details {
		margin-top: 4px;
		font-weight: normal;
		font-size: 9px;
	}
	

/* header --------------------------------*/
#header {
	background-color: #FFF;
	color: #888;
	font-family: arial;
	font-size: 14px;
}
#headerBar {
	background-color: #444;
	height: 11px;
}
#headerLogo {
	margin: 6px 0px 0px 0px;
	widthXX: 215px;
}
#headerLinks {
	margin: 23px 20px 0px 0px;
}
#headerButtons {
	margin: 15px 0px 0px 0px;
}
.login-btn {
	width: 75px;
	height: 28px;
	border: 0px;
	margin: 0px;
	background-color: #939393;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
}
.sign-btn {
	width: 75px;
	height: 28px;
	border: 0px;
	margin: 0px;
	background-color: #2165af;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
}
.graduation-cap {
	background-color: #ffa500;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 12px 0px 12px;
    margin-right: 5px;
    text-decoration: none;
}
.dtable {
	margin-left: 0;
    margin-right: 0;
	width: 650px;
	border-collapse: collapse;
}
.send-proof {
	height: 25px;
	margin: 20px 0px 10px 0px;
    font-size: 11px;
	background-color: #2165af;
	border: 0;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
}
.take-exam {
	height: 25px;
	margin: 20px 0px 10px 0px;
    font-size: 11px;
	background-color: #2165af;
	border: 0;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
}
.view-proof {
	height: 25px;
	margin: 20px 0px 10px 0px;
    font-size: 11px;
	background-color: #ffa500;
	border: 0;
	cursor: pointer;
	white-space: nowrap;
}
.reserve-seat {
	height: 25px;
    font-size: 11px;
	background-color: red;
	border: 0;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
}
.enter-btn {
    background-color: #2165af;
    color: #fff;
	font-size: 14px;
	cursor: pointer;
	padding: 0px 14px 0px 14px;
	margin-right: 5px;
}
.add-btn {
	background-color: #939393;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    padding: 0px 14px 0px 14px;
    border: 0;
}
.in-q {
	background-color: #939393;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border: 0;
    padding-top: 3px;
    padding-bottom: 0;
}
#header a, #header a:link, #header a:visited {
	color: #888;
	text-decoration: none;
}
#header a:hover, #header a:active {
	text-decoration: underline;
}
/* content --------------------------------- */
#mainColumn {
	float: left;
	text-align: left;
}
#memberContentHeader {
	width: 760px;	/* sidebar + content */
}
.blurb {
	color: #555;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}
/* SPLASH ------------------------------------------------------- */
#splashWrapperHome {
	padding-top: 10px;
	display: grid;
    height: 300px;
	/* grid-template-columns: repeat(6, 1fr); */
	display: flex;

}
#splashLeftHome {
	text-align: center;
}
#splashRightHome {
	text-align: left;
	width: 45%;
}
#splashBottomHome {
	text-align: center;
}
.splashTitle {
	color: #333;
	font-size: 18px;
	margin: 0px 0px 20px 10px;
	text-align: left;
}
#splashLeftLinks {
	color: #838587;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	margin: 2px 6px 5px 20px;
	text-align: left;
	width: 281px;
}
#splashLeftLinks2{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	margin: 15px 4px 18px 71px;
	text-align: left;
	width: 200px;
}

.new-add1 {
	margin: 4px 0px 0px 0px;
}

.new-add2 {
	margin-left: 0px;
}

#splashLeftLinks a, #splashLeftLinks a:link, #splashLeftLinks a:visited {
	color: #555;
	font-size: 12px;
	text-decoration: none;
}
#splashLeftLinks a:hover, #splashLeftLinks a:active {
	text-decoration: underline;
}
ul.splashList {
	color: #777;
	font-size: 12px;
	margin-left: 20px;
	padding-left: 0px;
}
ul.splashList li {
	padding-bottom: 10px;
}
img.splashMiniMonitor {
	padding-right: 10px;
}
.splashMiniTitle {
	color: #333;
	font-size: 14px;
}
#splashBottomHome {
	color: #777;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
#splashBottomHome img {
	margin-top: -5px;
}

.pageTitle {
	border-right: 1px solid #333;
	font-size: 20px;
	padding-right: 10px;
	white-space: nowrap;
}
.studentInfo {
	color: #555;
	font-size: 14px;
	margin-top: 0px;  /* was 20 */
	padding-left: 14px;
	white-space: nowrap;
}
.breadcrumb {
	color: #555;
	font-size: 14px;
	white-space:nowrap;
}
.studentInfo a, .studentInfo a:link, .studentInfo a:visited {
	color: #555;
	font-size: 14px;
	text-decoration: none;
}
.studentInfo a:active, .studentInfo a:hover {
	color: #F00;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	color: #555;
	font-size: 14px;
	text-decoration: none;
}
.breadcrumb a:active, .breadcrumb a:hover {
	color: #F00;
}
/* -------------------------------------------------- */
.errblock {
    background-color: #FFEEEE;
    border: 1px solid #FF0077;
    margin: 10px auto;
    padding: 5px;
    text-align: left;
    width: 420px;
}
.errtitle {
    color: #990000;
    font-family: verdana,arial;
    font-size: 12px;
    font-weight: bold;
}
.err {
    color: #990000;
    font-family: verdana,arial;
    font-size: 11px;
}
/* ------------------------------------------------------- */
#contentWrapper {
	margin: 10px auto 10px auto;
}
#content {  /* used when left/right sidebars are in place */
	float: left;
	margin-top: 5px;
	text-align: left;
	width: 650px;
}
#contentFull {	/* when no sidebars are in place */
	margin-top: 20px;
	text-align: left;
}
.contentTitle {
	border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	margin: 10px 0px 10px 0px;
	text-align: left;
	background-color: #e9e9e9;
}
.content-new {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 8px;
	margin: 10px 0px 10px 0px;
	text-align: left;
}
.contentSubTitle_gray {
	border-bottom: 1px solid #777;
	color: #777;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 10px 0px;
	text-align: left;
}
.contentSubTitle {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 10px 0px;
	text-align: left;
}
.contentTitleGray, .contentTitleGray a:link, .contentTitleGray a:visited {
	color: #777;
	font-size: 12px;
}
.pTitleBlack {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}
.kol_thelatest {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0 0px 15px;
	text-align:left;
}
.boldred {
    color: #AA0000;
    font-weight: bold;
}
.graybar {
    background-color: #C7C7C7;
    margin-top: 0;
    padding-top: 0;
}
.dotHorizWhite {
    background-color: white;
}
#sidebarLeft {
	float: left;
	margin-top: 15px;
	text-align: left;
	width: 230px;
}
#sidebarLeftNav {
	margin: 0px 0px 0px 10px;
}
.menuTitle {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
ul.sidebarLeftLinks {
	color: #777;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.sidebarLeftLinks li {
	display: inline;	/* IE bug fix */
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebarLeftNav a,
#sidebarLeftNav a:link,
#sidebarLeftNav a:visited {
	/* display: block; */
	padding: 0 0 0 0;
	color: #777;
	font-weight: bold;
	text-decoration: none;
}
#sidebarLeftNav a span,
#sidebarLeftNav a:link span,
#sidebarLeftNav a:visited span {
	display: block;
	padding: 6px 0 6px 20px;
}
#sidebarLeftNav a.sidebarLink span,
#sidebarLeftNav a.sidebarLink:link span,
#sidebarLeftNav a.sidebarLink:visited span {
	background-image: url(/art/arrow_gray.png);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}
#sidebarLeftNav a.sidebarLink:active,
#sidebarLeftNav a.sidebarLink:hover {
	color: #F00;
	font-weight: bold;
	background-image: url(/art/viva_nav_bar.png);
	background-repeat: no-repeat;
}
#sidebarLeftNav a.sidebarLink:active span,
#sidebarLeftNav a.sidebarLink:hover span {
	color: #F00;
	font-weight: bold;
	background-image: url(/art/arrow_red.png);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}
#sidebarLeftNav a.currentPage {	/* used for current page */
	color: #F00;
	font-weight: bold;
	background-image: url(/art/viva_nav_bar.png);
	background-repeat: no-repeat;
}
#sidebarLeftNav a.currentPage span {	/* used for current page */
	color: #F00;
	font-weight: bold;
	background-image: url(/art/arrow_red.png);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

.sidebarLeftItem {
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 8px;
	text-align: left;
	width: 210px;
}
#sidebarRight {
	float: right;
	width: 400px;
}
.sidebarAd {
	border: 1px solid #CCC;
	margin-bottom: 8px;
	text-align: left;
	width: 210px;
}
.sidebarAd img {
	margin: 2px 2px 2px 2px;
}
.adacerp_text {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin: 0px auto;
	text-align: center;
}
.sidebarGrayHeader {
	background: url(/art/viva_gray_title_bar.jpg) repeat-x top;
	height: 25px;
}
.new-shadow {
	box-shadow: 0px 1px 2px #777;
}
.sidebarRightItem {
	/* border: 1px solid #CCC; */
	box-shadow: 0px 1px 2px #777;
	margin-bottom: 8px;
	overflow: hidden;  /* new */
	text-align: left;
}
.enter-class {
    border: 0px;
    margin: 0px;
    background-color: #2165af;
    color: #fff;
    font-weight: 500;
	cursor: pointer;
	padding: 3px 5px 3px 5px;
}

.s-content {
	margin-top: 8px;
}
.trending-main {
	/* border-left: 1px solid #CCC; */
	margin-bottom: 16px;
	box-shadow: 0px 1px 2px #777;
	padding-bottom: 1px;
	height: 330px;
}

.star-icon {
	font-size: 30px;
	color: silver;
	cursor: pointer;
}

.star-icon-on {
	font-size: 30px;
	color: gold;
	cursor: pointer;
}

.side-trend {
	display: flex;
	/* grid-template-columns: repeat(6, 1fr); */
	width: 400px;
	padding-top: 15px;
}

.social-icons {
	text-align: right;
	width: 300px;
	color: #fff !important;
}

.trending-title {
	color:  #2165af;
	text-align: left;
	margin-left: 15px;
	font-size: 16px;
	font-weight: 600;
	width: 65%;
}

.promotions {
	/* display: grid;
	grid-template-columns: repeat(6, 1fr); */
	display: inline-flex;
	width: 400px;
	background-color: #939393;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
    padding: 2px 0px 2px 10px;
    text-align: left;
}

.content {
	color: #333 !important;
    text-align: left;
    font-size: 12px;
    margin: 10px 0px 10px 10px;
}

.filter-menu {
	margin: 10px auto;
    width: 100%;
    text-align: left;
}

.title-filter {
	font-weight: bold;
}

.product-library {
	width: 399px;
}

.trend-body {
	color: #555;
	text-align:left;
	font-size:12px;
	margin: 10px 0px 13px 20px;
	display: flex;
	cursor: pointer;
	/* display: -webkit-box; */
	/* display: grid;
	grid-template-columns: repeat(6, 1fr); */
}

.trend-main {
	margin: 20px 0px 20px 10px;
	display: flex;
	grid-template-columns: repeat(6, 1fr);
}

.podcast-main {
	margin: 10px 0px 10px 10px;
	display: flex;
	grid-template-columns: repeat(6, 1fr);
}

.promotions-main{
	margin: 20px 0px 20px 10px;
	display: flex;
	grid-template-columns: repeat(6, 1fr);
}

#item3 {
	width: 320px;
	padding-left: 5px;
	font-size: 8px;
}

#item_main {
	width: 510px;
	padding-left: 5px;
}

#promotions-main {
	width: 510px;
}

.top-banner {
	padding: 10px 0px 10px 0px;
}

.body-line {
    line-height: 1;
}

.sidebarRightTitle {
	background-color: #939393;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	/* height: 25px; */
	margin: 0px;
	padding: 2px 0px 2px 10px;
	text-align: left;
}

.sidebarRightContent {
	margin: 2px 0px 5px 0px;
	padding: 2px 10px 0px 4px;
	text-align: left;
	-webkit-columns: 100px 2;
	-moz-columns: 100px 2;
	column-width: 100px;
	column-count: 2; /* IE */
	-moz-column-width: 100px;
	-moz-column-count: 2; /* Firefox */
}

.sidebarContentTitle {
	background-color: #939393;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	/* height: 25px; */
	margin: 0px;
	padding: 2px 0px 2px 10px;
	text-align: left;
}

.sidebarContentCaption {
	color: #2165af;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	padding-top: 2px;
}

.new-products {
	margin: 2px 0px 5px 0px;
	padding: 2px 10px 0px 4px;
	text-align: left;
	-webkit-columns: 305px 2;
	-moz-columns: 305px 2;
	column-width: 305px;
	column-count: 2; /* IE */
	-moz-column-width: 305px;
	-moz-column-count: 2; /* Firefox */
}

.products-page {
    margin: 2px 0px 5px 0px;
	padding: 2px 10px 0px 4px;
	text-align: left;
}

.view-pdf {
	text-align: center;
	color: #2165af;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	width: 97px;
	padding-bottom: 10px;
}
.review-product {
	margin: 20px auto 0px auto !important;
	width: 300px;
	text-align:center;
}
.products-home {
	text-decoration: none !important;
	color: #2165af !important;
}
.dotVert {
    background-color: white;
    background-image: url("/art/dotted_gray.gif");
    width: 19px;
}
.apple_mobile {	/* turned on in includes/javascript.asp */
	display:none;
}
.android_mobile {	/* turned on in includes/javascript.asp */
	display:none;
}
.bdy {
    font-family: Verdana,Arial;
    font-size: 11px;
    line-height: 150%;
    margin: 0;
}
.webinar-type {
	color: #2165af;
	font-size: 10px;
	white-space: nowrap;
	font-weight: 600;
	margin-left: 8px;
	padding-left: 14px;
}
.webinar-now {
	color: #2165af;
	font-size: 10px;
	white-space: nowrap;
	font-weight: 600;
	margin-left: 8px;
	padding-left: 7px;
}
.classPhoto {
    border: 1px solid #DDDDDD;
	padding: 2px;
	margin: 0px 5px 2px 5px;
}
.vertical-products {
	vertical-align: top !important;
	padding-top: 30px;
}
.gobutton {
	margin-bottom: -7px;
}
.pod-itunes {
	border: 0px;
	background-color: #2165af;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	margin: 0px 5px 0px 5px;
}

/* -- audio MP3 -- */
.audio-mp3 {
	width: 450px;
	height: 32px;
	margin: 5px 0px 8px 100px;
	padding:0;
	position: relative;
	Z-index: 1;
}

/* IE 10+ set audio control to 48px to show tracking slider. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	audio {
		height: 32px;
		margin-top: 15px;
	}
}
/* ============================================================== */
/*  -- ad styles -- */

.spotlight {
	padding: 5px 0px 5px 10px;
	font-size: 15px;
	font-weight: 600;
}
.adslot-ce-spotlight {
	width: 210px;
	height: 315px;
	box-shadow: 0px 1px 2px #777;
	padding: 10px 2px 6px 0px;
}
.adslot-blog-spotlight {
	width: 210px;
	box-shadow: 0px 1px 2px #777;
	padding: 10px 2px 6px 0px;
	margin-bottom: 14px;
}
.month-spot {
	color: #2165af;
}

#sidebarLeftAds {  /* wrapper for left ads */
	margin: 0;
	padding: 0;
}
.sidebarLeftLargeAd, .sidebarLeftContent {
    /* border: 1px solid #CCCCCC; */
	box-shadow: 0px 1px 2px #777;
    margin-bottom: 14px;
    overflow: hidden;
    text-align: center;
    width: 210px;
	padding: 6px 2px;
}

.sidebarLeftContent-headline {
	padding: 5px 0px 18px 5px;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.sidebarLeftContent-title-tag {
	color: #2165af;
	margin: 10px 5px 6px 5px;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}

.sidebarLeftContent-title {
	margin: 0px 5px 0px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.sidebarLeftContent-button {
	background-color: #2165af;
	border: 0;
	color: white;
	cursor: pointer;
	font-size: 11px;
	height: 30px;
	margin: 15px auto 5px auto;
	width: 95%;
}

.img-left-ad {
	/* border: 3px solid #DDD; */
	margin:0;
	padding: 0;
}

.lhsAdSponsor {
	background-color: #939393;
	color: #fff;
	font-family: verdana;
	font-size: 13px;
	padding: 3px 0px 3px 0px;
    margin: 0px;
	text-align: center;
}
.lhsAd {
	text-align: center;
	margin: 5px 0px 5px 0px;
}

.left-tile {
	border: 3px solid #AAA;
	margin:10px 0px 10px 3px;
	width:200px;
	cursor:pointer;
}

/* ============================================================== */
/*  -- page footer pagination -- */
.pagination {
    color: #000000;
	font-family: arial;
    font-size: 12px;
    line-height: 12px;
    margin: 20px 0;
    text-align: center;
}
.pagination a, .pagination span {
    border: 1px solid #E0E3E5;
    display: inline-block;
    margin: 0 5px;
    padding: 3px 5px;
    text-decoration: none;
    vertical-align: bottom;
}

.pagination a:hover {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #000000;
}
.pagination span {
    font-weight: bold;
}
.pagination .next, .pagination .prev {
    border: 1px solid #BCC0C4;
    border-radius: 3px 3px 3px 3px;
    height: 14px;
    width: 10px;
}
.pagination .next span, .pagination .prev span {
    display: none;
}
.pagination a.prev, .pagination a.prev:hover {
    background: url(/art/sprites.png) no-repeat scroll -93px 4px transparent;
}
.pagination a.next, .pagination a.next:hover {
    background: url(/art/sprites.png) no-repeat scroll -74px 4px transparent;
}
.pagination a.prev:hover, .pagination a.next:hover {
    opacity: 0.8;
}
/* -- footer  -------------------------------- */
#footer {
	background-color: white;
	margin-top: 20px;
}

/* ============================================================== */
/*  -- blog styles -- */

.contentTitleBlog {
	padding: 8px 0 8px 0;
}

.blog-post {
	font-family: 'Montserrat', tahoma, sans-serif;
}

	.blog-post h1,
	.blog-post h2,
	.blog-post h3,
	.blog-post h4,
	.blog-post h5 {
		font-family: 'Montserrat', tahoma, sans-serif;
		color: #00aeef;
		font-weight: 400;
		line-height: 120%;
	}

	.blog-post h1 {
		margin-bottom: 0.15em;
		font-size: 32px;
		font-weight: 500;
	}

	.blog-post .author {
		display: flex;
		align-items: center;
		height: 100px;
		width: 100%;
		margin-bottom: 6px;
	}

		.blog-post .author img {
			height: 60px;
			width: 60px;
			z-index: 2;

			border-top-left-radius: 50% 50%;
			border-top-right-radius: 50% 50%;
			border-bottom-right-radius: 50% 50%;
			border-bottom-left-radius: 50% 50%;

			border: 2px #555555 solid;
			background-color: #a7bfca;
		}

		.blog-post .author .tag {
			margin: 0 1em 0 -6px;
			padding: 0.4em 0.5em 0.4em 0.5em;
			color: #ffffff;
			background-color: #555555;
			font-size: 16px;
			text-transform: uppercase;
		}

		.blog-post .author .byline {
			font-size: 16px;
			color: #555555;
		}

	.blog-post .blog-date {
		color: #555555;
		text-align: right;
	}

	.blog-post .blog-body {
		font-family: 'Montserrat', tahoma, sans-serif;
		color: #444444;
		font-size: 18px;
		line-height: 140%;
	}

	.blog-list {
		margin: 20px 0;
	}

	.blog-photo {
		border: 1px solid #ddd;
		max-width:50%;
		padding: 5px;
		margin: 0 0 5px 5px;
	}

	a.blog-link {
		text-decoration: none;
	}


.blog_list_photo {
	display: block;
	object-fit: cover;
	padding: 2px;
	border: 1px #DDDDDD solid;
}

.blog_title {
	margin-bottom: 6px;
}

	.blog_title a {
		color: #0d78c0;
		font-family: verdana, sans-serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 140%;
	}

	.blog_title a:hover {
		color: #0d78c0;
		text-decoration: none;
	}

.blog_list_link a {
	float: right;
	margin-top: 36px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
	font-size: 12px;
}
.blog_list_link a:visited {
	color: #ff0000;
}

.blog_list_blurb {
	margin-bottom: 6px;
}

.blog_list_button {
	padding: 6px 4px 6px 4px;
	background-color: #0d78c0;
	color: #ffffff;
	border: 0px none;
	cursor: pointer;
}

/* pop-ups */
.popper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	background-color: rgba(0, 0, 0, 0.6);
}

	.popper .bdy {
		position: relative;
		width: 500px;
		margin: 64px auto 0 auto;
		padding: 32px;
		background-color: #2265AF;
		border: 1px #000000 solid;
		font-size: 18px;
		color: #ffffff;
		box-shadow: 0px 13px 20px 20px rgba(0,0,0,0.3), 0 5px 7px rgba(0,0,0,.6);
	}

	.popper .bdy {
		position: relative;
		width: 500px;
/*		margin: 25% 0 0 -24px; */
	}

	.popper .closeme {
		position: absolute;
		top: -15px;
		right: -15px;
		padding: 0 6px 0 0;
		text-align: right;
		font-weight: bold;
	}

		.popper .closeme a {
			padding: 4px;
			border-color: rgba(0, 0, 0, 0.7);
			border-style: solid;
			border-width: 1px;
			height: 25px;
			width: 25px;
			border-radius: 15px;
			display: inline-block;
			text-align: center;
			background-color: #ffffff;
		}

		.popper .title {
			font-weight: bold;
			font-size: 112%;
			color: #707070;
		}

		/* --- */
		.popper .bdy {
			border-radius: 0;
			background-color: #ffffff;
			color: #404040;
			border-width: 1;
			border-color: #000000;
			border-style: solid;
		}

		.popper input {
			box-sizing: border-box;
			width: 100%;
			margin: 0;
			font-size: 18px;
			padding: 0.4em;;
		}

		.popper input[type="submit"] {
			box-sizing: border-box;
			display: block;
			width: 100%;
			margin: 0 auto 0 auto;
			background-color: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 0.8em;
			border: 0px none;
			border-radius: 4px;
		}

	.popper .alert {
		color: #AA0000;
	}