/* * * * * * * * * * * * * * * * * * * * * * 
 UI STYLES
* * * * * * * * * * * * * * * * * * * * * */

div.innerShadowBG {
	background: url(../fw/bg_innerShadow.jpg) no-repeat top left;
	width: 100%;
	min-height: 200px;
  height: auto !important;
  height: 200px;
	padding: 13px 0 0 13px;
}
div.greenInnerBox {
	background-color: #F0F7EF;
	padding: 15px;
	color: #5A9B41;
	font-size: 12px;
}
div.greenInnerBox a {
	color: #579D47;
	text-decoration: underline;
}
div.greenInnerBox a:hover {
	text-decoration: none;
}
div.requiredFieldsDiv {
	background-color: #E5ECE4;
	border-top: 1px solid #D9E0D8;
	padding: 10px 0 10px 15px;
	color: #5A9B41;
	font-size: 11px;
}
div.memberStoryDiv {
	width: 300px;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #E3EAE2;
	background-color: #F0F7EF;
	margin: 0 5px 0 0;
	float: left;
}
div.smallMemberStory {
	padding: 0 0 8px 0;
}
div.memberStoryImage {
	float: left;
	width: 90px;
	padding: 0 0 0 10px;
}
div.memberStoryImage img,
div.memberStoryImage_small img {
	border: 1px solid #ffffff;
}
div.memberStoryImage_small {
	float: left;
	width: 70px;
}
div.memberStoryInfo,
div.memberStoryInfo_small {
	float: left;
	width: 180px;
	padding: 5px 5px 0 5px;
	font-size: 11px;
	color: #666666;
}
div.memberStoryInfo_small {
	width: 190px;
	padding: 0 5px 0 5px;
}
div.smallMemberStory div.memberStoryInfo p,
div.smallMemberStory div.memberStoryInfo_small p {
	margin: 0;
	padding: 0;
}
div.readStory {
	width: 105px;
	padding: 10px 10px 0 0;
	margin: 0 0 0 170px;
	text-align: right;
}
div.newsletterButtons {
	padding: 5px 0 20px 0;
}
.newsLetterList {
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
	color: 509C41;
}
.newsLetterList a {
	color: #509C41;
}
.newsLetterList a:hover {
	text-decoration: underline;
}
div.memberStoryLeftCol {
	float: left;
	width: 350px;
	margin: 0 20px 0 0;
}
div.memberStoryRightCol {
	float: left;
	width: 305px;
}
div.storySummary {
	width: 300px;
	margin: 0 auto 15px auto;
}
div.howDoIJoin {
	margin: 10px 0 30px 0;
	padding: 20px 0 20px 0;
	border-top: 1px dotted #BCCEC0;
	border-bottom: 1px dotted #BCCEC0;
	text-align: center;
	float: left;
	width: 100%;
}
div.viewAllStories {
	text-align: right;
	padding: 30px 0 0 0;
}
div.backLink {
	margin: 40px 0 0 0;
}
div.newsletterNarrowCol {
	float: left;
	width: 305px;
	margin: 0 65px 0 0;
}
div.blogNarrowCol {
	float: left;
	width: 305px;
}
div.blogCategories {
	width: 277px;
	padding: 0 0 13px 0;
	background: url(../fw/bg_blogCategories_btm.gif) no-repeat bottom left;
	margin: 0 0 20px 0;
}
div.blogCategoryHeader {
	background: url(../fw/bg_blogCategories.gif) no-repeat top left;
	line-height: 33px;
	padding: 0 0 0 10px;
}
div.blogCategories ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #D0DAD1;
}
div.blogCategories ul li {
	background-color: #F0F7EF;
	border-bottom: 1px solid #D0DAD1;
}
div.blogCategories ul li a {
	display: block;
	line-height: 20px;
	font-size: 12px;
	padding: 5px 0 5px 10px;
	background-color: #F0F7EF;
	width: 267px;
	color: #559E45;
}
div.blogCategories ul li a:hover {
	background-color: #DCE6DD;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 FORM STYLES
* * * * * * * * * * * * * * * * * * * * * */

div.innerFormRow {
	margin: 0 0 20px 0;
}
div.innerField_140,
div.innerField_80,
div.innerField_292 {
	padding: 0 15px 0 0;
	float: left;
}
div.innerField_80 {
	width: 80px;
}
div.innerField_140 {
	width: 140px;
}
div.innerField_292 {
	width: 300px;
}
.innerInput_140,
.innerInput_80,
.innerInput_292, 
.innerInput {
	background-color: #ffffff;
	padding: 2px 1px 2px 1px;
	font-size: 12px;
	border: 1px solid #ABAFAE;
	margin: 5px 0 0 0;
}
select.innerSelect_80,
select.innerSelect_292,
select.innerSelect_140,
select.innerSelect_185 {
	background-color: #ffffff;
	padding: 1px;
	font-size: 12px;
	border: 1px solid #ABAFAE;
	margin: 5px 0 0 0;
}
select.innerSelect_80 {
	width: 80px;
}
select.innerSelect_140 {
	width: 140px;
}
select.innerSelect_185 {
	width: 185px;
}
select.innerSelect_292 {
	width: 295px;
}
.innerInput_140 {
	width: 136px;
}
.innerInput_80 {
	width: 76px;
}
.innerInput_292 {
	width: 291px;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 CONTACT US STYLES 
* * * * * * * * * * * * * * * * * * * * * */

input.submitBtn {
	background: url(../fw/btn_SubmitGreen.jpg) no-repeat top left;
	width: 83px;
	height: 30px;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
input:hover.submitBtn {
	background: url(../fw/btn_SubmitGreen_f2.jpg) no-repeat top left;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 MISC. STYLES 
* * * * * * * * * * * * * * * * * * * * * */
a.bigArrowLink {
	text-decoration: none;
	padding: 0 33px 0 0;
	display: block;
	line-height: 24px;
	height: 24px;
	background: url(../fw/bg_readStory.jpg) no-repeat right top;
	color: #579D47;
	font-size: 12px;
}
a:hover.bigArrowLink {
	text-decoration: underline;
	background: url(../fw/bg_readStory_f2.jpg) no-repeat right top;
}
a.bigArrowLink_rev {
	text-decoration: none;
	padding: 0 0 0 33px;
	display: block;
	line-height: 24px;
	height: 24px;
	background: url(../fw/bg_bigArrow_rev.jpg) no-repeat left top;
	color: #579D47;
}
a:hover.bigArrowLink_rev {
	text-decoration: underline;
	background: url(../fw/bg_bigArrow_rev_f2.jpg) no-repeat left top;
}
div.googleLink {
	margin: 25px 0 25px 0;
}
div.googleLink a {
	display: block;
	font-size: 11px;
	text-decoration: underline;
	color: #579D47;
	line-height: 25px;
	height: 25px;
	padding: 0 0 0 80px;
	background: url(../fw/bg_google.jpg) no-repeat left top;
}
div.googleLink a:hover {
	text-decoration: none;
}

div.paginationDiv {
	text-align: right;
	width: 610px;
	padding: 5px 0 5px 0;
	color: #0250B2;
}
div.paginationDiv a {
	color: #509C41;
	text-decoration: none;
}
div.paginationDiv a:hover {
	text-decoration: underline;
}

/**********
E-mail Styles
**********/

div.emailContainer {
	width: 608px;
	margin: 0 auto;
}

div.emailHeader {
	background:#FFFFFF url(../fw/bg_emailHeader.jpg) bottom center no-repeat;
	height:100px;
	padding-bottom:40px;
	padding-top:20px;
	}
	
div.emailFooter {
	background:url(../fw/bg_footerBar.jpg) bottom repeat-x;
	width:608px;
	margin-top:20px;
	}

div.emailFooter div.emailFooterp {
	font:"Times New Roman", Times, serif;
	font-size:16px;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
	float:right;
	background:url(../fw/bg_footerBar.jpg) bottom repeat-x;
	width:61%;
	height:30px;
	padding-top:12px;
	}

div.emailFooter div.emailLogo {
	float:left;
	width:200px;
	background:url(../fw/bg_footerBar.jpg) bottom repeat-x;
	width:39%
	}
	
/*******
Member Search Results
********/

div.searchPager {
	font-family:Arial, Helvetica, sans-serif;
	color:#78AD37;
	font-size:11px;
	font-weight:bold;
	float:right;
	}
	
.theInput2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#78AD37;
	height:15px;
	border:#CCCCCC 1px solid;
	float:left;
	margin-right:10px;
	width:80px;
	}
	
.theInput3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#78AD37;
	height:21px;
	border:#CCCCCC 1px solid;
	float:left;
	margin-right:10px;
	width:80px;
	}
	
.blueMemberBox {
	width:92%;
	background:#EAF4FF;
	padding:20px 20px 20px 20px;
	}

.blueMemberBox a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#0350AC;
	}
	
.horizontalBar {
	height:1px;
	width:100%;
	background:#CCCCCC;
	margin-bottom:20px;
	}
	
.dashedLine {
	height 5px;
	border-bottom:#000000 1px dashed;
	}
	
div.innerRightColumn2 {
	width: 740px;
	float: right;
	background-color: #fff;
	padding: 0 0 10px 0;
}


/* advanced clearing technique 
Apply this class to the last element before the area that needs to clear. 
This eliminates the need for non-semantic extraneous mark-up, such as an empty div with clear:both applied */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}