/*************************************************************************************************************************

NSW Department of Environment and Climate Change
Education for sustainability (EFS) DotNetNuke skin CSS
Developed by Inventua - http://www.inventua.com - sales@inventua.com - 03 9750 0444

History 
Date        Who                   Ver     Comments
----------------------------------------------------------------------------------------------------------
18/10/2007	Anthony Glenwright    1.0	   Initial version

*************************************************************************************************************************/

.IE .containers
{
	/*  
    Important: This doesn't look like it does anything - but it prevents the TABLE elements rendered 
    by the events, etc modules from breaking out of the pane DIVs 
  */
	width: 100%;
}

/*
.container-content table
{
	width: auto!important;
}
*/

.containers-outer-wrapper
{
	border-right: solid 1px #ADBFCC; 
	margin: -16px 0 0 0;
	padding: 6px 0 8px 0;
	
}
* html .containers-outer-wrapper {padding: 20px 0 0 0; height: 1%;}

.container-content
{
	overflow: hidden;
}

.container-content p 
{
	font-size: 0.75em;
}
/* applying this to TD causes a multiplier effect when the */
/* TD contains .normal, .subhead, etc  */
.container-content table tr td
{
	font-size: 0.75em;
}
.container-content table tr td tr td, .container-content table tr td tr td tr td
{
	font-size: 1.0em;
}

/*  The 0.75em style for container-content P would "compound" if a P was already inside a .normal */
/*  element (defined in livingthing.css as .75em), (0.75 x 0.75 = 0.56), so we need to over-ride  */
/*  P's inside .normal */
.container-content .normal p, .container-content .normalred p, .container-content .normaldisabled p,
.container-content .normal table td, .container-content .normalred table td, .container-content .normaldisabled table td,
.container-content table td table
{
	font-size: 1em!important;
}

/* KW again */

.container-content .normal p.publicationid, .container-content .normal p.AboutLivingSustainably
{
	color: #999999;
	font-size: 0.9em !important;
}

.container-content .normal p.AboutLivingSustainably
{
	padding-top: 0.5em;
	line-height: 1.25em;
}

.container-content .normal p.photo-caption 
{
	font-size: 0.8em !important;
	color: #003782;
  	line-height: 1.2em; 
	xborder: 1px solid #cccccc;
}

.container-content .normal p.photo-credit, .container-content .normal p.photo-acknow
{
  font-size: 0.7em!important;/* kw */
  color: #003782;
  text-align: right;
}

.container-content .normal p.polaroid-acknow
{
	font-size: 0.75em!important;
	color: #003782;
	width: 100% !important;	
	text-align: left;
	margin: 0;
	padding-left: 40% !important;
}
* html .container-content .normal p.polaroid-acknow {font-size: 0.7em!important;}
*:first-child+html .container-content .normal p.polaroid-acknow {font-size: 0.7em!important;}

.container-content .normal p.polaroid-caption 
{
	font-size: 0.8em !important;
	color: #003782;
	line-height: 1.2em; 
	text-align: left !important;
	margin: 0 0 0.4em 0;
}
/* MAY NOT NEED BELOW ITEM? */
.photo-credit, .photo-acknow
{
  font-size: 0.6em!important;/* kw */
  line-height: 1.15em;
}

/* END KW */

.container-content .subhead, .container-content .subsubhead, .container-content .normaltextbox
{
	font-size: 1em!important;
}

.container-content .caption-border
{
	border: 1px solid #999;
	margin: 10px 0 5px 0;
}

/*.container-content .normal .call-out .body p {font-size: 2em;}*/

/*  The feedback module has a TD class="subhead" which we want to be .75em */
.container-content td.subhead
{
	font-size: 0.75em!important;
}

/* FORM LABEL fix */
.container-content .LoginPanel label {font-size: 1.15em !important;}

/*.container-content label {font-size: 1.15em !important;} */

/*  General use classes (used by multiple containers) */
.containers .blue
{
	color: #3e4c8f;
}

.containers .white
{
	color: white;
}

.containers .black
{
	color: black;
}

.containers .green 
{
	color: #44a12b;
}

.athome .container-heading, .athome .call-out .body .title h2, .athome .call-out .title .head
{
	color: #44a12b;
}

.atwork .container-heading, .atwork .call-out .body .title h2, .atwork .call-out .title .head
{
	color: #8899bb
}

.atplay .container-heading, .atplay .call-out .body .title h2, .atplay .call-out .title .head
{
	color: #b3a05b;
}

.about .container-heading, .about .call-out .body .title h2, .about .call-out .title .head
{
	color: #b1b22a;
}
.resources1 .container-heading, .resources1 .call-out .body .title h2, .resources1 .call-out .title .head
{
	color: #7994a7;
}
.projects .container-heading, .projects .call-out .body .title h2, .projects .call-out .title .head
{
	color: #00aaac;
}
.tips .container-heading, .tips .call-out .body .title h2, .tips .call-out .title .head
{
	color: #41ad49;
}

.projectsathome .container-heading
{
	color: #09b3b4;
}

.containers .aqua
{
	color: #09b3b4;
}

.aqua .container-content
{
	background-image: url(images/aqua-gradient.gif);
	background-repeat: repeat-x;
	padding: 0.7em 0.7em 0.7em 0.7em;
}

.containers .container-content
{
	/*  required because IE6 misinterprets the background color of .containers .heading as applying to this */
	/*background-color: white;*/
	line-height: 1.4em;
}

.containers .container-content h2, .containers .container-content h3, .containers .container-content h4, .containers .container-content h5
{
	line-height: normal;
} 
.containers .container-content h4, .containers .container-content h5
{
	/* added by kw for wykd H4/5 heading spacing */
	padding-bottom: 0.75em;
	padding-top: 0.25em;
}
.containers .container-content div
{
	/*  DNN inserts DIV tags around module content, this is to make them act like SPANS and prevent */
	/*  modules breaking out of their pane boundaries in Firefox */
	display: inline;
}

/*  And this makes module DIVs behave as normal... */
.containers .container-content div div, .containers .container-content div div div, .containers .container-content div div div div
{
	display: block;
}

.containers .heading .menu span
{
	width: 80px;
}

.containers .heading h3 span, .containers .heading h2 span
{
	/* [.containers .heading H2 span] added as WYKD containers had underline appearing under title */
	
	padding-bottom: 0px;/*kw removed 9px */
	padding-right: 9px;
	/*background-color: white; KW check this as it was for containers to not show line under title*/
}
.containers .heading
{
	/* all added to fix bug with horiz line showing under title */
	position:relative;
	z-index: 1;
}
.containers .heading h3
{
/* added by kw for wykd H3 heading spacing */
	padding-bottom: 0.75em;
	padding-top: 0.5em;
}

/*.containers .heading h2 {border-bottom: 1px solid #ADBFCC;}

.containers .heading h2 span 
{
	position: relative; 
	left: 0; 
	bottom: -0.6em; 
	padding: 0; 
	margin: 0; 
	background-color: #fff;
}*/


.containers .under
{
	z-index: -1;  /* used to indicate that other elements should overlay this one */
	margin-top: -0.2em;
}

.containers .left-margin
{
	margin-left: 0.65em; 
}

.containers .right-margin
{
	margin-right: 0.65em; 
}

.containers .top-margin
{
	margin-top: 0.75em;/* kw gap between text and topborder */
}

.containers .bottom-margin
{
	margin-bottom: 0.65em; 
}
* html .containers .bottom-margin {margin-bottom: 0.65em; }

.containers .bottom-padding
{
	padding-bottom: 0.65em; 
}

.containers .left-border
{
	border-left: solid 1px #adbfcc; 
}

.containers .right-border
{
	border-right: solid 1px #adbfcc; 
}

.containers .top-border
{
	border-top: solid 1px #adbfcc; 
}

.containers .bottom-border
{
	border-bottom: solid 1px #adbfcc; 
}

.left-border-aqua
{
	border-left: solid 1px #09b3b4; 
}

.right-border-aqua
{
	border-right: solid 1px #09b3b4; 
}

.top-border-aqua
{
	border-top: solid 1px #09b3b4; 
}

.bottom-border-aqua
{
	border-bottom: solid 1px #09b3b4; 
}

.top-minus-margin {margin-top: -12px;}
* html .top-minus-margin {margin-top: -14px; height: 1%;}

.top-minus-margin-border {margin-top: -8px;}

* html .ie-content-minus-margin {margin-top: -5px;}

.top-minus-margin h3 {padding-top: 15px !important; padding-bottom: 2px !important;}
* html .top-minus-margin h3 {padding-top: 14px !important; padding-bottom: 10px !important;}

.aqua-heading3 ul
{
	margin-left: 1.2em;
}

.rounded-aqua
{
	background-image: url(images/aqua-rounded.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0.5em;
	padding-top: 0.4em;
	/*height: 100%*/
}

.rounded-aqua-border
{
	background-image: url(images/aqua-rounded-border.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	/*height: 100%*/
}

.topborder-aqua 
{
	background-image: url(images/aqua-hborder.gif);
	background-repeat: repeat-x;
	background-position: top;
	/*height: 1.6em;*/
	padding-top: 2px;
	padding-bottom: 0;
	overflow: hidden;
}

.container-aqua-c3 .Heading
{
	width: 7.5em;
}

.topborder-aqua span
{
	display: block;
	padding-top: 0.25em;
}

.solid-aqua-background, .solid-aqua-background span
{
	background-color: #e6f4f5!important;
}

.solid-aqua
{
	background-color: #e6f4f5!important;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

.containers .actionButtons
{
	/*  clear: both causes this to take up a large vertical space in Firefox */
	/*clear: both;*/
	width: 100%;
	/*  
    This serves two purposes - first, to give the action buttons a place to live, and also to add a 25px
		bottom margin for all containers in this set.
  */
	height: 18px; /* ??? */
}

.containers .actionButtons-left
{
	text-align: left;
}

.containers .actionButtons-right
{
	text-align: right;
}


/*  Container-specific containers  */

/*  container: admin  */
.admin h1
{
	font-size: 1.1em!important;
}

.admin .container-content
{
	width: 97%;
	overflow: hidden;
}

.admin .container-content div
{
	/*  Another CSS style exists to render divs inline in container-content, but we don't want this in admin modules */
	display: block;
}

.admin .Settings, .admin .Settings table
{
	width: 100%!important;
}

.admin .Settings, .admin .Settings table td.SubHead
{
	width: 10%;
	white-space: nowrap;
}

.admin .Settings .NormalTextBox
{
	width: 290px!important;/*was 360px*/
}

.admin .container-content #dnn_ctr353_SiteSettings_tblAppearance .NormalTextBox,
.admin .container-content #dnn_ctr_ManageTabs_tblAppearance .NormalTextBox,
.admin .container-content #dnn_ctr406_ModuleSettings_tblAppearance
{
	width: 290px!important;/*was 360px*/
}

.admin .FileManager
{
	width: 900px!important;
}

.admin .container-content table
{
	margin: 0;
	font-size: 9pt;
}

.admin .container-content table td
{
	font-size: 9pt;
}

.admin .container-content .normal, .admin .container-content .CommandButton, .admin .container-content .NormalRed
{
  font-size: 9pt!important;
}

.admin .container-content .subhead
{
	white-space: nowrap;
	vertical-align: middle;
	padding-right: 10px;
	font-size: 9pt!important;
}

.admin .container-content .subhead .help
{
	text-decoration: none;
	display: block;
}

.admin .container-content .subhead br
{
	display: none;
}

.admin .container-content .Head, .admin .container-content .subhead, 
.admin .container-content input, .admin .container-content select
{
	font-size: 9pt;
}

/*****************************************************************************************************************
    container: section-banner  
 *****************************************************************************************************************/
.section-banner
{
		height: 132px;
		overflow: hidden;
		margin-bottom: 0.8em;
		margin-top:0.15em;
		position: relative;  /*  FF  */
}

.section-banner .title
{
	width: 40%;
	height: 132px;
}

.section-banner .title .head
{
	font-size: 1.7em;
	position: absolute;
	bottom: 6px;
	right: 60%;
	padding-right: 2%;
	padding-left: 4%;
	text-align: right;
}

.IE .section-banner .title .head
{
	width: 100%;
	padding-right: 4%;
}

.section-banner .rightcolumn
{
	width: 330px;  /*  Same as graphic, so text doesn't expand past graphic*/
	background-repeat: no-repeat;
	height: 132px;
	background-color: Transparent;
	position: absolute;
	top: 0;
	left: 40%;
}

.section-banner img
{
	position: absolute;
	/*z-index: -1;*/
}

.IE .section-banner img
{
	margin-top: -1px;
}

.section-banner .container-content
{
	background-color: transparent;
	font-style: italic;
	font-size: 1.66em;
	font-weight: bold;
	line-height: 1.35em;
	width: 330px;
	padding: 3px;
}

.section-banner .container-content p
{
	margin-top: 0;
	margin-bottom: 0.25em;
}

.section-banner .rightcolumn, .section-banner .rightcolumn .normal
{
	color: white;
}


/*****************************************************************************************************************
                container: page-banner  and DYK callout
 *****************************************************************************************************************/
 
.athome .call-out .body
{
	background-color: #e2eed3;
}
.atwork .call-out .body
{
	background-color: #e5e9f0;
}
.atplay .call-out .body
{
	background-color: #eee8d5;
}
.about .call-out .body
{
	background-color: #efefd5;
}
.resources1 .call-out .body
{
	background-color: #e5ebef;
}
.projects .call-out .body
{
	background-color: #dcefef;
}
.tips .call-out .body
{
	background-color: #e1f1e7;
}

.athome .call-out .body p, .atwork .call-out .body p, .atplay .call-out .body p, .about .call-out .body p, .resources1 .call-out .body p, .projects .call-out .body p, .tips .call-out .body p {font-size: 1.1em !important;}
* html .athome .call-out .body p, * html .atwork .call-out .body p, * html .atplay .call-out .body p, * html .about .call-out .body p, * html .resources1 .call-out .body p, * html .projects .call-out .body p, * html .tips .call-out .body p {font-size: 1em;}

/* quote styles */

/* quote style with image with quote title */

.quote-image {
	background: transparent url(images/icon_OpenQuote.gif) 0 0 no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;	
	color: #666666;
}

.quote-image .title {padding: 0 0 0 0; margin: 0;}

.quote-image h2
{
  font-size: 1em;
  color: #003782;
  margin: 0 0 0 35px;
  padding: 0;
  font-weight: bold;  
}

.quote-image .pad, .quote-image-no-title .pad, .quote-no-image .pad, .quote-no-base .pad{
	border-top: 3px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

/* quote style with image with no title */

.quote-image-no-title {
	background: transparent url(images/icon_OpenQuote.gif) 0 0 no-repeat;
	margin: 0 0 2em 0;
	padding: 20px 0 0 0;
	font-size: 1em;	
	color: #666666;
}

/* quote style with no image and quote style with no image with no base line */

.quote-no-image, .quote-no-base {	
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;	
	color: #666666;
}

.quote-no-base .pad{
	border-bottom: none;
}

/* Top/Tail box */

.call-out2
{
	margin-top: 0em;
	margin-bottom: 2em;
	position: relative;
}

.call-out2 .body
{
	padding: 0.05em 1em 0.4em 1.05em;
	border-top: 3px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

/* DYK box */
.call-out
{
	/*kw*/
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	position: relative;
}

.call-out .title
{
	/* to be done */
}

.call-out .title .head
{
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
}
.call-out .body .title h2
{
	margin-bottom: 0.5em;
}
.call-out .body
{
	background-color: #f5f5f5;
	padding: 0.5em 1em 0.6em 1.05em;
}
* html .call-out .body {padding: 0.05em 1em 0.7em 1.05em;}
*:first-child+html .call-out .body {padding: 0.05em 1em 0.7em 1.05em;}

.call-out .body .container-content
{
	font-family: monospace;
	line-height: 1.3em;
}

/*.call-out .body p{}*/

/*  container: sub-header  */
/*kw added: .strip-header-1, .strip-header-2, .strip-header-3 used for sitemap */
.sub-header, .strip-header-1, .strip-header-2, .strip-header-3
{
	width: 20em!important;
	height: 2.5em;
	background-repeat: repeat-y;
	background-position: right top;
	margin-bottom: 1em; /* gap at bottom of flag */
	margin-top: 0.5em; /*kw*/
	padding-left: 5px;
	padding-bottom: 2px;
	overflow: hidden;
}

.strip-header-1, .strip-header-2, .strip-header-3
{
height: 2.2em; /* narrower */
}

.sub-header .container-content, .strip-header-1 .container-content, .strip-header-2 .container-content, .strip-header-3 .container-content
{
	display: none;
}

.sub-header .title
{
	width: 16em;
	padding-top: 2px;
	/*height: 40px;*/
}

.IE .sub-header .title
{
	width: 14em;
}

.sub-header .title h2, .strip-header-1 .title h2, .strip-header-2 .title h2, .strip-header-3 .title h2
{
	margin: 0;
}

.sub-header .title h2 .head, .strip-header-1 .title h2 .head, .strip-header-2 .title h2 .head, .strip-header-3 .title h2 .head
{
	color: #414042;
	font-size: 0.9em!important;
	font-weight: 600;
	margin-right: 10px;
	width: 100%;
}

.strip-header-1 .title H2 .head, .strip-header-2 .title H2 .head, .strip-header-3 .title H2 .head
{
width: 50%;
margin-left: 0.5em;
vertical-align: middle;
}

.sub-header .graphic
{
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 0.4em;
	margin-bottom: 20px;
	padding-bottom: -20px;
	margin-top: 6px;
}
* html .sub-header .graphic {margin-top: 5px;}


.section-menu .athome .heading, .section-menu .athome .head
{
	color: #44a12b
}

.section-menu .atwork .heading, .section-menu .atwork .head
{
	color: #3e4c8f
}

.section-menu .atplay .heading, .section-menu .atplay .head
{
	color: #a49a61;
}

/*  Landing menu styles  */
.landing-menu 
{
	background-color: #e8f4e1;  
	width: 140px!important;	
	/*margin-left: 0.6em;*/
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	min-height: 590px;
	height: 590px;
	/*float: left;*/
}



.IE .landing-menu
{
	float: none;
}

.landing-menu .container-content span
{
	background-color: #e8f4e1;
}

.landing-menu .landing-childmenu
{
	background-image: url(images/folder_closed_blue.gif);
	background-repeat: no-repeat;
	background-color: #e8f4e1!important;  	
	background-position: 0 -3px;
	color: #3e4c8f!important;
	font-size: 0.7em;
	line-height: 1.2em!important;
	display: block;
	padding-left: 10px;
	padding-right: 0px;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 130px;
}


.landing-menu .landing-childmenu:hover, .landing-menu .landing-childmenu:active
{
	background-image: url(images/folder_closed_green.gif);
}

.landing-menu img
{
	margin: 0 0 10px 0!important;
}

.ie .landing-menu .landing-childmenu
{
	width: 130px;
}

.landing-menu img
{
	margin-bottom: 0.75em;  /*  margin between the image/icon and the content/menu items  */
}

.landing-menu .landing-childmenu:hover, .landing-menu .landing-childmenu:focus
{
	color: #44a12b!important;  /*  Green hover */
}

/*  Make the ">" arrows smaller then the heading text */
.landing-menu .heading 
{
	/*border-bottom: solid 0.3em white;	*/
	width: 140px;
	background-color: white;
	display: block;
	padding-bottom: 4px;
}

.landing-menu .heading .head
{
	color: #44a12b;
	font-size: 1.3em;
	vertical-align: middle;
	line-height: 1.5em;
}

/*  Heading colour control for landing menu.  The athome/work/play class is added by code in the landing menu container */
.athome .landing-menu .heading, .athome .landing-menu .heading .head
{
	color: #44a12b;
}

.atwork .landing-menu .heading, .atwork .landing-menu .heading .head
{
	color: #3e4c8f;
}

.atplay .landing-menu .heading, .atplay .landing-menu .heading .head
{
	color: #a49a61;
}


/* WHATS NEW */

.containers .whats-new
{

}

.containers .whats-new .heading h2 
{
  background-color: #44a12a;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.containers .whats-new .heading h2 .Head
{
  font-size: 1.0em;
  font-weight: bold;
  color: White;
  line-height: 1em;
}

/* BLACK HEADING */

.black-heading2 .heading h2
{
  margin-top: 0.5em!important;
	font-size: 1.05em!important;
}

.black-heading2 .container-content .normal
{
	font-size: 0.7em!important;
}

.black-heading2 .bottom-margin 
{
	margin-bottom: 25px!important;
}

/* ENEWS */

.eNewsLetterAbout .Heading
{
	overflow: hidden;
	height: 1.25em;
	background-repeat: repeat-y;
	background-position: right;
}

.blue .eNewsLetterAbout .Heading
{
	background-image: url(images/eNewsletterAbout-title-bg.gif);
	background-color: #85c5c4;
}

.khaki .eNewsLetterAbout .Heading
{
	background-image: url(images/eNewsletterArticle-title-khaki-bg.gif);
	background-color: #c7ca90;
}

.purple .eNewsLetterAbout .Heading
{
	background-image: url(images/eNewsletterArticle-title-purple-bg.gif);
	background-color: #b69fcc;
}

.eNewsletterAbout .Heading h2
{
	font-size: 1.0em;
}

.eNewsletterAbout .Heading .Head
{
	font-size: 0.80em;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.IE .eNewsletterAbout .Heading .Head
{
	vertical-align: middle;
}


.eNewsletterAbout .container-content
{
	margin-top: 9px;
}

.eNewsletterAbout .container-content p
{
	margin-bottom: 0.7em;
}

.eNewsletterIndexMenu .Heading
{
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	height: 1.25em;
}

.blue .eNewsletterIndexMenu .Heading
{
	background-image: url(images/eNewsletterIndexMenuBlue-heading-curve.gif);
	background-color: #cde5e5;
}

.khaki .eNewsletterIndexMenu .Heading
{
	background-image: url(images/eNewsletterIndexMenuKhaki-heading-curve.gif);
	background-color: #E2E5C8;
}

.purple .eNewsletterIndexMenu .Heading
{
	background-image: url(images/eNewsletterIndexMenuPurple-heading-curve.gif);
	background-color: #DDD4E9;
}

.eNewsletterIndexMenu .Heading h2
{
	font-size: 1.0em;
	color: black;
}

.eNewsletterIndexMenu .Heading .Head
{
	font-size: 0.80em;
	font-weight: 700;
}

.IE .eNewsletterIndexMenu .Heading .Head
{
	vertical-align: middle;
}

.eNewsletterIndexMenu .container-content
{
	padding-bottom: 2em;
	margin-bottom: 1em;
}

.blue .eNewsletterIndexMenu .container-content
{
	background-color: #ebf5f5;
}

.khaki .eNewsletterIndexMenu .container-content
{
	background-color: #F3F4E7;
}

.purple .eNewsletterIndexMenu .container-content
{
	background-color: #F2EEF6;
}

.eNewsletterIndexMenu .container-content a
{
	color: #58595b!important;
}

.blue .eNewsletterIndexMenu .container-content a:hover, .blue .eNewsletterIndexMenu .container-content a:active
{
	color: #4fb3b0!important;
}

.purple .eNewsletterIndexMenu .container-content a:hover, .purple .eNewsletterIndexMenu .container-content a:active
{
	color: #916eb0!important;
}

.khaki .eNewsletterIndexMenu .container-content a:hover, .khaki .eNewsletterIndexMenu .container-content a:active
{
	color: #b4ba6d!important;
}

.eNewsLetterArticleSummary
{
	clear: both;
}

.eNewsLetterArticleSummary .Heading
{
	background-image: url(images/eNewsletterArticleSummary-title-bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #9fd18c;
	overflow: hidden;
	height: 1.25em;
}

.eNewsletterArticleSummary .Heading h2
{
	font-size: 1.0em;
}

.eNewsletterArticleSummary .Heading .Head
{
	font-size: 0.80em;
	font-weight: 700;
}

.IE .eNewsletterArticleSummary .Heading .Head
{
  vertical-align: middle;
}

.eNewsletterArticleSummary .container-content
{
	margin-top: .2em;
	margin-bottom: .2em;
}

.blue .eNewsletterArticleSummary .container-content a
{
	color: #3da4a1!important;
}

.purple .eNewsletterArticleSummary .container-content a
{
	color: #916eb0!important;
}

.khaki .eNewsletterArticleSummary .container-content a
{
	color: #a5aa5e!important;
}

.eNewsletterArticleSummary .container-content a:hover, .eNewsletterArticleSummary .container-content a:active
{
	color: #003782!important;
}

.eNewsletterArticleSummary .container-content p
{
	margin-bottom: 0.7em;
}

.eNewsletterFeature
{
	overflow: hidden;
}
.eNewsletterFeatureL
{
	overflow: visible;
}
.eNewsletterFeature .Heading h2, .eNewsletterFeatureL .Heading h2
{
	font-size: 1.0em;
	color: black;
}

.eNewsletterFeature .Heading .Head, .eNewsletterFeatureL .Heading .Head
{
	font-size: 0.80em;
	font-weight: 700;
	vertical-align: middle;
}

.eNewsletterFeature .container-content, .eNewsletterFeatureL .container-content
{
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	min-height: 12em;
	height: 12em;
	overflow: hidden;
}

.container-content.medium 
{
	min-height: 15em !important ; 
	height: 15em !important;
}

.container-content.large 
{
	min-height: 20em !important ; 
	height: 20em !important;
}

.eNewsletterFeatureL .container-content {min-height: 14em !important; height: 14em !important;}

.eNewsletterFeature .container-content ul, .eNewsletterFeatureL .container-content ul
{
  list-style-type: none;
  margin: 0;
  list-style-image: none !important;
}

.eNewsletterFeature .container-content li, .eNewsletterFeatureL .container-content li 
{
	list-style-type: none;
	background: none;

}

.eNewsletterFeature .container-content a:link,
.eNewsletterFeature .container-content a:visited,
.eNewsletterFeature .container-content a:hover,
.eNewsletterFeature .container-content a:active,
.eNewsletterFeatureL .container-content a:link,
.eNewsletterFeatureL .container-content a:visited,
.eNewsletterFeatureL .container-content a:hover,
.eNewsletterFeatureL .container-content a:active
{
	color: #3e3e40!important;
}

/*.eNewsletterFeature .container-content a:hover
{
	color: #003782!important;
}*/

.blue .eNewsletterFeature .container-content a:link,
.blue .eNewsletterFeature .container-content a:visited,
.blue .eNewsletterFeature .container-content a:hover,
.blue .eNewsletterFeature .container-content a:active, 
.blue .eNewsletterFeature .container-content a:link .link-arrow, 
.blue .eNewsletterFeature .container-content a:visited .link-arrow, 
.blue .eNewsletterFeature .container-content a:hover .link-arrow, 
.blue .eNewsletterFeature .container-content a:active .link-arrow
{
	color: #3da4a1!important;
}

.purple .eNewsletterFeature .container-content a:link,
.purple .eNewsletterFeature .container-content a:visited,
.purple .eNewsletterFeature .container-content a:hover,
.purple .eNewsletterFeature .container-content a:active, 
.purple .eNewsletterFeature .container-content a:link .link-arrow, 
.purple .eNewsletterFeature .container-content a:visited .link-arrow, 
.purple .eNewsletterFeature .container-content a:hover .link-arrow, 
.purple .eNewsletterFeature .container-content a:active .link-arrow
{
	color: #916eb0!important;
}

.khaki .eNewsletterFeature .container-content a:link,
.khaki .eNewsletterFeature .container-content a:visited,
.khaki .eNewsletterFeature .container-content a:hover,
.khaki .eNewsletterFeature .container-content a:active, 
.khaki .eNewsletterFeature .container-content a:link .link-arrow, 
.khaki .eNewsletterFeature .container-content a:visited .link-arrow, 
.khaki .eNewsletterFeature .container-content a:hover .link-arrow, 
.khaki .eNewsletterFeature .container-content a:active .link-arrow
{
	color: #a5aa5e!important;
}

.eNewsletterFeature .container-content a .link-arrow
{
	font-weight: bold;
}

.eNewsletterFeature .Heading
{
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	height: 1.25em;
}

.eNewsletterFeatureBlue .Heading
{
  background-image: url(images/eNewsletterFeatureBlue-heading-curve.gif);
	/*background-color: #bac3d9;*/
}

.eNewsletterFeatureBlue 
{
	background-color: #bac3d9;
}

.eNewsletterFeatureBlue .container-content
{
	background-color: #edeff5;
}

.eNewsletterFeatureGreen .Heading
{
  background-image: url(images/eNewsletterFeatureGreen-heading-curve.gif);
	/*background-color: #c4e1b6;*/
}

.eNewsletterFeatureGreen 
{
 	background-color: #c4e1b6;
}

.eNewsletterFeatureGreen .container-content
{
	background-color: #eff7eb;
}

.eNewsletterFeatureKhaki .Heading
{
  background-image: url(images/eNewsletterFeatureKhaki-heading-curve.gif);
	/*background-color: #d5c9a0;*/
}

.eNewsletterFeatureKhaki
{
	background-color: #d5c9a0;
}

.eNewsletterFeatureKhaki .container-content
{
	background-color: #f3f1e4;
}

.eNewsLetterArticle .Heading
{
	background-repeat: repeat-y;
	background-position: right;
	overflow: hidden;
	height: 1.25em;
	position: relative;  /*  so we can use position: absolute in .eNewsLetterArticle .ParentPage */
}

.eNewsLetterArticle .ParentPage
{
	position: absolute;
	right: 4px;
	top: 3px;
	color: Black;
	font-size: 0.70em;
	font-weight: 700;
}

.eNewsLetterArticle .Heading .Head
{
	color: White!important;
}

.blue .eNewsLetterArticle .Heading
{
	background-image: url(images/eNewsletterArticle-title-blue-bg.gif);
	background-color: #85c5c4;
}

.purple .eNewsLetterArticle .Heading
{
	background-image: url(images/eNewsletterArticle-title-purple-bg.gif);
	background-color: #b69fcc;
}

.khaki .eNewsLetterArticle .Heading
{
	background-image: url(images/eNewsletterArticle-title-khaki-bg.gif);
	background-color: #c7c98f;
}

.eNewsletterArticle .Heading h2
{
	font-size: 1.0em;
}

.eNewsletterArticle .Heading .Head
{
	font-size: 0.80em;
	font-weight: 700;
	vertical-align: middle;
}

.eNewsletterArticle .container-content
{
	margin-top: 12px;
	margin-bottom: 11px;
}

.eNewsletterArticle .container-content ul
{
/*	display: inline; KW REMOVED for hanging style */
	margin-left: 0em;
	margin-top:1em;margin-bottom:1.5em; /*kw*/
}

.eNewsletterArticle .container-content ul li
{
	margin-left: 3em;
}

.blue .eNewsletterArticle .container-content a
{
	color: #4fb3b1!important;
}

.purple .eNewsletterArticle .container-content a
{
	color: #916eb0!important;
}

.khaki .eNewsletterArticle .container-content a
{
	color: #b4ba6d!important;
}

.eNewsletterArticle .container-content a:hover, .eNewsletterArticle .container-content a:active
{
	color: #003782!important;
}

/*.eNewsletterArticle .container-content p
{
	margin-bottom: 0.7em;
}*/

/* *********************** KW */
.container-content .tightw_fineprint, .vsmall
{
	font-size: 0.5em;
}