/* 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: 9.5pt; 
}
 
/* LINKS: default links all over the site */ 
a:link { 
 color: #0E0091;
 text-decoration: none;
}
a:hover { 
 color: #A84802;
 text-decoration: underline;
}
a:visited { 
 color: #0E0091;
 text-decoration: none;
}
a:visited:hover { 
 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 {
 width: 585px;
 height: 15px;
 font-size: 10px;
 font-weight: bold;
 color: white;
 text-align: right;
 padding: 0px 5px 0px 5px;
 background-color: #2D357B;
 background-image: url(/images/topnav_large_bg.gif);
 background-repeat: repeat-y;
} 
#topNavCell a:link { 
 color: #ECEBD1; 
 text-decoration: none;
}
#topNavCell a:hover { 
 color: white;
 text-decoration: underline;
}
#topNavCell a:visited { 
 color: #ECEBD1; 
 text-decoration: none;
}
#topNavCell a:visited:hover { 
 color: white;
 text-decoration: underline;
}
  
/* primary top navigation */
#primaryNavCell {
 width: 780px;
 height: 20px;
 font-size: 11px;
 color: #FFFFFF;
 font-family: Verdana, Arial, sans-serif;
 font-weight: 600;
 background-color: #AD4C03;
 background-image: url(/images/menu_bg.png);
}
#primaryNavCell a:link { 
 color: #FED42E;
 text-decoration: none;
}
#primaryNavCell a:hover { 
 color: white;
 text-decoration: none;
}
#primaryNavCell a:visited { 
 color: #FED42E;
 text-decoration: none;
}
#primaryNavCell a:visited:hover { 
 color: white;
 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 */
.searchLabel { 
 color: #007E3A;
 font-size: 10px;
 font-weight: bold;
}
.searchField {
 width: 130px;
 font-size: 11px;
 font-family: Verdana, arial, sans-serif;
 background-color: white;
 border-style: solid;
 border-color: #A84802;
 border-width: 1px;
 margin: 0px 1px 0px 0px;
 padding: 2px;
 z-index: 1;
 vertical-align:top
}
.searchFieldPlain {
 width: 250px;
 font-size: 11px;
 font-family: Verdana, arial, sans-serif;
 background-color: white;
 border-style: solid;
 border-color: #333333;
 border-width: 1px;
 margin: 0px 1px 0px 0px;
 padding: 2px;
 z-index: 1;
 vertical-align:top
}
.searchButton {
 font-size: 10px;
 font-family: Verdana, arial, sans-serif;
 height: 20px;
 padding: 2px;
 vertical-align:top
}
.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: #A84802;
 border-width: 1px;
 z-index: 1;
}
 
/* Toolbox (printer-friendly, email to a friend, etc) */
#ToolboxCell {
 padding: 5px 0px 5px 5px; 
 font-size: 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: 8pt;
 width: 780px;
 padding-top: 15px;
}
#footer p {
  font-size: 8pt;
 text-align: center;
}
#footer a:link {
  color: #A84802;
 text-decoration: none;
}
#footer a:hover {
  color: #A84802;
 text-decoration: underline;
}
#footer a:visited {
  color: #A84802;
 text-decoration: none;
}
#footer a:visited:hover {
  color: #A84802;
 text-decoration: underline;
}
 
/* content cell for popup windows */
#popupContentTable {
 vertical-align: top;
 border-style: solid;
 border-width: 1px;
 border-color: #A84802;
 background-color: white;
 padding: 5px;
}
 
/* IMAGES: Inline Image Classes */
img.InlineImageLeftNoBorder {
 margin: 0px 6px 0px 0px;
}
img.InlineImageRightNoBorder {
 margin: 0px 0px 0px 6px;
}
img.InlineImageLeftBorder {
 border: 1px solid #A84802;
 margin: 0px 5px 0px 0px;
}
img.InlineImageRightBorder {
 border: 1px solid #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;
}
 
/* MENUS */
/* Styles for all menu items */
#menuItem {
 font-size: 8pt;
 color: black;
 z-index: 99;
}
#menuItem a:link {
 display: block;
 background: transparent;
 color: black;
 text-decoration: none;
}
#menuItem a:visited {
 display: block;
 color: black;
 text-decoration: none;
}
#menuItem a:visited:hover {
 color: black;
 background-color: #F9E7AC;
}
#menuItem a:hover {
 color: black;
 background-color: #F9E7AC;
}
.menuDropDown {
 position: absolute;
 visibility: hidden;
 border-style: solid;
 border-color: #A84802;
 border-width: 1px;
 font-size: 8pt;
 background-color: white;
 padding: 2px;
 z-index: 99;
}
 
/* Begin specific menus */
#AboutMenu {
 top: 149px;
 left: 5px;
}
#SupportUsMenu {
 top: 149px;
 left: 60px;
}
#TakeActionMenu {
 top: 149px;
 left: 145px;
}
#ProgramsMenu {
 top: 149px;
 left: 237px;
}
#PubsMenu {
 top: 149px;
 left: 315px;
}
#BizMenu {
 top: 149px;
 left: 415px;
}
#SocialInvestMenu {
 top: 149px;
 left: 540px;
} 
#MemberCenterMenu {
 top: 149px;
 left: 654px;
 width: 120px;
}
#PopularMenu {
 top: 264px;
 left: 10px;
}
#TopicsMenu {
 top: 236px;
 left: 10px;
}
 
/* left subnav */
.subnav { font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 margin-top: 10px;
 .margin-top: 0px; /*IE hack*/ 
 border: solid #a84802 1px; 
 width: 168px; 
}
.subnavitems { 
 border-top: solid #a84802 1px; 
 width: 168px; 
 /*height: 14px;*/
 background: #d6dbeb; /* added this because of nav items that take up 2 lines - to make the background color carry */
}
a.level1 { 
 font: 11px/15px; 
 font-weight: normal; 
 color: white; 
 background: #5b6faf; 
 padding: 0 0 0 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: #5b6faf; 
 color: white; 
 text-decoration: none;
}
a.level2 { 
 font: 11px/15px; 
 font-weight: bold; 
 color: white; 
 background: #5b6faf; 
 padding: 0 0 0 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: #5b6faf; 
 color: white; 
 font-weight: normal; 
 text-decoration: none;
}
a.level2current {
 font: 11px/15px; 
 font-weight: bold; 
 color: white; 
 background: #5b6faf; 
 padding: 0 0 0 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: 11px/15px; 
 font-weight: normal; 
 color: black; 
 background: #d6dbeb; 
 padding: 0 0 0 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: #d6dbeb; 
 text-decoration: none;
}
a.level3current {
 font: 11px/15px; 
 font-weight: normal; 
 color: black; 
 background: #d6dbeb; 
 /*height: 15px; */
 padding: 0 0 0 2px;
 display: block; 
 text-decoration: none; 
}
a.level3current:visited {
 background: #d6dbeb; 
 color: black;
 text-decoration: none;
} 
a.level3current:hover {
 background: #d6dbeb; 
 text-decoration: none;
}
div.spacer {
 clear: both;
}
div.level3arrow {
 float: left; 
}
div.level3text {
 float: left;
 width: 134px;
}
 

/* form-only settings */
input.disabled {
 background-color: #EEEEEE;
 color: gray;
}
input.enabled {
 background-color: inherit;
 color: inherit;
}
.invisible {
 visibility: hidden;
}
.visible { 
 visibility: visible;
}
/* Bookmarking/Share Toolbox */
.BookmarkToolboxCell {
 padding: 0px 0px 5px 5px; 
 float: right;
}
/* 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;
}