/* Formatting (layout, etc) styles for main coopamerica.org brand
 Content styles should be in a different stylesheet. */
 
/* BODY styles: default text size all over the site */
body { 
 /*background-color: #ECEBD1;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10pt; */
 /*should be font-size: 1em;*/ 

 background-color: #FFFFFF; /* f8f7f0 */
 margin: 0px auto;
 padding:0px;
 text-align:center;
 width: 780px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt; 
}

/*Accordion*/
#nestedAccordion {
    width: 575px;
}
#nestedAccordion h2, #nestedAccordion h3, #nestedAccordion div, #nestedAccordion ol, #nestedAccordion li {
    font-size: 1em;
    font-weight: normal;
    list-style: circle outside none;
    margin: 0;
    padding: 0;
}
#nestedAccordion div {
    color: #555;
    display: none;
    overflow: hidden;
}
#nestedAccordion h2 {
    background-color: #4b8cff;
    background-image: linear-gradient(to right, #5d9732, #80ad5e);
    border-radius: 5px 5px 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    margin-top: 5px;
    padding: 5px;
}
#nestedAccordion h3 {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5, #ededed);
    color: #000000;
    cursor: pointer;
    padding: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#nestedAccordion h3:hover {
    color: #000;
}
#nestedAccordion h3 + div {
    background-color: #f5f5f5;
    padding: 5px 5px 5px 30px;
}
#nestedAccordion li:hover {
    color: #000;
    cursor: pointer;
}

h3: behind {
	content: "\25bc";
	}
 
/* LINKS: default links all over the site */ 
a:link { 
 color: #0042a0; /* 15% darker /*  /* branded blue 004ebc */
 /*color: #0E0091;*/
 text-decoration: none;
}
a:hover { 
 color: #4f802b; /* 15% darker /*  /* branded green 5d9732 */
/* color: #A84802;*/
 text-decoration: underline;
}
a:visited { 
 color: #0042a0; /* 15% darker /*  /* branded blue 004ebc */
 /*color: #0E0091;*/
 text-decoration: none;
}
a:visited:hover { 
 color: #4f802b; /* 15% darker /*  /* branded green 5d9732 */
/* color: #A84802;*/
 text-decoration: underline;
}
/* google search links */
a.1 {
 margin-top: 14px;
 font-size: 16px;
 font-weight: bold;
} 
 
/* TEXT: default text styles all over the site */
p {
 margin: 0px 0px 12px 0px;
 padding: 0px 0px 0px 0px;
}
ul {
 margin-top: 0px;
 margin-bottom: 12px;
}
li {
 margin-bottom: 9px;
}
 
/* top navigation */
#topNavCell { 
 color: #000000;
 text-align: right;
 font-size: 11px; 
 /*
 width: 585px;
 height: 15px;
 background-color: #2D357B;
 background-image: url(/images/topnav_large_bg.gif);
 background-repeat: repeat-y;
 font-weight: bold;
 */ 
 font-weight: normal; 
 position:absolute;

 bottom:38px;
 right: 0px;
 font-style:italic;
} 
#topNavCell a:link { 
 color: #000000;  /* ECEBD1 */ 
 text-decoration: none;
}
#topNavCell a:hover { 
 color: #4f802b;  /* white */
 text-decoration: none; /* underline; */
}
#topNavCell a:visited { 
 color: #000000;  /* ECEBD1 */ 
 text-decoration: none;
}
#topNavCell a:visited:hover { 
 color: #4f802b;  /* white */
 text-decoration: none; /* underline; */
}
  
/* primary top navigation */
#primaryNavCell {
 width: 782px;
 font-family: Arial, Helvetica, sans-serif;
 height: 30px;
 font-size: 18px;
 color: #FFFFFF;
 font-weight: normal; 
 position:absolute;
 

 bottom:0px;
 left:0;
 
 background-image: url(/images/header/site-nav-background.png);
 background-repeat:repeat;
}

#primaryNav {
	list-style-type: none;
	height: 30px;	
	margin: auto;
	padding:0;
	
}

#primaryNav li {
	float: left;
	margin:0;
	position:relative;
}

#primaryNav a {
	padding: 0 15px;
	/*background-image: url(/images/header/site-nav-divider.png);
	background-repeat: no-repeat;
	background-position: right;*/
	border-left:#cee0c1 1px solid;
	display: block; /* makes the whole block clickable (instead of just the text */
	line-height: 30px;
	text-decoration: none;
	color:#FFFFFF;
}

#primaryNav li:hover {
	/*background-image: url(/images/header/site-nav-background-hover.png);
	background-repeat:repeat-x;	*/
	background-color: #5d9732;
} 

/* dropdown styles */
#primaryNav ul {
	border-style: solid;
	border-color: #5d9732; /* 30% branded green #cee0c1*/
	border-width: 1px;
	background: #FFFFFF;
	padding: 0px;
	font-size: 15px;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#primaryNav ul li{
	float:none;
}
#primaryNav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	
	padding:0px 5px;
	color:#000000;
	background-image:none;
}
/* Display the dropdown on hover */
#primaryNav li:hover ul, #primaryNav li.sfhover ul { /* this sfhover comes from javascript function because li:hover doesn't work in IE6 (and 7?) */
	left:0; /* Bring back on-screen when needed */
	z-index:100000;
}
#primaryNav li:hover ul a{
	text-decoration:none;
}
#primaryNav li:hover ul li a:hover{ 
	color: #FFFFFF;
	background-color: #5d9732; /* 5d9732  30% branded green #cee0c1*/
/*	font-weight: bold;*/
}

#primaryNav li:hover {
	/*background-image: url(/images/header/site-nav-background-hover.png);
	background-repeat:repeat-x;	*/
	background-color: #5d9732;
} 

/* Donate dropdown styles */
#topDonateCell {
  margin-top:10px;
  width: 136px;
  height: 50px; 
  float:right; 
  bottom:0px;
  left:0;  
 }
#DonateNav {
  list-style-type: none;
  padding:0;  
  font-family: Arial, Helvetica, sans-serif;
  height: 50px;
  font-size: 0.1px; /*28px;*/
  font-weight: bold; 
  position:relative;
  /*color: #ffd200;
  background: #004ebc; */
  color: #FFFFFF;
  background: #f69322; 
  background-image: url(/images/header/donate-button.png);
  background-repeat: no-repeat;
}
#DonateNav li {
  position:relative;
}
#DonateNav a {
  display: block; /* makes the whole block clickable (instead of just the text */
  line-height: 50px;
  text-decoration: none;
  
 /* color:transparent;
  opacity: 0;*/
}
#DonateNav ul {
  border-style: solid;
  /*border-color: #004ebc; /* branded blue   */
  border-color: #f69322; 
  border-width: 1px;
  background: #FFFFFF;
  padding: 0px; 
  margin: 0px;
  font-size: 15px; 
  font-weight: normal;    
  list-style: none;
  position: absolute;
  left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  width:150px;
}
#DonateNav ul li{
  float:none;  
}

#DonateNav ul a{
  white-space:nowrap; 
  /*padding:0px 0px 0 0;*/
  padding:0px 5px;  
  color:#000000;
  background-image:none;
  text-align: left; 
  line-height:30px;  
}
/* Display the dropdown on hover */
#DonateNav li:hover ul, #DonateNav li.sfhover ul { /* this sfhover comes from javascript function because li:hover doesn't work in IE6 (and 7?) */
	left:0; /* Bring back on-screen when needed */
	z-index:100000;
}
#DonateNav li:hover ul a{
	text-decoration:none;
	display:block;
}
#DonateNav li:hover ul li a:hover{ 
	font-weight: bold;
	/*color: #ffd200;  
	background-color: #004ebc; /* branded blue */
	color: #FFFFFF;
  	background: #f69322; 
}
#DonateNav li:hover ul li {
	margin:0;
}




#primaryNavCell #donate {
	/*height:45px;*/
	line-height:45px;
	vertical-align:top;
	font-size: 17px;	
	padding: 0 0px;
	float:right;
	margin:-10px 0 0 0;
	/*position:relative;*/
	z-index:100;	
	font-weight:bolder;
	background-image: url(/images/header/site-nav-background-donate-full.png);
	width:80px;
}	

#primaryNavCell #donate a {
	text-decoration: none;
	color: #004ebc;
/*	text-shadow:0.08em 0.08em 0.1em white;
*/	display: block;
	padding: 0 5px;
	font-weight:bolder;
}
#primaryNavCell #donate a:hover {	
	background-image: url(/images/header/site-nav-background-donate-hover.png);
	background-repeat:repeat-x;
}



/* OLD Menu styles before 08/2012 Shireen */

/* MENUS */
/* Styles for all menu items */
#menuItem {
 font-size: 14px;
 color: black;
 z-index: 99; 
}
#menuItem a {
 display: block;
 background: transparent;
 color: black;
 text-decoration: none;
 padding:3px 3px 3px 3px;
}
#menuItem a:visited {
 display: block;
 color: black;
 text-decoration: none;
}
#menuItem a:visited:hover {
 color: #FFFFFF;
 background-color: #004ebc; /* 5d9732 /* 30% branded green #cee0c1*/
}
#menuItem a:hover {
 color: #FFFFFF;
 background-color: #004ebc; /* 5d9732  30% branded green #cee0c1*/
}
.menuDropDown {
 position: absolute;
 visibility: hidden;
 border-style: solid;
 border-color: #5d9732; /* 30% branded green #cee0c1*/
 border-width: 1px;
 background-color: white;
 padding: 0px;
 z-index: 99;
 text-align:left;
}

#leftColumnCell {
padding-top:20px !important;

}
#largeRightContentCell {
padding-top:20px !important;

}
 
/* Begin specific menus */
#AboutMenu {
 top: 130px;
 left: 240px;
}
#ProgramsMenu {
 top: 130px;
 left: 337px;
}
#BizMenu {
 top: 130px;
 left: 440px;
}
#PubsMenu {
 top: 130px;
 left: 582px;
}
#BlogMenu {
 top: 130px;
 left:608px;	
}
#TakeActionMenu {
 top: 130px;
 left: 815px;
}
#SupportUsMenu {
 top: 134px;
 left: 938px;
}
/*#SocialInvestMenu {
 top: 149px;
 left: 540px;
} 
#MemberCenterMenu {
 top: 149px;
 left: 654px;
 width: 120px;
}*/


#PopularMenu {
 top: 264px;
 left: 10px;
}
#TopicsMenu {
 top: 236px;
 left: 10px;
}


/*  NOT USED ANYMORE, as of header redesign August 2012, Shireen.

.navItem {
 float:left;
 line-height:30px;
 padding:0px 15px;
 vertical-align:middle;
}
.navItem-donate {
 background-image: url(/images/header/site-nav-background-donate.png);
 background-repeat:repeat-x;
 float:right;
 padding:0px 4px 0px 3px;
 vertical-align:middle;
 font-weight: bold; 	
 font-size: 17px;
 height:45px;
 line-height:40px;
 margin-top: -8px;
 color: #004ebc;
 text-shadow:0.08em 0.08em 0.1em white;
 
}

.navItem a:link { 
 color: white;
 text-decoration: none;
}
.navItem-donate a:link {
 color: #004ebc;
 text-decoration: none;
}
.navItem a:hover { 
 color: #FFCB00;
 text-decoration: none;
}
.navItem-donate a:hover {
 color: #FFFFFF;
 text-decoration: none;
}
.navItem a:visited { 
 color: white;
 text-decoration: none;
}
.navItem-donate a:visited {
 color: #004ebc;
 text-decoration: none;
}
.navItem a:visited:hover { 
 color: #FFCB00;
 text-decoration: none;
}
.navItem-donate a:visited:hover {
 color: #FFFFFF;
 text-decoration: none;
}*/
 
/* Used in different nav rows */
.divider { 
  font-weight: normal;
/* font-family: Arial, Verdana, sans-serif;*/ 
  font-size: 8px;
}
 
/* left column */
#leftColumnCell { 
 width: 170px;
 vertical-align: top;  
 padding: 0px 10px 5px 10px;
}
 
/* main/center column */
#centerColumnCell { 
 width: 390px;
 vertical-align: top;   
 padding: 5px 15px 5px 15px;
}
 
/* main/large right content cell - for many interior pages */
#largeRightContentCell {
 width: 580px;
 vertical-align: top;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}
 
/* right column */
#rightColumnCell { 
 width: 170px;
 vertical-align: top; 
 padding: 5px 10px 5px 10px;
}
  
/* breadcrumb area */
#breadcrumbCell { 
 color: #777777;
 padding: 5px 5px 5px 5px;
 font-size: 9px;
}
#breadcrumbCell .dimText { 
 color: gray;
 font-weight: bold;
}
#breadcrumbCell strong {
 color: #000000;
 font-weight: normal;
}
#breadcrumbCell a:link {
 color: #555555; 
 text-decoration: none;
}
#breadcrumbCell a:visited {
 color: #555555; 
 text-decoration: none;
}
#breadcrumbCell a:hover {
 color: black;
 text-decoration: underline;
}
#breadcrumbCell a:visited:hover {
 color: black;
 text-decoration: underline;
}
 
/* search form */
#searchBoxContainer { 
 margin: 0px auto 0px auto;
 padding:0px;
 height:20px;
 width:170px; 
 position: relative; /* for IE to go along with styles on contained elements */
 
}
.searchField {
 width: 146px;
 line-height:15px; /* make sure set this for IE*/
 /* z-index: 1;
 font-family: Verdana, arial, sans-serif;
 background-color: #f9fdf3; */ /* white */ 
 height: 15px;
 margin: 0px -5px 0px 0px;
 vertical-align:middle;
 position: absolute;top:0;left:0; /* for IE to go along with style on containing element */
}
.searchFieldPlain {
 width: 250px;
 font-size: 11px;
 /*font-family: Verdana, arial, sans-serif;*/
 background-color: #f9fdf3; /* white */
 border-style: solid;
 border-color: #333333;
 border-width: 1px;
 margin: 0px 1px 0px 0px;
 padding: 2px;
 z-index: 1;
 vertical-align:top
}

.searchLabel { 
 color: #007E3A;
 font-size: 10px;
 font-weight: bold;
}
.searchButton {
 font-size: 10px;
 /*font-family: Verdana, arial, sans-serif;*/
 height: 20px;
 margin: 0px;
}
.formBottomSpace { 
 padding-bottom: 8px;
}
 
/* left nav features */
#leftNavFeature {
 color: #007E3A;
 font-size: 10px;
 font-weight: bold;
}
#leftNavFeature a:link {
 color: #007E3A;
 font-size: 10px;
 font-weight: bold;
}
#leftNavFeature a:visited {
 color: #007E3A;
 font-size: 10px;
 font-weight: bold;
}
 

/* nav drop down menus */
.navDropDown {
 width: 160px;
 font-size: 10px;
 /*font-family: Verdana, arial, sans-serif;*/
 background-color: white;
 border-style: solid;
 border-color: #cee0c1; /*A84802*/
 border-width: 1px;
 z-index: 1;
}
 
/* Toolbox (printer-friendly, email to a friend, etc) */
#ToolboxCell {
 padding: 5px 0px 0px 5px; 
 font-size: 10px;
 text-align:left;
 margin-bottom:-10px;
}
#ToolboxCell a:link {
 color: black;
 text-decoration: none;
}
#ToolboxCell a:visited {
 color: black;
 text-decoration: none;
}
#ToolboxCell a:hover {
 color: black;
 text-decoration: underline;
}
#ToolboxCell a:visited:hover {
 color: black;
 text-decoration: underline;
}
 
/* Footer */
#footer {
  font-size: 12px;
  width: 800px;
  padding-top: 15px;
  text-align: center;
  clear:both;
  margin:0px 0 0 -5px;
  border-top: #cee0c1 solid 1px;
}

#footernavigation {
	font-size: 14px;	
}

#footer a:link {
 color: #5d9732;
/* color: #A84802;*/
 text-decoration: none;
 font-weight:bold;
}
#footer a:hover {
 color: #5d9732;
/* color: #A84802;*/
 text-decoration: underline;
 font-weight:bold;
}
#footer a:visited {
 color: #5d9732;
/* color: #A84802;*/
 text-decoration: none;
 font-weight:bold;
}
#footer a:visited:hover {
  color: #5d9732;
/* color: #A84802;*/
 text-decoration: underline;
 font-weight:bold;
}
 
/* content cell for popup windows */
#popupContentTable {
 vertical-align: top;
 border-style: solid;
 border-width: 1px;
 border-color: #5d9732;
 background-color: white;
 padding: 5px;
 text-align:left;
 width:530px;
}
 
/* IMAGES: Inline Image Classes */
img.InlineImageLeftNoBorder {
 margin: 0px 6px 0px 0px;
}
img.InlineImageRightNoBorder {
 margin: 0px 0px 0px 6px;
}
img.InlineImageLeftBorder {
 border: 1px solid #cee0c1; /*A84802*/
 margin: 0px 5px 0px 0px;
}
img.InlineImageRightBorder {
 border: 1px solid #cee0c1; /*A84802*/
 margin: 0px 0px 0px 5px;
}
img.InlineImageLeftDimBorder {
 border: 1px solid gray;
 margin: 0px 5px 0px 0px;
}
img.InlineImageRightDimBorder {
 border: 1px solid gray;
 margin: 0px 0px 0px 5px;
}
 

 
 
/* Updated for facelift 2012-09  (and moved here from programs.css because using same style for other sections */
#ProgramsHeader {
 	padding: 0px;
	/*margin: 0px;
	width: 578px;
	height:74px;
	max-height:74px;	*/
	margin: 0px 0px 18px 0px;
}
#ProgramsHeader a {
	text-decoration:none;
}
#ProgramsHeader h1 {
	padding:0px;
	margin:0px 0 0px 0;
}
#ProgramsHeader h1.heading {
	font-size:30px;
	/*text-shadow: black 0.08em 0.08em 0.1em;*/
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0px;
}
#ProgramsHeader #heading { /* this is for the span.  need this so background only is behind text and not across whole page*/
	padding:5px 15px;
	display:inline-block;
	margin:0;
}
#ProgramsHeader h1.subheading {
	text-shadow:none;
	font-style:italic;
	margin:2px 0 0 0;
	padding:0;
	.margin-top: -7px; /*IE hack*/ 
}

#ProgramsHeader .greenbusiness {
	background-color:#115C1F;
/*	background-image: url(/images/greenbusiness/greenBusinessHeaderBackground.png);	*/
}
#ProgramsHeader .sweatshops {
	/*background-image: url(/images/programs/sweatshops/sweatshopsHeaderBackground.png);*/	
	background-color:#2C91B2;
}
#ProgramsHeader .fairtrade {
/*	background-image: url(/images/programs/fairtrade/fairtradeHeaderBackground.png);	*/
	background-color:#4B2363;
}
#ProgramsHeader .socialinvesting {
	/*background-image: url(/images/socialinvesting/socialinvestingHeaderBackground.png);*/
	background-color:#325499;	
}
#ProgramsHeader .climate {
	/*background-image: url(/images/programs/climateaction/climateHeaderBackground.png);*/	
	background-color:#5d9732;
}
#ProgramsHeader .newsroom {
	background-color:#2E367E;
} 
#ProgramsHeader .facesofgreenpages {
	background-color:#115C1F;
}
 
#ProgramsHeader .sriguide {
	background-color:#E3A60F;
	font-size:28px;
}
#ProgramsHeader .shopunshop {
	background-color:#246e6c;
}
 
 
/* left subnav */
.subnav { 
 /*font-family: Arial, Helvetica, sans-serif; */
 font-size: 11px; 
 margin: 15px auto 0px auto;
/* .margin-top: 0px;*/ /*IE hack*/ 
 border: solid #cee0c1 1px; /*A84802*/
 width: 168px; 
 text-align:left;
}
.subnavitems { 
 border-top: solid #cee0c1 1px; /*A84802*/
 width: 168px; 
 color: white;
 /*height: 14px;*/
}
a.level1 { 
 font-weight: normal; 
 color: white;  
 padding: 4px 0 4px 8px; 
 display: block; 
 text-decoration: none; 
}
a.level1:link {
 background: white; 
 color: black; 
 text-decoration: none;
} 
a.level1:visited {
 background: white; 
 color: black; 
 text-decoration: none;
} 
a.level1:hover {
 background: #5d9732; /*5b6faf*/
 color: white; 
 text-decoration: none;
}
a.level2 { 
 font-weight: bold; 
 color: white; 
 padding: 4px 0 4px 21px; 
 display: block; 
 text-decoration: none;
}
a.level2:link {
 background: white; 
 color: black; 
 font-weight: normal; 
 text-decoration: none;
} 
a.level2:visited {
 background: white; 
 color: black; 
 font-weight: normal; 
 text-decoration: none;
} 
a.level2:hover {
 background: #5d9732; /*5b6faf*/
 color: white; 
 font-weight: normal; 
 text-decoration: none;
}
a.level2current {
 font-weight: bold; 
 color: white; 
 background: #5d9732; /*5b6faf*/
 padding: 4px 0 4px 21px; 
 display: block; 
 text-decoration: none;
}
a.level2current:link {
 color: white;
} 
a.level2current:hover {
 color: white;
 text-decoration: none;
} 
a.level2current:visited {
 color: white;
} 
a.level2current:visited:hover {
 color: white;
 text-decoration: none;
} 
a.level3 { 
 font-weight: normal; 
 color: black; 
 padding: 4px 0 4px 34px; 
 display: block; 
 text-decoration: none;
}
a.level3:link {
 color: black;
 background: white; 
 text-decoration: none;
}
a.level3:visited {
 background: white; 
 color: black;
 text-decoration: none;
} 
a.level3:hover {
 background: #5d9732; /*5b6faf*/
 text-decoration: none;
 color: white; 
}
a.level3current {
 font-weight: normal; 
 color: #FFFFFF; 
 background: #5d9732; /*5b6faf*/
 /*height: 15px; */
 padding: 4px 0px 4px 34px;
 display: block; 
 text-decoration: none; 
}
a.level3current:visited {
 color: #FFFFFF;
 text-decoration: none;
} 
a.level3current:hover {
 background: #5d9732; /*5b6faf*/
 text-decoration: none;
 color: #FFFFFF; 
}
div.spacer {
 clear: both;
}
div.level3arrow {
 float: left; 
}
div.level3text {
 float: left;
 width: 134px;
 color:#FFFFFF;
}
 

/* form-only settings */
input.disabled {
 background-color: #EEEEEE;
 color: gray;
}
input.enabled {
 background-color: inherit;
 color: inherit;
}
.invisible {
 visibility: hidden;
 display:none;
}
.visible { 
 visibility: visible;
}
/* Bookmarking/Share Toolbox used on pages */
.BookmarkToolboxCell {
 padding: 0px 0px 0px 0px; 
 float: right;
 width: 150px;
 margin-top:10px;
}

/* div in include file of actual share button code */
#shareButtons {
	text-align:center;
	/*width:170px;*/	
	margin:0px 5px 0px 5px;
}

/* div in include file of actual share button code for large buttons to use front and center on a confirmation page */
#shareButtons-big {
	margin:0px;
	max-width:260px;
	max-height:50px;
}



#emailsignup {
	margin: 0px auto;
	padding:0px;
	height:20px;
	width:160px;
	vertical-align:top;	
	/* position: relative; for IE to go along with styles on contained elements */
}
#signupField {
	width: 110px;
	line-height:18px; /* make sure set this for IE*/
	height: 18px;
	margin: 0px 0px 0px 0px;
 	vertical-align:top;
	 /* position: absolute;top:0;left:0;for IE to go along with style on containing element */
}
#signupButton {
	margin: 0px 0px 0px -5px;
	 /*position: absolute;top:0;right:0;  for IE to go along with style on containing element */
}







/* Use this for portions of the page that you do not want to display initially.  Put them in a div tag with class collapsible.  To show the parts, an input element has to call a javascript function when clicked.  See DirectoryListingEdit.cfm for an example. */
.collapsible {
   display:none;
}

.caption {
	font-size:80%;
	text-align:left;
	float:left;
	margin:0 10px 10px 0;
}


.dividerHorizLine {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	margin:0 20px 0 20px;
}

.dividingLine-mainBody {
	border-top:1px dotted #5d9732;width:350px;margin-left:100px;
}


a.Heading2B:link, a.Heading2B:visited {
	color:#5d9732;
}
a.Heading2B:hover { 
 color: #0E0091;
 text-decoration: underline;
}
a.Heading2B:visited:hover { 
 color: #0E0091;
 text-decoration: underline;
}



.roundedCorners {
 	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.right {
	float:right;
}

.centerText {
	text-align:center;
}

.left {
	float:left;
}



.textbox-shaded {	
	background-image: url(/images/callouts/textbox-background-shaded.png);
	background-repeat:no-repeat;	
	border:none;
	border:0; 
	font-size:9px;
 	padding: 2px 2px 0px 5px;
	color: gray;
	height:20px;
}




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

/* New styles for new look of website.  Shireen Karimi 2/2012 */

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


/* for div that holds entire page */
#pageContainer {
	width: 780px;
	margin:0px;
	padding:0px;
	text-align:left;
}


/* for div that holds top banner header */
#headerContainer {
	padding:0px;
	text-align:left;
	margin:0px;	
	width:780px;
	height:145px; /* 130*/
	position:relative;
	background-color: white;
	z-index:100000; /* add this for IE.  it doesn't render z-index properly.  need this so the dropdown (even though z-index also specified there) will go in front of search box and slider Shireen 2012-09 */
}


/* for div that holds main body after top banner header */
#bodyContainer {	
 	background-color: white;
	/*border-style: solid;
	border-width: 1px;
	border-color: #cee0c1; */ /* 30% branded green */  /*5d9732 A84802 */
	
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: top;
	text-align:left;	
	/*float:left;	*/
	width: 780px;
	position:575; /*add this to stays with headerContainer */
}



/* for div that holds main center body of page including page header (if any) and next to left sidebar */
#bodyContentContainer {
	margin: 0px;
	padding: 0 0px 5px 10px;
	float:right;
	width:585px;
	position:relative;	
}

/* for div that holds main body of page including page header (if any), with no left sidebar */
#bodyContentContainer-nosidebars {
	padding: 0 0px 5px 0px;
	width:780px;
	
}


.calloutRight {
	float:right;
	/*width:170px;*/
	margin:0px 0 0 5px;	
	padding:0px;
	
}

#sidebarLeft {
	width:180px; /* really 170px worth of stuff with 5px of padding on each side */
	float:left;
	padding: 0 0px 5px 0px;
	margin: 0px;	
	text-align:center;
}



/* Not used in many pages */
.calloutLeft {
	float:left;
	margin:0px 5px 0 0;
	padding:0px;
}


/* ---------------  styles for layout with three columns ------------- */

/* NOT FINAL!!!!!  NEEDS SOME WORK  */

/* this holds the left sidebar and main center section */
#bodyContentContainer-ThreeColumnLayout {
	/*margin: 0px 0px 0px 0px;*/
	float:left;	
}
#centerContent-ThreeColumnLayout {
	float:right;
	width:420px;
	padding: 10px;	
}

#sidebarRight {
	width:170px;
	float:left;
	
}
/*#centerContentWithLeftSidebar {
	float:left;
	width:420px;
}

#centerContentWithoutLeftSidebar {
	
}*/
/* END styles for 3-column layout */




.padded-leftbottom {
	padding-left: 5px;
	padding-bottom: 5px;
}





/* 
++++++++++++++++++++++++ TEMPORARY ++++++++++++++++++++++++++++++

to put our whole website in the center of the page.  Just use temporarily until entire website is updated.  Then we can just set this in the body definition itself - at the top of this CSS file 

*/
.bodyCentered { 
 background-color: #ECEBD1;
 margin-left: auto;
 margin-right: auto; 
 margin-top:0px;
 margin-bottom:0px;
 padding:0px;
 text-align:center;
 width: 960px;
 font-size: 9.5pt; 
}