﻿/* ------ HOME PAGE only pages --------*/
	
#home-main {
	float: left;
	width: 720px;
    padding-right: 20px;
	border-right: 1px solid #8d9ca6;
	}
	
/* ------ Home Hero wrapper -----------*/
	
.home-hero-wrapper {
	width: 720px;
	border-bottom: 1px solid #8d9ca6;
	margin: 0 0 20px 0;
	}
	
/* ------ Home Hero 2up ---------------*/
	
#home-main .home-hero-2up .landing-item-2up {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-2up .landing-item-2up .item-keyimage,	
#home-main .home-hero-2up .landing-item-2up img {
	width: 352px;
	height: 198px;
	}

.home-hero-2up {
	display: block; 
	width: 352px; 
	float: left;
    margin-right: 16px;
	}
	
.home-hero-2up-last {
	margin-right: 0;
    padding-right: 0;
	}
	
.home-hero-2up img,
.home-hero-2up .item-video {
	margin-bottom: 12px;
	}

/* ------ Home Hero 1up -------*/
	
#home-main .home-hero-1up .landing-item-1up {
	border-bottom: none;
	width: 720px;
	}

#home-main .home-hero-1up .landing-item-1up .item-keyimage,	
#home-main .home-hero-1up .landing-item-1up img {
	width: 720px;
	height: 405px;
	}
	
.home-hero-1up {
	display: block; 
	width: 720px; 
	float: left;
	margin-right: 24px;
	}
	
.home-hero-1up img,
.home-hero-1up .item-video {
	margin-bottom: 24px;
	}
	
.home-hero-1up h2 {
	color: #333;
	border-top: 0;
	padding: 0 0 12px 0;
	font-size: 36px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 3up -------*/
	
#home-main .home-hero-3up-center .landing-item-3up-center {
	border-bottom: none;
	width: 448px;
	}

#home-main .home-hero-3up-center .landing-item-3up-center .item-keyimage,	
#home-main .home-hero-3up-center .landing-item-3up-center img {
	width: 448px;
	height: 252px;
	}
	
.home-hero-3up-center {
	display: block; 
	width: 448px; 
	float: right;
	margin-right: 0;
	}
	
.home-hero-3up-center img,
.home-hero-3up-center .item-video {
	margin-bottom: 12px;
	}
	

#home-main .home-hero-3up-left .landing-item-3up-left {
	border-bottom: none;
	width: 224px;
	margin-bottom: 0;
	}
	
#home-main .home-hero-3up-left .landing-item-3up-left .item-keyimage,	
#home-main .home-hero-3up-left .landing-item-3up-left img {
	width: 80px;
	height: 45px;
	float: left;
	padding: 6px 16px 0 0;
	}
	
.home-hero-3up-left {
	display: block; 
	width: 224px; 
	float: left;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-3up-left-last {
	border-bottom: none;
	}
	
.home-hero-3up-left img,
.home-hero-3up-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-3up-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 2up Alt ---------------*/

#home-main .home-hero-2up-b .landing-item-2up-b {
	border-bottom: none;
	width: 224px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-2up-b .landing-item-2up-b .item-keyimage,	
#home-main .home-hero-2up-b .landing-item-2up-b img {
	width: 224px;
	height: 126px;
	padding: 9px 0 0 12px;
	}
	
.home-hero-2up-b {
	display: block; 
	width: 224px; 
	float: left;
	border-bottom: none;
	padding-top: 3px;
	}
	
.home-hero-2up-b img,
.home-hero-2up-b .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-2up-b h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* ------ Home Hero 3up ALT -------*/
	
#home-main .home-hero-3up-b-center .landing-item-3up-b-center {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-3up-b-center .landing-item-3up-b-center .item-keyimage,	
#home-main .home-hero-3up-b-center .landing-item-3up-b-center img {
	width: 352px;
	height: 205px;
	}
	
.home-hero-3up-b-center {
	display: block; 
	width: 352px; 
	float: left;
	margin-right: 32px;
	}
	
.home-hero-3up-b-center img,
.home-hero-3up-b-center .item-video {
	margin-bottom: 12px;
	}
	

#home-main .home-hero-3up-b-left .landing-item-3up-b-left {
	border-bottom: none;
	width: 336px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-3up-b-left .landing-item-3up-b-left .item-keyimage,	
#home-main .home-hero-3up-b-left .landing-item-3up-b-left img {
	width: 75px;
	height: 42px;
	float: left;
	padding: 6px 18px 0 0;
	}
	
.home-hero-3up-b-left {
	display: block; 
	width: 336px; 
	float: right;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-3up-b-left-last {
	border-bottom: none;
	}
	
.home-hero-3up-b-left img,
.home-hero-3up-b-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-3up-b-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
	
/* ------ Home Hero 4up -------*/
	
#home-main .home-hero-4up-center .landing-item-4up-center {
	border-bottom: none;
	width: 352px;
	}

#home-main .home-hero-4up-center .landing-item-4up-center .item-keyimage,	
#home-main .home-hero-4up-center .landing-item-4up-center img {
	width: 352px;
	height: 205px;
	}
	
.home-hero-4up-center {
	display: block; 
	width: 352px; 
	float: left;
	margin-right: 32px;
	}
	
.home-hero-4up-center img,
.home-hero-4up-center .item-video {
	margin-bottom: 12px;
	}

#home-main .home-hero-4up-left .landing-item-4up-left {
	border-bottom: none;
	width: 336px;
	margin-bottom: 0px;
	}
	
#home-main .home-hero-4up-left .landing-item-4up-left .item-keyimage,	
#home-main .home-hero-4up-left .landing-item-4up-left img {
	width: 106px;
	height: 59px;
	float: right;
	padding: 6px 18px 0 0;
	}
	
.home-hero-4up-left {
	display: block; 
	width: 336px; 
	float: left;
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 16px;
	padding-top: 3px;
	}
	
.home-hero-4up-left-last {
	border-bottom: none;
	}
	
.home-hero-4up-left img,
.home-hero-4up-left .item-video {
	margin-bottom: 12px;
	}
	
.home-hero-4up-left h2 {
	color: #333;
	border-top: 0;
	padding: 4px 0 12px 0;
	font-size: 18px;
	line-height: 100%; 
	}
	
/* END  home features */
	
#home-main .landing-item {
	width: 448px;
	}
	
#home-main .landing-item .item-content {
	width: 327px; /* 448 - keyimage(112+9px padding) = 327 */
	}

#home-main section.landing-content {
    border-left: 1px solid #8d9ca6;
    padding-left: 24px;
	width: 448px;
    }
	
.home-asides {
	width: 200px;
	float: left;
    padding: 0 0 0 19px;
    margin: 0;
	}
	
.home-asides .aside-inner {
	padding: 0 0 12px 0;
	}
	
.home-asides aside p,
.home-asides aside ul {
	color: #2b3033;
	font-size: 85%;
	line-height: 120%;
	}
	
.home-asides aside h3 {
	font-size: 105%;
	line-height: 120%;
	padding-bottom: 8px;
	} 
	
.home-asides aside { 
	margin-bottom: 20px;
	}
	
	
	/* JB note --- I am replacing these two with a more descrptive special features class names below --- we can discuss
	
#home-main .home-asides { 
	width: 200px;
	float: left;
    padding: 0 24px 0 0;
    border-left: none;
    margin: 0;
	}

#home-main .home-asides aside { 
	border-bottom: none;
	padding-right: 16px;
	}
	
	end JB note */
	
	
.home-asides aside a {
	font-weight: bold;
	}
	
#home-aside-connect {
	border-bottom: none;
	}
	
#cpi-form {
	margin-bottom: 18px;
	}
	
#cpi-form input[type="text"] {
	width: 57px;
	padding: 2px 3px;
	}
	
#cpi-form select {
	width: 72px;
	padding: 2px 3px;
	}
	
#cpi-form p.cpi-button {
	text-align: center;
	}
/* ------ Home Special Feature -------*/

#home-main .home-asides {
	width: 224px;
	float: left;
    padding: 0 23px 0 0;
    border: none;
    margin: 0;
	}

#home-main .home-asides .aside-inner .feature {
	border-top: 1px solid #8d9ca6;
	}
	
#home-main .home-asides .aside-inner .feature .featuretype,
#home-main .home-asides .aside-inner .cicd .featuretype {
	font-size: 11px;
	line-height: 11px;
	color: #737373;
	font-weight: bold;
	margin: 18px 0 3px 0;
	font-size: 10px;
	text-transform: uppercase;
	}
	
#home-main .home-asides .aside-inner .cicd .featuretype {
	margin-bottom: -6px;
	}
	
#home-main .home-asides .aside-inner .feature .group,
#home-main .home-asides .aside-inner .cicd {
	width: 200px;
	min-height: 26px;
	margin: 18px 0 0 0;
	}
	
#home-main .home-asides .aside-inner .cicd {
	margin-bottom: 18px;
    padding-bottom: 10px;
	border-bottom: 1px solid #8d9ca6;
	}
	
#home-main .home-asides .aside-inner .feature .group p,
#home-main .home-asides .aside-inner .cicd p {
	min-height: 26px;
	max-width: 200px;
	margin-bottom: 3px;
	}

#home-main .home-asides .aside-inner .feature .group img {
	float: left;
	padding: 0 18px 0 0;
	}

#home-main .home-asides .aside-inner .cicd img {
	margin-top: -18px;
	}

#home-main .home-asides .aside-inner .feature .group a,
#home-main .home-asides .aside-inner .cicd a {
	text-decoration: none;
	}
	
#home-main .home-asides .aside-inner .cicd a {
	color: #333;
	}
	
#home-main .home-asides .aside-inner .feature .group a:hover,
#home-main .home-asides .aside-inner .cicd a:hover {
	font-weight: bold;
	color: #004d80;
	text-decoration: underline;
	}