﻿/* Sustainable Hunterdon CSS */

/* Global Settings
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
	margin-top: 10px;
	margin-bottom: 0px;
}
p {

}
td p {
	margin-top: 0px;
}
a {
	color: #533E90;
	text-decoration: none;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
a:hover {
	color: #98C61E;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

a.menubar {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
a.menubar:hover {
	color: #98C61E;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


h1 {
	margin: 0px;
	color: #392C5F;
	font-size: 29px;
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	font-size: 22px;
	color: #513E86;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
}
h3 {
	font-size: 13px;
}
hr {}
input, select, textarea {}
ul {
}
li {
	line-height: 18px;
}
img {}

/* Containers
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

#main {
	width: 860px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo {
	width: 500px;
	float: left;
}
#upperNav {
	text-align: right;
	float: right;
	padding-right: 3px;
}
#upperNavLinks {
	margin-top: 9px;
	margin-bottom: 17px;
}
div#upperNavLinks a {
	color: #6E6D73;
	text-decoration: none;
	font-weight: normal;
}
div#upperNavLinks a:hover {
	color: #CCCAD5;
	text-decoration: none;
}
#nav {
	background-image: url(../images/button-bg.jpg);
	background-repeat: no-repeat;
	height: 57px;
	clear: both;
}
#homeFlash {
	margin-bottom: 8px;
}
#content {
	clear: both;
	padding-top: 25px;
}
div#content p {}
#leftCol {
	width: 422px;
	float: left;
}
#rightCol {
	float: right;
	width: 422px;
}
#leftCol2 {
	width: 300px;
	float: left;
}
#rightCol2 {
	float: right;
	width: 300px;
}
#footer {
	text-align: center;
	background-image: url(../images/footer_11.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	background-color: #403F46;
}
div#footer a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}
div#footer a:hover {
	color: #99CC33;
}

/* Classes
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.lightGrey {
	color: #CCCAD5;
}
.darkGrey {
	color: #5A5863;
}
.greenBoxTitle, .purpleBoxTitle {
	background-image: url(../images/green-tile_07.jpg);
	height: 57px;
}
.purpleBoxTitle {
	background-image: url(../images/purple-tile_07.jpg);
}
.greenBoxTitleL, .purpleBoxTitleR {
	background-image: url(../images/green-tile-left_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 13px;
}

.purpleBoxTitleR {
	background-image: url(../images/purple-tile-right_07.jpg);
	background-position: right top;
}
.greyBorder {
	border: 1px solid #ABAAB0;
}
.liteGreyBorder {
	border: 1px solid #C7C6CA;
}
.liteGreyBorder2 {
	border: 1px solid #E0E0E2;
	border-top: none;
	margin-bottom: 15px;
	padding: 15px;
}
.greyBorder2 {
	border: 1px solid #ABAAB0;
	border-top: none;
	margin-bottom: 15px;
	padding: 15px;
}
.greyBorder3 {
	border: 1px solid #ABAAB0;
	border-top: none;
	padding: 15px;
	position: relative;
	top: -27px;
}
#greenBox, #purpleBox, #greyBox {
	background-image: url(../images/green-gradient_10.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border: 4px solid #FFFFFF;
	height: 150px;
}
#purpleBox {
	background-image: url(../images/purple-gradient_10.jpg);
}
#greyBox {
	background-image: url(../images/grey-gradient_11.jpg);
	height: 206px;
}
#greyBox2 {
	background-image: url(../images/grey-gradient_11.jpg);
}
#testimonials {
	padding-top: 10px;
	clear: both;
}
.testimonialsFlash {

}
#contentHome {
	float: left;
	width: 530px;
	padding-left: 20px;
	padding-top:0px;
	margin:0px;
}
#contentSubpage {
	float: left;
	width: 530px;
	padding: 15px;
}
#contentSubpage2 {
	padding: 15px;
}
#contentSubpage3 {
	float: left;
	width: 587px;
	padding-top: 15px;
	padding-left: 15px;
}
#contentSubpage4 {
	float: left;
	width: 862px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.contentSubpage5 {
	float: left;
	width: 627px;
	padding-top: 15px;
}
#bottomAds {
	clear: both;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
#contentRightHome {
	float: right;
	width: 255px;
}
#contentRightSubpage {
	float: right;
	width: 255px;
	padding-top: 15px;
}
#contentRightSubpage2 {
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	text-align: right;
	margin-top: 15px;
	width: 215px;
	padding-left: 15px;
}
#contentRightSubpage3 {
	float: right;
	text-align: right;
	margin-top: 15px;
	width: 215px;
	padding-left: 15px;
}
.contentRightSubpage3 {
	float: right;
	text-align: right;
	margin-top: 15px;
	width: 215px;
	padding-left: 15px;
}
.footerPadding {
	padding-top: 22px;
}
.greyPatternBg {
	border: 4px solid #FFFFFF;
	background-image: url(../images/side-bg_03.gif);
	background-position: bottom;
	padding: 10px;
}
.paddingTop10 {
	padding-top: 10px;
	margin: 0px;
}
.signupInput, .signupInput2 {
	border: 1px solid #A7A7A7;
	font-size: 18px;
	color: #403F46;
	font-family: Arial, Helvetica, sans-serif;
	width: 215px;
	padding-left: 5px;
	margin: 0px;
}
.signupInput2 {
	width: 180px;
}
.GreenBold24 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #3A8800;
	letter-spacing: -1px;
}
.size18 {
	font-size: 18px;
}
.sizex {
	font-size: 18px;
	list-style:none;
	text-align:right;
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	margin-left: 250px;
	margin-top: 45px;
}
.ULshort {
	margin-top: 10px;
}
.Vpadding10 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#signUp {
	width: 255px;
}
#test1 {
	float: left;
	width: 589px;
	padding-top: 10px;
}
#sign1 {
	float: right;
	width: 255px;
	padding-top: 10px;
}
.clear {
	clear: both;
}
.calloutText {
	font-size: 16px;
	font-weight: bold;
	color: #006699;
	line-height: 17px;
	clear: both;
}
.size11 {
	font-size: 11px;
}
#form1 {
	margin: 0px;
}
.contentPage1 {
	padding-top: 13px;
}
.smallHeadline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E2;
	display: block;
	font-size: 13px;
	font-weight: bold;
}
.tableDiv {
	clear: both;
	margin-right: 20px;
	margin-left: 20px;
}
.tableRow1, .tableRow2, .tableRow3 {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	border-left: 1px solid #E0E0E2;
	padding-left: 5px;
	color: #666666;
	
	height: 23px;
}
.tableRow44 {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	border-left: 1px solid #E0E0E2;
	
	color: #6f6c6c;
	font-weight:bold;
	
}
.tableRow45 {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	
	padding-left: 5px;
	color: #6f6c6c;
	font-weight:bold;

}
.tableRow45-red {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	
	padding-left: 5px;
	color: #a22a00;
	font-weight:bold;

}
.tableRow45-orange {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	
	padding-left: 5px;
	color: #ffc105;
	font-weight:bold;
	font-size:18px;

}
.tableRow45-green {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	
	padding-left: 5px;
	color: #43b02a;
	font-weight:bold;
}


.tableRow2 {
	border-left: none;
	padding-left: none;
}
.tableRowleft {
	border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	border-left: 1px solid #E0E0E2;
	
	color: #666666;
	
	
}
.bordergride{
border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	border-left: 1px solid #E0E0E2;
	padding-left: 5px;
	color: #666666;

	
border-left: none;
	padding-left: none;


}

.bordergride-1{
border-bottom: 1px solid #E0E0E2;
	border-right: 1px solid #E0E0E2;
	border-left: 1px solid #E0E0E2;
	/*padding-left: 5px;*/
	color: #666666;
/*	line-height: 23px;*/
	height: 60px;
border-left: none;
	padding-left: none;


}

.tableRow3 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E0E0E2;
	border-bottom-color: #E0E0E2;
}
.uTable {
	margin-top: 13px;
	background-image: url(../images/u-bg_06.jpg);
	background-position: center;
	background-color: #ECE8DD;
}
.uTopLeft, .uTopRight, .uMid, .uMidBot, .uBotLeft, .uBotRight {
	background-image: url(../images/utopleft_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	border-bottom: 1px solid #E3DECE;
}
.uTopRight {
	background-image: url(../images/utopright_08.jpg);
	background-position: right top;
}
.uMid {
	background-image: none;
}
.uMidBot {
	background-image: none;
	border: none;
}
.uBotLeft {
	background-image: url(../images/ubotleft_13.jpg);
	background-position: left bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.uBotRight {
	background-image: url(../images/ubotright_15.jpg);
	background-position: right bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.linkBlue {
	color: #00619B;
	font-size: 13px;
}
.linkRed {
	color: #792500;
	font-size: 13px;
	font-weight: bold;
}
.linkPurple {}
.lightGreyText {
	color: #A6A6A6;
}
.greenTitle, .orangeTitle, .pinkTitle {
	background-color: #697953;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	line-height: 18px;
	margin-right: 5px;
	margin-left: 5px;
}
.orangeTitle {
	background-color: #836036;
}
.pinkTitle {
	background-color: #885664;
}
.odd, .even {
	background-color: #F2F2F1;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	width: 85%;
	margin: auto;
	border: 1px solid #EDEDEB;
}
.even {
	background-color: #FFFFFF;
}

.bigText {
	font-size: 16px;
}
.tinyText {
	font-size: 11px;
	color: #B1B0B5;
	font-weight: normal;
	text-decoration: none;
}
.quote, .quoteBig {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #666666;
}
.quoteBig {
	font-size: 30px;
}
.floatLeft {
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
}
.floatRightPadding {
	float: right;
	margin-right: 25px;
	margin-left: 30px;
	margin-bottom: 15px;
}
.purpleTitle2 {
	font-size: 18px;
	color: #392C5F;
}
.greenTitle2 {
	font-size: 18px;
	color: #548C00;
}
.padding15 {
	padding: 15px;
}
.greenLink2 {
	color: #414927;
}
.pinkLink {
	color: #885664;
}
.h1Green {
	color: #3A8800;
	font-size: 27px;
}
.h1black-new {
	color: #000000;
	font-size: 24px;
}
.h1Purple {
	color: #333366;
	font-size: 27px;
}
.h1Grey {
	color: #999999;
	line-height: 50px;
}
#subNav {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #B5B5B5;
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom-color: #B5B5B5;
	line-height: 40px;
	text-align: center;
	height: 40px;
}
div#subNav a {
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -1px;
	color: #666666;
	font-weight: normal;
}
div#subNav a:hover {
	color: #CC6600;
}
.centerLink {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.redBold {
	font-weight: bold;
	color: #990000;
	font-size: 24px;
	font-style: italic;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.padding10 {
	padding: 10px;
}
.whiteBold {
	color: #FFFFFF;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.purpleBold {
	font-size: 24px;
	font-weight: bold;
	color: #39246F;
	letter-spacing: -1px;
}
.subSignup {
	width: 214px;
	margin-top: 15px;
}
.even2 {
	margin-top: 20px;
	padding: 15px;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 15px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}
.odd2 {
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}
.green {
	color: #3A8800;
}
.redtext {
	font-weight: bold;
	color: #990000;
	font-size: 16px;
	font-style: italic;
}
.h2Margin {
	margin: 0px;
}
#benefits {
	height: 328px;
	width: 215px;
	background-image: url(../images/greyboxbg_05.jpg);
	background-repeat: no-repeat;
	text-align: left;
	color: #666666;
}
div#benefits li {
	margin-left: -20px;
	margin-bottom: 10px;
}
.size10 {
	font-size: 10px;
}
.size14 {
	font-size: 14px;
}
.size17 {
	font-size: 17px;
}

#test_box {
	width:507px;
	height:107px;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:40px;
	padding-top:7px;
	background-image: url(../images/testimonials_bg.jpg);
}
.newgridetext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;

}






