@charset "UTF-8";
* {
	margin: 0;
	padding: 0
}	
html {
	overflow-y: scroll;
}
p {
	padding-bottom: 18px;
	line-height: 24px;
}
body {
	background-image: url(../images/bgSky.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #666666;
	background-color: #00A651;
	font-size: 15px;
	line-height: 24px;
}
a {
   outline: none;
}
h1 {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 20px;
	color: #BF1E2E;
	margin-bottom: 18px;
}
h2 {
	font-size: 16px;
	color: #3f85c0;
	margin-bottom: 7px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	background-color: #FFFFFF;
}
#wrapperInner {
	background-color: #FFFFFF;
	background-image: url(../images/bgSky.jpg);
	background-repeat: repeat-x;
}
#header {
	height: 153px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/headerBgSky.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#jcLogo {
	position: absolute;
	left: 48px;
	top: 20px;
}
#slogan {
	width: 450px;
	height: 70px;
	position: absolute;
	top: 40px;
	right: 5px;
}
#nav {
	height: 42px;
	width: 902px;
	position: absolute;
	left: 30px;
	bottom: 0px;
	background-image: url(../images/navBG.jpg);
	background-repeat: no-repeat;
}
#nav ul {
	list-style-type: none;
}
#nav ul li {
	display: block;
	float: left;
	text-align: center;
	height: 42px;
}
#nav  li a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 0px;
	display: block;
	line-height: 42px;
}
#nav a:hover {
	color: #8DB7DB;
}
#nav li.home {
	width: 107px;
}
#nav li.home a {
	display: block;
	height: 42px;
}
#nav li.ourProgram {
	width: 167px;
}
#nav li.ourProgram a {
	display: block;
	height: 42px;
}
#nav li.ourFacility {
	width: 152px;
}
#nav li.ourFacility a {
	display: block;
	height: 42px;
}
#nav li.whoBenefits {
	width: 167px;
}
#nav li.whoBenefits a {
	display: block;
	height: 42px;
}
#nav li.howToJoin {
	width: 158px;
}
#nav li.howToJoin a {
	display: block;
	height: 42px;
}
#nav li.contactUs {
	width: 151px;
}
#nav li.contactUs a {
	display: block;
	height: 42px;
}
#nav li a.home {
}
#mainImg {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 330px;
	background-image: url(../images/mainImg_shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
}
#mainImgInside {
	height: 336px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #BF1E2E;
	background-image: url(../images/loading.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#mainImgInside-tv {
	height: 700px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(url(../images/loading.jpg));
}

#mainImgInner {
	height: 337px;
	width: 900px;
	background-image: url(../images/mainImg_home.jpg);
	background-repeat: no-repeat;
}
#lowerHome {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	height: 225px;
}
#footer {
	height: 225px;
	background-color: #00A651;
	background-image: url(../images/footerBG01.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0px;
	font-size: 12px;
	color: #FFFFFF;
}
#footerInner {
	width: 1023px;
	margin-right: auto;
	margin-left: auto;
	height: 225px;
	background-image: url(../images/footerBG02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footerContent {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 170px;*/
    position: relative;
	height: 225px;/*22px;*/
}
#footerCopyright {
	position: absolute;
	top: 190px;/*0px;*/
	width: 490px;
	right: 0px;
	text-align: right;
	font-size: 11px;
}
#footerContactInfo {
	position: absolute;
	left: 0px;
	top: 190px;/*0px;*/
	width: 110px;
	font-size: 11px;
}
#footerCobbleHill {
	position: absolute;
	left: 115px;
	top: 162px;/*0px;*/
	width: 200px;
	font-size: 11px;
}
#contentHome {
}
#contentHomeLeft {
	width: 455px;
	height: 120px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEDEDE;
	float: left;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#keith {
	border: 6px solid #dedede;
	height: 106px;
	width: 106px;
	position: absolute;
	left: 30px;
	top: 0px;
}
#keithTxt {
	position: absolute;
	top: 0px;
	right: 25px;
	height: 120px;
	width: 255px;
}
.blueHighlight {
	color: #3F85C0;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	line-height: 44px;
}
#contentHomeRight {
	width: 435px;
	height: 160px;
	position: relative;
	float: right;
}
#contentHome-tv {
	float: left;
	margin-bottom: 24px;
	margin-left: 24px;
}
#contentHome-tv a {
color:#000000;
}
#homeContentMailIcon {
	height: 20px;
	width: 30px;
	position: absolute;
	left: 30px;
	top: 12px;
}
#homeContentInfoTxt {
	position: absolute;
	right: 30px;
	top: 65px;
	width: 375px;
}
#homeContentBtnInfo {
	height: 55px;
	width: 294px;
	position: absolute;
	right: 30px;
	float: right;
}
#homeContentBtnInfo ul {
	list-style-type: none;
}
#homeContentBtnInfo li {
	display: block;
}
#homeContentBtnInfo a {
	background-image: url(../images/btnInfo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 293px;
	display: block;
	text-indent: -9999px;
}
#homeContentBtnInfo a:hover {
	background-image: url(../images/btnInfo.jpg);
	background-repeat: no-repeat;
	background-position: -293px top;
}
#quoteFlowerBox {
	background-image: url(../images/ourProgramQuoteBoxBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 840px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #CD2337;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
	padding-top: 72px;
	margin-top: 18px;
}
.clear { clear: both; width: 100%; height: 0; visibility: none; }
#contentInsidePage {
	padding-right: 30px;
	padding-left: 30px;
}
#lowerInsidePage {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#contentInsidePageRightServices {
	width: 365px;
	position: relative;
	float: right;
	height: 80px;
	padding-top: 0px;
}
#contentInsidePageLeft {
	width: 430px;
	height: 120px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEDEDE;
	float: left;
}
#contentInsidePageRight {
	width: 365px;
	position: relative;
	float: right;
	height: 80px;
	padding-top: 30px;
}
#programsLeft {
	position: absolute;
	top: 0px;
	height: 100px;
	width: 390px;
	text-align: center;
	color: #CF1930;
	font-size: 14px;
	font-weight: bold;
	left: 0px;
	padding-top: 15px;
	line-height: 22px;
}
#contentInsideBox {
	padding-top: 20px;
}
#programContentBtnInfo {
	height: 55px;
	width: 365px;
	position: absolute;
	right: 238px;
	float: right;
}
#programContentBtnInfo ul {
	list-style-type: none;
}
#programContentBtnInfo li {
	display: block;
}
#programContentBtnInfo a {
	background-image: url(../images/programsBtnInfo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 365px;
	display: block;
	text-indent: -9999px;
}
#programContentBtnInfo a:hover {
	background-image: url(../images/programsBtnInfo.jpg);
	background-repeat: no-repeat;
	background-position: -365px top;
}
#contentFacility {
	background-image: url(../images/ourFacilityImg01.jpg);
	background-repeat: no-repeat;
	background-position: right 100px;
	padding-bottom: 30px;
}
#contentWhoBenefits {
	background-image: url(../images/whoCanBenefit01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 30px;
}
#contentWhoBenefits2 {
	background-image: url(../images/whoCanBenefit02.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#contentWhoBenefits2Inner {
	height: 300px;
	margin-left: 350px;
	padding-top: 80px;
}
.blueTxt {
	color: #3F85C0;
}
.redBold {
	color: #BA1E2B;
	font-weight: bold;
}
#contactWrapper {
}
#contactLeft {
	padding-bottom: 30px;
	width: 450px;
	height: 750px;
	float: left;
	margin-right: 40px;
}
#contactRight {
	float: left;
	height: 500px;
	width: 350px;
}
#map {
	border: 6px solid #DEDEDE;
}
/* BEGIN POPUP STYLES */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#069;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:260px;
width:410px;
background:#FFFFFF;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#popupContactClose {cursor:pointer;font-size:18px;color:#900;}
#contactArea{margin:45px 0 0 62px;}
p#contactArea #contact {
background:url(../images/btnContact.jpg) left top no-repeat;
text-indent:-9999px;
display:block;
width:293px;
height:55px;
}
p#contactArea #contact:hover {
background:url(../images/btnContactHover.jpg) left top no-repeat;
}
p#contactArea #brochure {
background:url(../images/btnDownloadBrochure.jpg) left top no-repeat;
text-indent:-9999px;
display:block;
width:293px;
height:55px;
}
p#contactArea #brochure:hover {
background:url(../images/btnDownloadBrochureHover.jpg) left top no-repeat;
}


#contactArea1{margin:45px 0 0 22px;}

p#contactArea1 #contact {
background:url(../images/btnContact.jpg) left top no-repeat;
text-indent:-9999px;
display:block;
width:293px;
height:55px;
}
p#contactArea1 #contact:hover {
background:url(../images/btnContactHover.jpg) left top no-repeat;
}


p#contactArea1 #english:hover {
	background:url(../images/btnEnglishBrochureHover.jpg) left top no-repeat;
}
p#contactArea1 #english {
	background:url(../images/btnEnglishBrochure.jpg) left top no-repeat;
	text-indent:-9999px;
	display:block;
	width:365px;
	height:55px;
}
p#contactArea1 #spanish:hover {
	background:url(../images/btnSpanishBrochureHover.jpg) left top no-repeat;
}
p#contactArea1 #spanish {
	background:url(../images/btnSpanishBrochure.jpg) left top no-repeat;
	text-indent:-9999px;
	display:block;
	width:365px;
	height:55px;
}
/* END POPUP STYLES */
#ourFacilityBtnDiv {
	width: 365px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
#ourFacilityBtn {
	height: 55px;
	width: 365px;
	margin-right: auto;
	margin-left: auto;
}
#ourFacilityBtn ul {
	list-style-type: none;
}
#ourFacilityBtn li {
	display: block;
}
#ourFacilityBtn a {
	background-image: url(../images/facilityBtnInfo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 365px;
	display: block;
	text-indent: -9999px;
}
#ourFacilityBtn a:hover {
	background-image: url(../images/btnFacilityBtnInfo_hover.jpg);
	background-repeat: no-repeat;
	background-position: -365;
}

