/*PAGE ELEMENT DEFINITION ======================================================================================= */

html {
	height: 100%;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	min-width: 980px;
}

body {
	height: 100%;
	margin: 0 auto;
	/*text-align:center;*/
	background: url('../images/interface/main_page_gradient.png') repeat-y 50% top;
	background-color: #f6f6f6;
}
  
/* COLORS ----------------------------------------------------------------------------- */

.mainDarkBlue {
	color: #557788;
}

.mainLightGrey {
	color: #a1a1a1;
}

.mainLightBlue {
	color: #66AAAA;
}

.mainDarkGreen {
	color: #7d8733;
}

.offDarkGreen {
	color: #00492B;
}

.mainLightGreen {
	color: #DDFF99;
}

.accentLightTeal {
	color: #AADDBB;
}

.accentDarkTeal {
	color: #77BB99;
}

.accentLightBrown {
	color: #FFFFCC;
}

.accentDarkBrown {
	color: #CC9900;
}

.accentLightBlue {
	color: #AABBEE;
}

.accentDarkBlue {
	color: #114499;
}

.accentYellow {
	color : #ffc222;
}

.rareOrange {
	color: #CC5500;
}

.rareGreen {
	color: #336633;
}

.accentOlive {
	color : #7D8733;
}

.lightGreenBG { background-color : #dfe6b1;}
.accentLightBrownBG { background-color : #FFFFCC;}
.accentLightBlueBG { background-color : #AABBEE;}
.featureLightBlueBG { background-color : #ddebed;}
.featureLightGreenBG { background-color : #cee5b7;}
.faintLightBlueBG { background-color : #f3f8f8;}
.accentPeachBG {  background-color : #ffde99; }

.blackBorder { border: 1px solid #000000; }
.greyBorder { border: 1px solid #5b758c; }
.greenBorder { border: 1px solid #7e8733; }
.accentOxbloodBorder { border: 1px solid #9c4c43; }
.accentDarkBrownBorder { border: 1px solid #CC9900; }
.rareOrangeBorder { border: 1px solid #CC5500; }
.tealBorder { border: 1px solid #00492b; }
.greyBlueBorder { border: 1px solid #cfdfe3; }

/* PAGE STRUCTURE ----------------------------------------------------------------------------- */  
  
#masterContainer {
	position: relative;
	width : 100%;  
	margin : auto;
	width : 980px;
	font-size : 10pt;
	line-height : 14pt;
	color : #363539;
}

#mainContentBlock {
	width : 980px;
	float : left;
	margin : 0px 0px 0px 0px;
	background-color : #ffffff;
}

#logoContainer {
	padding : 0px;
	text-align : left;
	float:left;
	/*width : 318px;*/
	margin : 20px 0px 0px 20px;
	position : absolute;
}

#logo {
	width : 224px;
	height : 94px;
}

#navigation {
	height: 100%;
	background-color : #f6fafa;
	height : 150px;
	background : url('../images/interface/bg_navigation.png') repeat-x center bottom;
}

#navButtonContainer {
	width : 980px;
	clear : both;
	height : 25px;
	position: absolute;
	top : 125px;
	left: 0px; /* IE */
	z-index: 999; /* IE */
}

ul#navButtonBlock {
	width : 940px;
	margin : auto;
	clear : both;
	height : 25px;
}
/*-- Navigation styles ----------------------------------------------------------- --*/

		ul#navButtonBlock li {
			height : 25px;
			float : left;
			display : block;
			position: relative; /*--Important--*/
		}

		ul#navButtonBlock li.navButtonUp {
			background: #557484 url('../images/interface/bg_nav_buttons.png') repeat-x center top;
		}

		ul#navButtonBlock li.navButtonDown {
			background: #557484 url('../images/interface/bg_nav_buttons_down.png') repeat-x center top;
		}
		
		ul#navButtonBlock li a {
			display : block;
			height : 25px;
			line-height : 25px;
			padding : 0px 34px 0px 34px;
			color : #FFFFFF;
			font-weight : bold;
			font-size : 11px;
		}
	
		ul#navButtonBlock li a:hover {
			text-decoration : none;
			background: #557484 url('../images/interface/bg_nav_buttons_down.png') repeat-x center top;
		}
		
		ul#navButtonBlock li#right, ul#navButtonBlock li#right {
			width : 8px;
			height : 25px;
			padding : 0px;
		}
		
		ul#navButtonBlock li.spacer {
			width : 2px;
			height : 25px;
			background: #557484 url('../images/interface/bg_nav_buttons_spacer.png') no-repeat center top;
		}
		
			ul#navButtonBlock li ul {
				float : left;
			}		
/*-- Navigation styles end ----------------------------------------------------------- --*/
/*-- Subnavigation styles ----------------------------------------------------------- --*/	
			ul#navButtonBlock li .sub {
				position: absolute; /*--Important--*/
				top: 25px; left: 0;
				z-index: 99999;
				background: #ffffff url('../images/interface/bg_subnavigation.png') repeat-x; /*--Background gradient--*/
				padding: 20px 20px 20px;
				float: left;
				border : 1px solid #669900;
				display: none; /*--Hidden for those with js turned off--*/
			}
			ul#navButtonBlock li .row { /*--If needed to break out into rows--*/
				clear: both;
				float: left;
				width: 100%;
				margin-bottom: 10px;
			}
			ul#navButtonBlock li .sub ul{
				list-style: none;
				margin: 0px;
				padding: 0px 0px;
				float: left;
			}
			ul#navButtonBlock .sub ul li {
				width: 100%; /*--Override parent list item--*/
				color: #363638;
				margin-right : 10px;
			}
			ul#navButtonBlock .sub ul li h2 { /*--Sub nav heading style--*/
				padding: 0;
				margin : 0px 10px 0px 0px;
				font-size: 1.3em;
				font-weight: normal;
				border : 0px solid #56768d;
			}
			ul#navButtonBlock .sub ul li h2 a { /*--Sub nav heading link style--*/
				padding: 0px 0px 1px 0px;
				margin : 0px 0px 5px 0px;
				background-image: none;
				color: #7d173e;
				font-weight : bold;
				border : 0px solid #56768d;
				border-bottom-width : 1px;
			}
			ul#navButtonBlock .sub ul li a {
				float: none;
				text-indent: 0; /*--Override text-indent from parent list item--*/
				height: auto; /*--Override height from parent list item--*/
				background: url(navlist_arrow.png) no-repeat 5px 12px;
				padding: 0px 5px 3px 0px;
				display: block;
				text-decoration: none;
				color: #363638;
				font-weight : normal;
			}
			ul#navButtonBlock .sub ul li a:hover {
				color: #ddd;
				background-position: 5px 12px ;/*--Override background position--*/
			}	
/*-- Subnavigation styles end ----------------------------------------------------------- --*/	

#breadcrumbs {
	margin : 20px 0px 0px 20px;
	height : 10px;
	line-height : 10px;
	font-size : 10px;
	font-weight : bold;			
}

#breadcrumbs a {
	/*color: #669900;*/
	color: #547180;
}
			
#sitetoolsContainer {
	width : 800px;
	float : right;
	margin : 0px 20px 0px 0px;
}
	
	ul#sitetoolsTools {
		height : 14px;
		line-height : 14px;
		clear:both;
	}
		
	ul#sitetoolsSearch {
		height : 30px;
		line-height : 30px;
		font-size : 10px;
		clear:both;
	}
	
	ul#sitetoolsSearch input#search{
		width : 235px;
		height : 30px;
		line-height : 30px;
		background-color : #ecf4f6;
		border : 1px solid #53778d;
		color : #53778d;
		font-size : 12px;
		font-weight: bold;
		overflow : none;
		padding : 0 10px;
		margin : 0px 10px 0px 0px;
		text-transform : uppercase;
	}
		
	ul#sitetoolsSocial {
		clear:both;
	}
	
		ul#sitetoolsTools li, ul#sitetoolsSearch li, ul#sitetoolsSocial li {
			float : right;
			display : block;
		}
		
		ul#sitetoolsTools li a{
			color : #000000;
			margin : 0px 10px 0px 0px;
			font-weight : normal;
			font-size : 12px;
		}
		
		ul#sitetoolsTools li.toolsIcon a{
			margin : 0px 0px 0px 5px;
		}
		
		ul#sitetoolsSocial li {
			margin : 0px 0px 0px 4px;
		}	
		
#pageContentBlock {
	width : 660px;
	float : left;
}

#landingContentBlock {
	background-color : #f6fafa;
}

.landingForm {
	background-color : #ffd532;
	padding : 10px;
	float : left;
}

	#bodyContent {
		width : 540px;
		margin : 20px 40px;
	}

	#landingContent {
		width : 800px;
		margin : auto;
	}
	
	#bodyContentWide {
		margin : 20px;
	}	
	
	#sidebarBlock {
		width : 320px;
		float : right;
		text-align : left;
	}
			
		.sidebarWidget {
			margin : 20px 0px 0px 0px;
			width: 300px;
			line-height : 10px;
		}
			.sidebarWidget a {
				color : #6BB1E2;
				font-weight : bold;
				margin: 0px 0px 10px 0px;
			}
				
			.sidebarWidget p {
				margin: 10px 0px;
			}
		
		
#footer {
	font-family : Arial, Verdana, Helvetica, sans-serif; 
	height : 283px;
	width: 980px;
	clear : both;
	/*text-align : center;*/
	margin : auto;
	color : #FFF;
	font-size: 11px;
}

	#footerContainer {
		background : #deeced url('../images/interface/bg_footer.png') repeat-x 0px 0px;
		width : 980px;
		clear : both;
		margin : auto;
		height: 100%;
	}
	
	#footerTitle {
		width : 980px;
		clear : both;
		margin : auto;
		height: 48px;
	}
	
	#footerTitle img {
		margin : 15px 0px 0px 20px !important;
	}
	
		#footerContainer p {
			margin: 15px 25px 0px 25px;
		}
		
	#footer div.fcopyright {
		font-size : 10px;
		text-align : center;
		color : #8e8e8e;
		padding : 10px;
	}	
	
	#partners {
		background : #55768c url('../images/interface/bg_partners.png') repeat-x 0px 0px;
		width: 100%;
		height : 150px;
		background-color : #FFFFFF;
	}

	#partnersTitle {
		width : 980px;
		clear : both;
		margin : auto;
		height: 41px;
	}
	
	#partnersTitle img {
		margin : 10px 0px 0px 20px !important;
	}
		#partners p {
			background-color: #000;
			width: 160px;
			font-size: 11pt;
			text-align: left;
			margin: 0px;
			padding: 40px 0px 10px 25px;
		}
		
		#partnerLogos {
			margin-left: 25px;
		}
			#partnerLogos a {
				float: left;
				margin: 25px 20px 0px 0px;
			}
	
	.footerCell {
		width : 300px;
		height : 170px;
		float : left;
		text-align : left;
		margin : 0px 0px 0px 20px;
		color : #00724A;
	}
	
		.footerCell h3 {
			color : #55768c;
			font-size : 11pt;			
		}
		
		.footerCell a {
			color: #00724a;
			font-weight: normal;
			line-height: 15px;
		}
		.footerCell ul {
			list-style: none;
		}
	
	.footerLink {
		display : block;
		margin : 10px 2px 7px 2px;
		float : left;
	}


/* SHORTHAND STYLES -------------------------------------------- */
  
  	
.clearer {
	height : 1px;
	clear : both;
	display : block;
}

.clearer img {
	border : 0px !important;
}

.leftTwenty {
    margin-left : 20px;
}

.rightTwenty {
	margin-right: 20px;
}

.floatRight {
float : right;
}

.right {
    border: 0 none;
    float: right;
    font-size : 10px;
    line-height : 11px;
}

.right img {
	margin : 0px 10px 10px 0px;
}

.floatLeft {
float : left;
}

.alignRight {
text-align : right;
}

.hand {
	cursor:pointer;
	cursor:hand;
}

.noDisplay {
	display : none;
}

.displayBlock {
	display : block;
}

.marginTwenty {
	margin : 20px;
}

.heightHalfBox {
	height : 110px;
}

.heightFullBox {
	height : 250px;
}

.heightThreeQuarterBox {
	height : 175px;
}

.heightOneQuarterBox {
	height : 75px;
}

.heightListItemSmall {
	height : 140px;
}

.heightListItemSmall2013 {
	height : 160px;
}

#listArticles2013 .heightListItemSmall2013{
	overflow: hidden;
	position: relative;
}

#listArticles2013 .heightListItemSmall2013:after{
	position: absolute;
	content: '';
	display: block;
	width: 175px;
	height: 29px;
	background-image: url('/images/interface/article-small_fade.png');
	background-repeat: repeat-x;
	bottom: 0;
	right: 0;
}

.heightHilightItem {
	height : 220px;
}

.heightHilightItemHalf {
	height : 145px;
}

.heightBlogItemSmall {
	height : 120px;
}


/*STYLES FOR COPY AND INLINE OBJECTS============================================================================= */

old.a {
    color : #669900;
    text-decoration : none;
	font-weight: bold;
}

a {
    color : #7d8733;
    text-decoration : none;
	font-weight: bold;
}

a:hover {
    text-decoration : underline;
}

a img {
	border: none;
}

.smallCopy {
	font-size : 11px;
	line-height : 14px;
	font-family : Arial, Verdana, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
	text-align : left;
}

.tinyCopy {
	font-size : 10px;
	font-family : Arial, Verdana, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
}

.veryTinyCopy {
	font-size : 9px;
	font-family : Arial, Verdana, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
}

.iconMargin {
	margin: 5px 10px 0px 0px;
	float: left;
}

h1 {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	color : #00492b;
	font-size : 19pt;
	line-height : 20pt;
	font-weight : bold;
	text-decoration: none;
	margin : 10px 0px 0px 0px;
}

h2 {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	color : #00492b;
	font-size : 12pt;
	line-height : 12pt;
	font-weight : bold;
	text-decoration: none;
	margin : 5px 0px 0px 0px;
}
	
h3 {
	color : #842323;
	line-height: 16px;
	font-size : 11pt;
	font-family : Arial, Myriad, Verdana, Helvetica, sans-serif; 
	font-weight : bold;
	letter-spacing : 0.25px;
	margin : 10px 0px 0px 0px;
}

h4 {
	color : #5b758c;
	line-height: 12px;
	font-size : 8pt;
	font-family : Arial, Myriad, Verdana, Helvetica, sans-serif; 
	font-weight : normal;
	/*letter-spacing : 0.75px;*/
	margin : 5px 0px 0px 0px;
}

h5 {
	color : #969696;
	font-size : 7pt;
	font-weight: normal;
	font-family : Arial, Myriad, Verdana, Helvetica, sans-serif; 
	margin : 0px 0px 0px 0px;
	letter-spacing : 0.75px;
}

	#bodyContent p {
		margin : 10px 0px 20px 0px;
	}
	
	.deck {
		margin : 15px 20px 20px 0px;
		font-weight : bold;
		font-style : italic;
		color : #5b758c;
	}

	div.article div.author {
		margin : 10px 0px 0px 0px;
		font-size : 9pt;
		line-height : 16pt;
		color : #5b758c;
		font-weight: bold;
	}
	div.article div.author a {
		color : #5b758c;
	}
	
	.date {
		color : #969696;
		font-size : 8pt;
		font-weight: normal;
		font-family : Arial, Myriad, Verdana, Helvetica, sans-serif; 
		margin : 0px 0px 10px 0px;
		letter-spacing : 0.75px;
	}
	
/* INLINE ELEMENT STYLES ----------------------------- --*/	
.contentInlineContainer {
	float : right;
	width : 240px;
	margin : 20px 0px 40px 20px;
	font-size : 10px;
}

.contentInlineContainer.inlineBox {
	width : 240px;
	padding : 20px 20px 20px 20px !important;
	margin : 0px 0px 20px 20px;
}

.inlineBox p {
	margin : 20px !important;
}

.inlineBox h3 {
	margin : 20px 0px 0px 20px!important;
}

.contentInlineContainer img {
	border : 1px solid #5b758c;
}

.twoColumn {
	float : left;
	margin : 0px 20px 0px 0px;
	width : 300px;
}

/* SPECIFIC PAGE ELEMENT STYLES ----------------------------- --*/

.sectionTitle {
	height : 40px;
	border: 0px solid #5b758c;
	border-bottom-width : 1px;
	margin : 0px 20px 0px 20px;
	padding : 0px 0px 0px 0px;
}

.categoryHeaderBlock {
	margin : 20px 0px 0px 0px;
	clear : both;
}

.categoryNavBlock {
	width : 320px;
	height : 220px;
	float : left;
}

#categoryNav {
	font-size : 11px;
	line-height : 16px;
	margin : 0px 20px 20px 20px;
	position : relative;
	top : 190px;
}

#sectionNav {
	font-size : 11px;
	line-height : 16px;
	margin : 0px 20px 20px 20px;
	position : relative;
	top : 10px;
}

#sectionNav h1 {
	color : #FFFFFF;
	margin : 0px 0px 10px 0px;
	font-size : 20px;
	line-height : 20px;
}

#categoryBlurb {
	color : #FFFFFF;
}

#categoryNav {
	color : #FFFFFF;
}

#categoryNav h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 10px 0px 5px 0px;
}

#categoryNav a {
	display : block;
	font-size : 11px;
	line-height : 14px;
	font-weight : normal;
	color : #FFFFFF;
	padding : 0px 0px 0px 17px;
	background : url('../images/interface/learnMoreSm.gif') no-repeat center left;
}

#sectionNav a {
	display : block;
	font-size : 11px;
	line-height : 14px;
	font-weight : normal;
	color : #FFFFFF;
	padding : 0px 0px 0px 17px;
	margin : 0px 10px 5px 0px;
	width : 110px;
	float : left;
	background : url('../images/interface/learnMoreSm.gif') no-repeat center left;
}

div.categoryFilter {
	list-style : none;
	height : 30px;
	font-size : 10px;
	margin : 0px 20px 0px 0px;
	padding : 0px 0px 0px 0px;
}

div.filterItem {
	float : right;
	margin-top : 10px;
}

div.categoryFilter select {
	font-size : 10px;
	display : block;
	height : 20px;
	line-height : 20px;
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 0px 5px;
}

.homeHeaderBlock {
	margin : 20px 0px 0px 0px;
	clear : both;
}

.homeCurrentIssueBlock {
	width : 320px;
	height : auto;
	float : left;
}

.homeCurrentIssueBlock a.learnMore {
	margin-top : 5px;
}

.archiveCurrentIssueBlock {
	width : 270px;
	height : 270px;
	float : left;
}

.homeCurrentIssueThumbnail {
	float : left;
	margin : 5px 20px 0px 20px;
	padding : 0px 0px 10px 0px;
	width : 100px;
	background : url('../images/interface/index_mag_bg.png') no-repeat top left;
}

#homeCurrentIssueBlurb {
	clear : both;
	color : #000000;
	font-size : 11px;
	margin : 15px 0px 0px 20px;
}

#homeCurrentIssueNav {
	font-size : 11px;
	width : 180px;
	float : left;
}

#homeCurrentIssueTitle {
	float : left;
	padding : 0px;
	margin : 0px 0px 10px 0px;
	background : url('../images/interface/title_current_issue.gif') no-repeat top left;
	width : 322px;
	height : 50px;
	text-align : right;
}

#homeCurrentIssueTitle h3 {
	font-size : 12px;
	margin : 10px 25px 0px 0px;
	color : #ddeae9;
	font-weight : bold;
}

#homeCurrentIssueTitle h4 {
	font-size : 10px;
	margin : 0px 25px 0px 0px;
	color : #ddeae9;
}

#homeCurrentIssueNav h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 10px 0px 5px 0px;
}

#homeCurrentIssueNav a.learnMore {
	display : block;
	font-size : 11px;
	line-height : 14px;
	font-weight : normal;
	padding : 0px 0px 3px 17px;
	background : url('../images/interface/learnMoreSm.gif') no-repeat center left;
}

#currentIssueNav {
	font-size : 11px;
	width : 280px;
	float : right;
	margin-right: 20px;
}

#archiveCurrentIssueNav {
	font-size : 11px;
	width : 370px;
	float : right;
	margin-right: 20px;
}

#currentIssueNav h2, #archiveCurrentIssueNav h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 10px 0px 5px 0px;
}

#currentIssueNav a.learnMore, #archiveCurrentIssueNav a.learnMore, ul.archiveStubs a.learnMore  {
	display : block;
	font-size : 11px;
	line-height : 14px;
	font-weight : normal;
	padding : 0px 0px 3px 17px;
	background : url('../images/interface/learnMoreSm.gif') no-repeat center left;
}

#currentIssueBlurb {
	color : #000000;
	font-size : 12px;
	margin : 20px 20px 0px 40px;
}

.featureCellSmall {
	overflow : none;
	height : 125px;
}

.highlightArticle, .highlightHouseAd {
	width : 300px;
	overflow : none;
	float : left;
	margin : 0px 0px 0px 20px;
	font-size : 11px;
	line-height : 11px;
}
	.homeHeaderBlock .heightHalfBox {
		margin : 0px 0px 20px 20px;
	}

.highlightArticle h4 {
	display : block;
	font-size : 11px;
	font-weight : normal;
	margin : 10px 0px 5px 20px;
	width : 160px;
}
	.heightHalfBox h4 {
		width: 170px;
	}

.highlightArticle h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 0px 0px 10px 20px;
	width : 160px;
}
	.heightHalfBox h2 {
		width: 170px;
	}

.highlightHouseAd h4 {
	display : block;
	font-size : 11px;
	font-weight : normal;
	margin : 0px 20px 10px 100px;
	width : 180px;
}

.highlightHouseAd h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 0px 20px 10px 110px;
	width : 170px;
}

.highlightHouseAd p {
	margin : 0px 20px 10px 110px;
	width : 170px;
}

.highlightArticle p {
	margin : 0px 0px 0px 20px;
}

.highlightArticle h3 {
	display : block;
	font-size : 12px;
	line-height : 12px;
	font-weight : bold;
	margin : 10px 0px 20px 20px;
	padding : 0px 0px 0px 22px;
	background : url('../images/interface/learnMoreLg.gif') no-repeat center left;	
}

.highlightArticleImage {
	float : right;
	border : 1px solid #FFFFFF;
	margin : 20px 20px 0px 0px;
}

.heightHalfBox .highlightArticleImage {
	float : right;
	border : 1px solid #FFFFFF;
	margin : 15px 15px 0px 0px;
}

.highlightBPIImage {
	float : left;
	border : 0px solid #FFFFFF;
	margin : 3px 20px 0px 5px;
}

.bpicebug {
	background-color : #ffffcc;
	line-height : 12px;
	padding : 10px;
	margin : 0px 0px 20px 0px;
}

#listCategories, #listArticles {
	margin : 0px 0px 0px 0px;
}

#listArticles2013 {
	margin : 0px 0px 0px 0px;
}

#categoryTitle {
	margin : 5px 20px 0px 20px;
	background : url('../images/interface/bg_title_tabs.gif') repeat-x bottom left;
	height : 30px;
}

#categoryTitleSm {
	margin : 5px 0px 0px 20px;
	background : url('../images/interface/bg_title_tabs.gif') repeat-x bottom left;
	height : 30px;
}

#categoryTitle .titleTab, #categoryTitleSm .titleTab {
	/* float : left; */
}

#categoryTitle .titleLink a, #categoryTitleSm .titleLink a {
	float : right;
	display : block;
	line-height : 35px;
	height : 30px;
	font-size : 10px;
	font-weight : normal;
	color : #55768c;
}

div.listContainer div.listItemArticle div.headshot {
	width : 80px;
	height : 80px;
	float : left;
	margin : 0px 20px 0px 10px;
	padding : 0px !important;
	line-height : 10px;
	background-size : cover; 
	background-position : center middle;
}

.listItemArticle {
	margin : 0px 20px 0px 0px;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;
	padding : 20px 0px 20px 20px;
}

.listItemArchive {
	margin : 0px 0px 0px 0px;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;
	padding : 20px 0px 20px 20px;
	width : 300px;
	float : left;
	height : 130px;
}

.listItemArticle div.listImage {
	float : left;
	margin : 0px 10px 10px 10px;
	padding : 0px !important;
	line-height : 10px;	
}

.listItemArticle div.listProductImage {
	float : left;
	margin : 0px 20px 0px 0px;
}	

.listItemArticle h2 {
	margin-top : 0px;
	font-weight : bold;
	/* width : 400px; */
	font-size : 16px;
	/* float : left; */
}

.listItemArticle h3 {
	margin-top : 0px;
	font-weight : bold;
	/* width : 400px; */
	font-size : 12px;
	/* float : left; */
}

.listItemArticle h4 {
	/* width : 400px; */
	font-size : 11px;
	/* float : left; */
}
	.listItemArticle h4 a {
		color: #66AAAA;
	}

.listItemArticle p {
	color : #323232;
	font-size : 10px;
	font-size : 10px;
	line-height : 13px;
	/* width : 400px;
	float : left; */
	margin:5px;
}

.listItemProduct {
	margin : 10px 0px 10px 20px;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;
	padding : 10px 0px 20px 0px;
	font-size : 12px;
	float : left;
	width : 300px;
}

.listItemProduct div.listImageProduct {
	float : left;
	margin : 0px 20px 0px 0px;
	width : 110px;
	text-align : center;
}

.listItemProduct div.listDescription {
	float : left;
	width: 300px;
}

.listItemProduct h2 {
	margin-top : 0px;
	font-weight : bold;
	width : 170px;
	font-size : 16px;
	color: #7D8733;
	float: left;
}

.listItemProduct p {
	color : #323232;
	font-size : 9pt;
	line-height : 13px;
	width: 300px;
	clear : both;
}

.listItemProduct .btnAdd {
	float: left;
	margin : 0px;
}

.listItemProduct form p {
	color : #323232;
	font-size : 8pt;
	line-height : 12px;
	width: 250px;
	margin : 0px 0px 0px 0px;
	float : left;
	display : block;
}

.listItemProduct form input {
	float : left;
	margin : 2px 5px 15px 0px;
}

.listItemArticleSmall {
	width : 300px;
	margin : 0px 0px 0px 20px;
	padding : 15px 0px 5px 0px;
	float : left;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;
}

.listItemArticleSmall2013 {
	width : 300px;
	margin : 20px 0px 0px 20px;
	padding : 0px 0px 5px 0px;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;
}

.listItemArticleSmall div.listImage {
	float : right;
	width : 60px;
	height : 60px;
	margin : 0px 20px 0px 0px;
}

.listItemArticleSmall2013 div.listImage {
	width : 120px;
	height : 120px;
	margin : 3px 0px 0px 0px;
	float : left;
}

.listItemArticleSmall2013 div.listImage2013 {
	margin : 0px 0px 10px 0px;
	padding : 0px !important;
	line-height : 10px;	
}

.listItemArticleSmall h3 {
	text-transform : uppercase;
	margin : 3px 0px 5px 0px;
	font-size : 10px;
	font-weight : normal;
	width : 200px;
	float : left;
}

.listItemArticleSmall2013 h2 {
	margin : 0px 0px 0px 0px;
	font-size : 12px;
	font-weight : normal;
}

.listItemArticleSmall2013 h2 a {
	color : #00492B;
}

.listItemArticleSmall2013 h2 a {
	color : #00492B;
}


.listItemArticleSmall2013 h4 a, .listItemArticleSmall2013 h4 {
	color : #7e7e7e;
}

.listItemArticleSmall2013 div.smallIntro {
	font-size : 11px;
	line-height : 14px;
}

.listItemArticleSmall2013 .infoContainer {
	float : left;
	margin : 0px 0px 0px 10px;
	height : 115px;
	width : 160px;
	overflow : none;
}

.listItemArticleSmall h2 {
	margin : 0px 0px 3px 0px;
	font-size : 11pt;
	font-weight : bold;
	width : 200px;
	float : left;
}

.listItemArticleSmall h4 {
	margin : 0px 0px 5px 0px;	
	width : 200px;
	font-size : 10px;
	float : left;
	color: #66AAAA;
}

.listItemArticleSmall2013 h4 {
	margin : 5px 0px 5px 0px;	
	width : 160px;
	font-size : 10px;
	float : left;
	color: #A1A1A1;
}

.listItemArticleSmall2013 div.accessIconsDiv {
	width : 300px;
	position : relative;
	top : 5px;
	left : 0px;
}

.listItemArticleSmall h4 a {
	color: #66AAAA;
}

.listItemArticleSmall div.smallIntro {
	font-size : 10px;
	clear : both;
	line-height : 10px;
	margin : 3px 0px 10px 0px;
	width : 200px;
}

#heprosGroup {
	background-color: #ECF4F6;
	padding: 10px;
	margin: 20px 0;
}
	.listItemHeprosSmall {
		float : left;
	}
	.listItemHeprosSmall div.listImage {
		float : left;
		width : 48px;
		height : 48px;
		margin-right: 20px;
	}
	.listItemHeprosSmall h2 {
		font-size : 10pt;
		line-height: 20px;
		font-weight : bold;
		font-style: italic;
	}
	

.listItemBlog {
	width : 300px;
	margin : 0px 0px 0px 20px;
	padding : 15px 0px 5px 0px;
	float : left;
	border : 0px solid #eaeff2;
	border-bottom-width : 1px;	
}

.listItemBlog div.blogImage {
	float : left;
	width : 75px;
	margin : 0px 20px 0px 0px;
	line-height : 10px;
}
	

.listItemBlog h3, .listItemTweet h3, .listItemNews h3 {
	margin : 3px 0px 5px 0px;
	font-size : 12px;
	font-weight : bold;
	width : 200px;
	float : left;
}

.listItemBlog h4 {
	margin : 0px;
	width : 200px;
	font-size : 10px;
	float : left;
}

.listItemBlog p, .listItemNews p {
	margin : 0px 0px 10px 0px;	
	color : #323232;
	font-size : 10px;
	line-height : 13px;
	width : 200px;
	float : left;
}

.listItemTweet p {
	margin : 0px 0px 10px 0px;	
	color : #323232;
	font-size : 11px;
	line-height : 15px;
	width : 200px;
	float : left;	
}

span.tweetdate {
	margin : 0px 0px 5px 0px;	
	color : #9f9f9f;
	font-size : 10px;
	font-style : italic;
}

.listItemTweet, .listItemNews {
	width : 300px;
	margin : 0px 0px 0px 20px;
	padding : 10px 0px 0px 0px;
	float : left;
	border : 0px solid #eaeff2;
}

.listItemTweet p, .listItemNews p {
	width : 270px;
	word-wrap: break-word;
}

ul.pagination {
	padding : 0px 20px 50px 20px;
	clear: both;
	display: block;
}

ul.pagination li.text {
	color : #54768b;
	font-size : 10px;
	height : 20px;
	line-height : 20px;
	display : block;
	margin : 0px 0px 0px 15px;
}

ul.pagination li {
	float : left;
	list-style : none;
}

ul.pagination li a.paginationNumber {
	height : 20px;
	width : 20px;
	line-height : 20px;
	text-align : center;
	font-size : 11px;
	font-weight : normal;
	display : block;
	margin : 0px 3px 0px 0px;
}

ul.pagination li a.paginationActive {
	border : 1px solid #54768b;
	background-color : #54768b;
	color : #FFFFFF;
	text-decoration : none;
}

ul.pagination li a.paginationInactive {
	border : 1px solid #54768b;
	background-color : #ecf4f5;
	color : #54768b !important;
	text-decoration : none;
}

#postContentFeatures {
	margin : 40px 0px 20px 20px;	
}

.tabHeaderFull {
	height : 30px;
	margin : 15px 0px 0px 0px;
	text-align : right;
}

.headerArchiveContent{
	width : 200px;
	height : 30px;
	display: block;
	float : right;
	margin: 0px 80px 0px 0px;
	padding: 0px 20px 0px 0px;
	line-height : 46px;
	font-size : 9px;
	color : #829bab;
	background : url('../images/interface/bullet_archive.png') no-repeat 100% 13px;
}

.headerProtectedContent{
	width : 200px;
	height : 30px;
	display: block;
	float : right;
	margin: 0px 80px 0px 0px;
	padding: 0px 17px 0px 0px;
	line-height : 46px;
	font-size : 9px;
	color : #829bab;
	background : url('../images/interface/bullet_protected.gif') no-repeat 100% 15px;
}

.headerFreeContent{
	width : 200px;
	height : 30px;
	display: block;
	float : right;
	margin: 0px 80px 0px 0px;
	padding: 0px 17px 0px 0px;
	line-height : 46px;
	font-size : 9px;
	color : #829bab;
	background : url('../images/interface/bullet_free.gif') no-repeat 100% 15px;
}

div.accessicon {
	height : 13px;
	line-height : 13px;
	display: block;
	float : left;
	margin: 0px 17px 0px 0px;
	padding: 0px 17px 0px 0px;
	font-size : 8px;
	color : #829bab;
	text-transform : uppercase;
}

div.accessicon2013 {
	height : 13px;
	line-height : 13px;
	display: block;
	float : left;
	margin: 0px 15px 0px 0px;
	padding: 0px 15px 0px 0px;
	font-size : 8px;
	color : #829bab;
	text-transform : uppercase;
}

div.premiumlevel {
		background : url('../images/interface/bullet_protected.gif') no-repeat 100% 0px;
}

div.freelevel {
		background : url('../images/interface/bullet_free.gif') no-repeat 100% 0px;
}

div.archivelevel {
		background : url('../images/interface/bullet_archive.png') no-repeat 100% 0px;
}

div.bpicelevel {
		background : url('../images/interface/bullet_bpice.png') no-repeat 100% 0px;
}

div.webonlylevel {
		background : url('../images/interface/bullet_webonly.gif') no-repeat 100% 0px;
}

div.authorname {
	float : left;
	margin : 0px 10px 0px 0px;
}
div.authorname a {
	color: #77BB99;
}

/* ADVERTISEMENT STYLES ----------------------------- --*/

div.adPadding {
	padding : 20px;
}

.adPaddingFB {
	padding : 0px 0px 0px 0px;
}

div.advertisement div.inlineImage {
	float : left;
	margin : 0px 20px 0px 0px;
	
}

div.textAdBorder {
	padding : 10px;
	border : 1px solid #e4e4e4;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.houseAd h2{
	font-size : 15pt;
	padding : 0px 20px 0px 0px;	
}

div.houseAd h3 {
	font-size : 11pt;
	color : #363539 !important;
	line-height : 11pt;
}

div.houseAd h4.learnMore{
	background : url('../images/interface/learnMoreLg.gif') no-repeat center left;
	padding : 0px 20px 0px 20px;	
}

div.houseAd h4.learnMore a {
	font-size : 12pt;
	line-height : 12pt;
}

div.facebookAd div.wordwrap {
	width : 140px;
	float : left;
}

div.facebookAd div.fbAd {
	width : 118px;
	float : left;
}

div.facebookAd h2{
	font-size : 12pt;
	padding : 0px 0px 0px 0px;	
	margin : 0px 0px 0px 0px;	
}

div.facebookAd h3 {
	font-size : 8pt;
	color : #363539 !important;
	line-height : 10pt;
	
}

div.facebookAd h4.learnMore{
	padding : 0px 20px 0px 20px;	
	background : url('../images/interface/learnMoreLg.gif') no-repeat center left;
}

div.facebookAd h4.learnMore a {
	font-size : 12pt;
	line-height : 12pt;
}


div.textWithImage h3.learnMore{
	background : url('../images/interface/learnMoreLg.gif') no-repeat center left;
	padding : 0px 20px 0px 20px;	
}

div.textWithImage h3.learnMore a {
	font-size : 12pt;
	line-height : 12pt;
}

.learnMoreCarats {
	font-weight : bold;
	color : #ffc222;
}

div.textAd {
	color : #707070;
	margin : 0px 0px 15px 0px;	
}

div.textAd h3.learnMore{
	background : url('../images/interface/learnMoreSm.gif') no-repeat center left;	
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
	padding : 0px 0px 0px 15px;
}

div.textAd p {
	margin : 0px 0px 2px 0px;
}

div.textAd h2 a {
	color : #00427a;
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
	margin : 10px 0px 10px 0px;
	padding : 0px;
}

.textadPadding {
	padding : 0px 20px 0px 20px;
}

div.textWithImage h3.learnMore{
	background : url('../images/interface/learnMoreLg.gif') no-repeat center left;
	padding : 0px 20px 0px 20px;	
}

.postContentFeature {
	height: 90px;
	width : 180px;
	margin : 0px 20px 0px 0px;
	float : left;
}

.postContentLeaderboard {
	height : 90px;
	/* width : 728px; */
	margin : 20px 0px 0px 20px;
}

.sharingTools {
	margin : 10px 0px 0px 0px;
	font-size: 10px;
}

.HEinfobox {
	padding : 20px;
	clear : both;
}

.summarySignIn{
	margin : 20px 0px 20px 0px;
}

.archiveCurrentIssueThumbnail {
	float : left;
	margin : 0px 20px 0px 20px;
	width : 215px;
	height : 275px;
}

.archiveThumb {
	float : left;
	margin : 0px 20px 0px 0px;
	width : 75px;
	height : 95px;
}

.archiveCurrentIssueThumbnail {
	float : left;
	margin : 0px 20px 0px 20px;
	width : 215px;
	height : 275px;
}

.archiveStubs {
	display : block;
	font-size : 11px;
	float : left;
	padding : 0px;
	margin : 3px 0px 0px 0px;
	list-style : none;
	width : 200px;
}

/* ARTICLE STYLES ----------------------------- --*/

div.article div.moreinfobox {
	background :  #ecf4f6 url('../images/interface/article_moreinfo_title.gif') repeat-x top left;
	width : 230px; /* changed from 240px */
	margin : 0px 0px 30px 30px;
	padding-bottom : 20px;
	float : right;
}

div.article ul.hebullets
{
	list-style-type: none;
	padding: 0px;
	margin: 40px 0;
}

div.article ul.hebullets li
{
	background-image: url(/images/interface/bullet_ul.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding: 0px 0px 0px 20px;
	margin : 2px 0px 2px 0px;
}

div.article div.authorbio {
	background: url(/images/interface/authorbio_bg.gif) no-repeat top left;
	background-color: #89B0C1;
	padding : 20px;
	width : 250px;
	float : right;
	margin : 0px 0px 20px 20px;
}

div.article div.authorbio img.headshot {
	float : left;
	margin : 0px;
	border : #727272 1px solid;
	width: 91px;
	height: 125px;
}

div.article div.authorbio div.headcaption {
	float : left;
	font-size : 11px;
	width : 127px; /* changed from 127px */
	padding-left : 20px;
	line-height: 16px;
}

div.article div.authorbio div.landscape {
	float : left;
	font-size : 11px;
	line-height: 16px;
	padding: 0 10px;
	margin-top: 10px;
	width: 230px;
}

div.article div.authorbio div.headcaption div.authorname {
	font-weight : bold;
	font-size : 14px;
	width: 100%;
}


div.article div.authorbox {
	background: #89B0C1 url(/images/interface/authorbio_bg.gif) no-repeat top left;
	padding : 20px;
	margin: 20px 0;
}

div.article div.authorbox img.headshot {
	float : left;
	margin : 0 20px 0 0;
	border : #727272 1px solid;
}

div.article div.authorbox p {
	font-size : 11px;
	line-height: 18px;
	font-style: italic;
}

div.article div.authorbox span.authorname {
	font-weight : bold;
	font-size : 15px;
	width: 100%;
}




div.article div.rightImage {
	float : right;
	margin : 0px 0px 20px 20px;
}

div.article div.pullquote {
	padding : 30px;
	font-weight : bold;
	font-size : 16px;
	line-height : 26px;
}

div.article div.contentboxRight {
	padding : 10px 20px 10px 20px;
	margin : 0px 0px 20px 20px;
	float : right;
	width : 220px;
}

div.article div.contentboxLeft {
	padding : 10px 20px 10px 20px;
	margin : 0px 20px 20px 0px;
	float : left;
	width : 220px;
}

div.article div.contentboxLeft p, div.article div.contentboxRight p {
	font-size : 11px;
	padding : 10px 0px 10px 0px;
	margin : 0px !important;
}

div.article span.inlineheading {
	font-weight : bold;
	color : #711a38;
}

div.article p.moreinfohead {
	height : 23px;
	font-size : 14px;
	font-weight : bold;
	color : #00734a;
	padding : 0px 0px 0px 22px;
	margin : 0px !important;
	background : url("../images/interface/learnMoreLg.gif") no-repeat left center;
}
	
div.article p.moreinfo {
	font-size : 11px;
	padding : 20px 20px 0px 20px;
	margin : 0px !important;
}

div.article p.authorbox {
	font-size : 11px;
	padding : 20px 20px 20px 20px;
	margin : 0px !important;
	clear: both;
	display: block;
}

div.article h4 {
	font-size : 11pt;
	margin-top : 30px;
	font-weight : bold;
	color : #6b342e;
	line-height : 11pt;
}

div.article h5 {
	font-size : 8pt;
	margin-top : 30px;
	font-weight : bold;
	color : #6b342e;
	line-height : 11pt;
	font-style : italic;
}

div.article p.intro {
	font-size : 11pt;
	margin-top : 30px;
	font-weight : bold;
	color : #6b342e;
}


div.article span.hemCloser {
	margin : 0px 0px 0px 0px;
}

div.article h1 {
	margin-top : 30px;
}

div.article h2.articleIntro {
	font-size : 10pt;
	margin-top : 20px;
}

div.article div.magazineCredits {
	margin : 0px 0px 0px 0px;
}

div.article div.articleMagThumb {
	float : left;
	margin : 0px 10px 0px 0px;
}

div.article div.articleMagCaption {
	margin : 5px 10px 0px 0px;
	font-weight : normal;
	line-height : 12px;
}

div.article span.chicklets {
	padding-left: 10px !important;
}

/* BLOG STYLES ***************************************************************** */

div.blogDate {
	border : 0px solid #a1a1a1;
	margin : 0px 0px 0px 0px;
	padding : 10px 5px 0px 10px;
	text-align : left;
	font-size : 10px;
}

div.blog h1 {
	margin : 10px 0px 5px 0px;
}

div.blog div.postedBy {
	font-size : 10px;
	color : #a1a1a1;
	margin : 0px 0px 20px 0px;
}

span.blogAuthor {
	font-weight : bold;
	color : #336633;
}

div.listImageBlog {
	float : left;
	margin : 0px 20px 30px 0px;
	padding : 0px !important;
	line-height : 10px;
}

div.blog img.blogThumb, div.blog div.blogThumb {
	float : right;
	margin : 5px 0px 20px 20px;
}
	div.blog div.blogThumb span.caption {
		font-size : 11px;
		color : #a1a1a1;
		display: block;
	}

div.blogHeader {
	height : 30px;
	margin : 10px 20px 0px 0px;
}

div.blogHeader div.blogHeaderItem{
	height : 30px;
	display: block;
	float : right;
	margin: 0px 0px 20px 0px;
	padding: 0px 23px 0px 0px;	
	line-height : 32px;
	font-size : 9px;
	color : #829bab;
}

div.blogHeader div.rss{
	background : url('../images/interface/rss_16.png') no-repeat 100% 50%;
}

div.twitter{
	background : url('/images/interface/twitter_16.png') no-repeat 100% 50%;
}

h2.underlinehead {
	border : 0px solid #7d8733;
	border-bottom-width : 1px;
	padding-bottom : 10px;
	margin : 30px 20px 10px 0px;
}

div.blogComment {
	margin : 20px 0px 10px 0px;
	font-size : 11px;
}

div.blogComment div.postedBy {
	float : left;
	width : 320px;
	margin : 0px 0px 10px 0px;
	font-size : 10px;
	color : #a1a1a1;
	font-weight : bold;
}

div.blogComment div.postedDate {
	float : left;
	width : 200px;
	margin : 0px 0px 10px 0px;
	font-size : 10px;
	text-align : right;
}


/* ICON STYLES ***************************************************************** */

.iconPDF {
    background : url('../images/interface/icon_pdf.gif') no-repeat 0px 3px;
}

.iconSubscriber {
	padding-right : 10px;
    background : url('../images/interface/bullet_protected.gif') no-repeat 100% 0px;
}

/* styles for form elements *********************************************************/


.formField {
  	font-family : Arial, Verdana, Helvetica, sans-serif;
  	font-size: 10px;
}

.textField {
  	font-family : Arial, Verdana, Helvetica, sans-serif;
  	font-size: 10px;
}

.floatLeft {
float : left;
}

.formField {
margin : 4px 0px 0px 5px;
height : 15px;
border : #1F4BA6 solid 1px;
}

/* HOME INTERACTIVE JQUERY SLIDESHOW */
#homeInteractive {
	width : 640px;
	height : 270px;
	margin : 0px;
	position : relative;
}

#homeInteractive ul.homeInteractiveContainer {
	margin : 0px;
	padding : 0px;
	width : 640px;
	height : 270px;
	margin : 0px;
	overflow : none;
}

div.containerGradient {
	position : absolute;
	top : 0px;
	left : 0px;
	margin : 0px;
	padding : 0px;
	width : 320px;
	height : 270px;
	margin : 0px;
	overflow : none;
	/* background : url('../images/homeInteractive/gradient.png') no-repeat top left; */
	background-color:#dfebeb;
	z-index : 500;
}

#homeInteractive ul.homeInteractiveContainer li {
	float : left;
	list-style : none;
	width : 640px;
	height : 270px;
}

.interactiveTitle {
	width : 225px;
	padding : 30px 0px 0px 40px;
	z-index : 1000;
	position : absolute;
}

#homeInteractive h1 {
	font-size : 26pt;
	font-weight : 26px;
	line-height :28pt;
	
}

#homeInteractive h3 {
	font-size : 20pt;
	font-weight : 20px;
	line-height :22pt;
	
}

#homeInteractive h2 {
	font-size : 16pt;
	padding : 0px 0px 0px 22px;
	background : url("../images/interface/learnMoreLg.gif") no-repeat left center;
}

#homeInteractive h2 a {
	font-weight : normal;
}

#homeInteractive p {
	font-size : 11px;
	color : #000000;	
}

ul#interactivePager {
	position : absolute;
	bottom : 5px;
	right : 15px;
	z-index : 999;
}

ul#interactivePager a {
	color : #54768b;
	font-size : 10px;
	height : 20px;
	line-height : 20px;
	display : block;
	margin : 0px 0px 0px 15px;
}

ul#interactivePager a {
	float : left;
}

ul#interactivePager a {
	height : 18px;
	width : 18px;
	line-height : 18px;
	text-align : center;
	font-size : 10pt;
	font-weight : normal;
	display : block;
	margin : 0px 5px 0px 0px;
	border : 1px solid #77BB99;
	background-color : #FFFFFF;
	color : #77BB99;
	text-decoration : none;	
}

ul#interactivePager a.activeSlide {
	border : 1px solid #FFFFFF !important;
	background-color : #77BB99 !important;
	color : #FFFFFF !important;
	text-decoration : none !important;
}

.articleDate {
	color: #00734A;
	font-weight: bold;
}

.magazineDate {
	font-weight: bold;
	margin-left: 20px;
}

/*.fullstory p:first-letter  { 
	color: #547180;
	font-size: 200%;
	display: block;
	float: left;
}*/

.caption {
	width: 100%;
	display: block;
	font-size: 80%;
	color: #969696;
}

/*** NAVIGATION MENU STYLE ***/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		99999;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			100%; /* match top ul list item height */
	z-index:		99999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	/*float:			left;*/
	/*margin-bottom:	1em;*/ 

			width : 940px;
			margin : 0 auto;
			clear : both;
			height : 25px;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	/*padding: 		.75em 1em;*/
	text-decoration:none;
}

		
		.sf-menu li a {
			display : block;
			/*height : 100%;*/
			/*line-height : 25px;*/
			color : #FFFFFF;
			font-weight : bold;
			font-size : 11px;
			padding : 7px 38px;
		}
		
		.sf-menu li ul li a {
			padding: 7px 20px;
			/*text-align: center;*/
			
		}
		
		ul.sf-menu li#right {
			width : 8px;
			height : 25px;
			padding : 0px;
		}
		
		ul.sf-menu li.spacer {
			width : 2px;
			height : 25px;
			background: #557484 url('../images/interface/bg_nav_buttons_spacer.png') no-repeat center top;
		}
			ul.sf-menu li ul {
				float : left;
			}
		
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
}

		.sf-menu li {
			height : 100%;
			float : left;
			display : block;
			position: relative; /*--Important--*/
		}
		.sf-menu li ul {
			position: absolute; /*--Important--*/
			top: 25px; left: 0;
			z-index: 99999;
			background: #ffffff url('../images/interface/bg_subnavigation.png') repeat-x; /*--Background gradient--*/
			padding: 20px 20px 20px;
			float: left;
			border : 1px solid #669900;
			display: none; /*--Hidden for those with js turned off--*/
			-moz-box-shadow: 1px 1px 1px #000;
  			-webkit-box-shadow: 1px 1px 1px #000;
  			box-shadow: 1px 1px 1px #000;
}
		.sf-menu li ul{
			list-style: none;
			margin: 0px;
			padding: 0px 0px;
			float: left;
		}
		
		.sf-menu li ul li { /*--Sub nav heading style--*/
			/*padding: 0;*/
			/*margin : 0px 10px 0px 0px;*/
			font-size: 1.3em;
			font-weight: normal;
			/*border : 0px solid #56768d;*/
			height: 100%;
		}
		
			.sf-menu li ul li a { /*--Sub nav heading link style--*/
				/*padding: 0px 0px 1px 0px;*/
				/*margin : 0px 0px 5px 0px;*/
				background-image: none;
				/*color: #7d173e;*/
				color: #333;
				font-weight : bold;
				border : 0px solid #dedede;
				border-bottom-width : 1px;
			}
			
			.sf-menu li ul li ul li a {
				color: #444;
			}
		
		.sf-menu li li li {
			clear: both;
			float: left;
		
			width: 100%; /*--Override parent list item--*/
			color: #363638;
		}
		
		.sf-menu li a:hover {
			/*text-decoration : none;*/
			/*background: #557484 url('../images/interface/bg_nav_buttons_down.png') center top*/;
			/*background-color: #678c9f;
			color: #fff;*/
		}
		
		.sf-menu li.navButtonUp {
			background: #557484 url('../images/interface/bg_nav_buttons.png') repeat-x center top;
		}
		
		.sf-menu li.navButtonDown {
			/*background: #557484 url('../images/interface/bg_nav_buttons_down.png') repeat-x center top;*/
			background-color: #678c9f;
		}
		
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration : none;
	background: #678c9f;
	color: #fff !important;
	/*background:		#CFDEFF;
	outline:		0;*/
}
.sf-menu li.navCorner:hover {
	background: none !important;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/interface/arrows-twotone-indexed.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('../images/interface/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* About Us */
.featuredtitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #00492B;
	line-height: 33px;
}

.featuredsmall {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #00492B;
}

#tableContent {
	width : 610px;
	margin : 20px 20px;
}

.whitecontent {
	color: white;
}

/* Subscribe */
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #0086C3;
	padding: 1px;
	border-top-color: #52832A;
	border-right-color: #52832A;
	border-bottom-color: #52832A;
	border-left-color: #52832A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.style1 {
    font-size: 8pt;
}

/* Search Page */
#searchContent {
	width : 580px;
	margin : 20px 40px;
}
	
#btn_search {
	width: 31px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/images/interface/sitetool_search_go.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.listBlock {
	float: left;
	margin: 0 2px;
}
	.listBlock p {
		padding: 0;
		margin: 0;
		text-align: center;
	}

.listAssociates {
	width: 185px;
	height: 120px;
	overflow: auto;
	border: 1px #7E8733 solid;
}
	.listAssociates ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.listAssociates ul li {
		padding: 0 3px;
		margin: 1px;
		line-height: 15px;
		color: #669900;
		font-size: 11px;
	}
	.listAssociates ul li a {
		font-size: 11px;
		font-weight: normal;
		margin: 0;
		/*color: #363539;*/
	}

.sortBy {
	/* float: right; */
	margin-right: 20px;
	text-align: right;
}
	.sortBy a {
		margin: 0 5px;
	}
	
#advSearchBlock {
	margin: 10px 0;
}
	#advSearch {
		border: 1px solid #7E8733;
		padding: 10px 20px;
	}
	
#filterSearchBlock {
	/*border: 1px black solid;*/
	padding: 10px 3px;
}
	.listAssociates ul li a.filtered {
		background-color : #ecf4f6;
		color : #53778d;
		font-size: 12px;
		font-weight: bold;
	}
	
	
/* RSS FEED */
.rssIconSmall {
    background: url("/images/interface/icon_rss_small.gif") no-repeat scroll 0 50% #FFFFFF;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 20px;
}

#sitetoolsSubscribe {
	width : 315px;
	background : url('/images/interface/icon_magazine.gif')no-repeat 0px 2px;
	right : 0px;
	position : absolute;
	height : 30px;
}

#sitetoolsSubscribe a.title {
	font-size : 11px;
	font-weight : bold;
	color : #7f8932;
	margin : 0px 0px 0px 40px !important;
	padding : 0px;
	display : block;
	width : 250px;
}

#sitetoolsSubscribe a.subtitle {
	font-size : 10px;
	color : #8e8e8e;
	margin : 0px 0px 0px 40px;
	padding : 0px;
	display : block;
	line-height : 10px;
}

.postArticleWidget {
	width : 50%;
	float : left;
}

.readMoreParent {
	display : block;
	line-height : 12px;
	margin : 10px 0px 0px 0px;
	clear : both;
	background : url('/images/interface/read_icon.gif')no-repeat 0px 2px;
	height : 30px;
	padding : 3px 0px 0px 30px;
}

ol#faqsblock li.question{
	margin-top : 15px;
	font-weight : bold;
	font-size : 14px;
	color : #57768b;
}

ol#faqsblock li.question div.answer{
	margin-top : 5px;
	font-weight : normal;
	list-style : none;
	font-size : 12px;
	line-height : 16px;
	color : #323232;
}



/* fix for old articles' author box */
div.side {
	float: right;
	margin: 20px 0 20px 20px;
}
div.left img {
	float: left;
	margin-right: 10px;
}

div.newsfeed {
	margin : 20px 0px 0px 20px;
}

div.newsfeed p.newsfeeditem {
	padding-left : 20px;
	font-size : 11px;
	line-height : 12px;
	display : block;
	margin : 10px 20px 0px 0px;
	background: url('../images/interface/bullet_feed.png') no-repeat 4px 2px;
}

div.newsfeed p.newsfeeditem a {
	color : #66AAAA;	
}

/* FONTS */

@font-face {
  font-family: 'AvenirLight';
  src: url('/fonts/AvenirLTStd-Light.otf');
}

div.contactPersonBlock {
	font-size : 11px;
	margin : 10px 40px 1px 0px;
	width : 230px;
	float : left;
}

.digitalFlip .hoverZoomLink{
	width: 45px;
}

.digitalFlip{
	float: left;
	width: 55px;
	margin-left: 5px
}

p.digitalDescrip{
	float: left;
	margin-left: 5px;
	width: 150px;
}

.survey-window{
	display: none;
}

.survey-window img.left{
	float: left;
	padding: 60px 20px;
}

.survey-window h1{
	color: #55758c;
	padding: 80px 35px 20px 340px;
	font-size: 220%;
}

.survey-window a{
	display: block;
	float: left;
	padding: 0px 30px;
}

.linkButton { 
     background: none;
     border: none;
     color: #000000;
     text-decoration: none;
     cursor: pointer;
	 padding : 0px; 
	 margin : -3px 10px 0px 0px;
	 font-family : Arial, Verdana, Helvetica, serif;
	 font-size:12px;
}

.linkButtonFooter { 
	background: none;
    border: none;
	color: #00724A;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px -3px;
	padding : 0px 0px 0px 0px;;
	text-align : left;
	line-height : 15px;
	text-decoration: none;
	font-family : Arial, Verdana, Helvetica, serif;
	cursor: pointer;
}

.linkButton:hover, .linkButtonFooter:hover { 
     text-decoration: underline;
}




/* Youtube Ad */

.youtube-ad{
	background-color: #f2f2f2;
	border: 1px solid #d7d7d7;
	text-align: center;
	float: left;
}

.youtube-ad__embed{
	position: relative;
}




.youtube-ad__description{
	padding: 15px 30px 20px 30px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.youtube-ad__title{
    display: block;
    font-weight: 700;
    font-size: 1.2em;
    color: #363636;
    margin: 10px 0 8px 0;
	line-height: 1.15em;
}

.youtube-ad__subtitle{
	color: #44749d;
	font-weight: 700;
	font-size: .8em;
	display: block;
}

.youtube-ad__cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	cursor: pointer;
	background-position-y: center;
}

.youtube-ad__cover:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background-color: #000;
	z-index: 0;
	opacity: .2;
}

.youtube-ad__embed .play{
	background-image: url('/images/interface/marquee-youtube-play-overlay.png');
	width: 62px;
	height: 62px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}


.youtube-ad__copy{
	color: #6a6a6a;
	display: block;
	    font-size: 0.9em;
    line-height: 1.3em;
}

.sidebarWidget a.youtube-ad__btn{
	    display: inline-block;
    padding: 10px 14px 10px 14px;
    background-color: #899cab;
    border-radius: 5px;
    color: #fff;
    font-size: .9em;
    margin-top: 10px;
	margin-bottom: 0;
	transition: all .15s ease;
}
.sidebarWidget a.youtube-ad__btn.gray{
background-color: #929292;
}

.sidebarWidget a.youtube-ad__btn.gray:hover{
		background-color: #7c7c7c;
	text-decoration: none;
}

.sidebarWidget a.youtube-ad__btn:hover{
	background-color: #728594;
	text-decoration: none;
}

#captcha {
	display: none;
}