@import url(basestyles.css);

a img {
	border: none;
	}

/* Generic styles for float left and float right */
.fl {
	position: relative;
	float: left;
	margin: 0 10px 3px 0;
	}
.fr {
	position: relative;
	float: right;
	margin: 0 0 3px 10px;
	}

/* Generic table styling * 7/26/06 LAS changed both td from #c5c5c5/*/
table {
	border-collapse: collapse;
	border: 1px solid #ffffff;
	}
table th,
table td {
	padding: 4px;
	border: 1px solid #ffffff;
	}
table th {
	background-color: #ECEAC8;
	}

/* Generic table styling for tables where want a border* 7/26/06 LAS addition.*/
table.showborder {
	border-collapse: collapse;
	border: 1px solid #c5c5c5;
	}
table.showborder th.showborder,
table.showborder td.showborder {
	padding: 4px;
	border: 1px solid #c5c5c5;
	}
table.showborder th.showborder {
	background-color: #ECEAC8;
	}

	
/* Generic table styling for MCA World* 5/14/09 LASC addition.*/
table.mw {
	border-collapse: collapse;
	border-top: 10px solid #EDF4E1;
	border-bottom: 2px solid #EDF4E1;
	padding: 4px;
	}
table.mw th.mw,
table.mw td.mw {
	padding: 4px;
	border: 5px solid #EDF4E1;
	}
table.mw th.mw {
	background-color: #EDF4E1;
	}
/* Basic Layout */
#pageBounds {
	position: relative;
	background: white;
	/*lasremovedforie7transparent url(../dir_images/bg_pagebounds.gif) center top repeat-y;*/ 
	width: 802px;
	margin: 16px auto;
	text-align: left;
	}
#contentBounds {
	margin: 0 6px;
	padding: 156px 15px 5px;
	background: white url(../dir_images/bg_contentbounds.gif) 5px 141px no-repeat;
	}
#home #contentBounds,
#directory #contentBounds,
#members #contentBounds {
	background-image: none;
	}
#mainColumn {
	float: left;
	display: inline;
	width: 499px;
	margin-left: 15px;
	background: white;
	}
#sideColumn {
	float: right;
	display: inline;
	margin-right: -10px;
	padding-left: 4px;
	width: 230px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 226px; /* for compliant browsers */
	}

/* Masthead */
#mastHead {
	position: absolute;
	text-align: left;
	top: 5px;
	left: 11px;
	width: 780px;
	background: #4b6272 url(../dir_images/bg_masthead.gif) top left repeat-x;
	/* EarthDay background: #63A964 url(../dir_images/bg_masthead_green.gif) top left repeat-x;*/
	width: 780px;
	}
#mastHead h2 {
	width: 205px;
	margin: 0 0 0 8px;
	background: url(../dir_images/mastheadlogotype.gif) top left no-repeat;
    /* EarthDay background: url(../dir_images/mastheadlogotype_green.gif) top left no-repeat;*/
	}
#mastHead h2 a {
	display: block;
	height: 98px;
	text-indent: -5000px;
	overflow: hidden;
	}

/* Main Navigation */
#mnav {
	width: 780px;
	background: #102231;
	padding-top: 1px;
	border-bottom: 2px solid #eceac8;
	}
#mnav ul {
	margin: 0;
	padding-left: 2px;
	height: 30px;
	list-style: none;
	}
#mnav li {
	display: block;
	float: left;
	line-height: 30px;
	text-align: center;
	margin-left: 1px;
	margin-bottom: 0;
	}
#mnav a {
	display: block;
	height: 30px;
	color: #97d1f2;
	background-color: #102231;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	}
#MSCA #mnavMSCA a,
#PCA #mnavPCA a,
#NCPWB #mnavNCPWB a,
#events #mnavEvents a,
#news #mnavNews a,
#bookstore #mnavBookstore a,
#careers #mnavCareers a,
#directory #mnavDirectory a,
#benefits #mnavBenefits a,
#contact #mnavContact a,
#mnav a:hover {
	background-position: bottom left;
	}
#mnavMSCA a { width: 53px; background-image: url(../dir_images/btn_mnav_msca.gif); }
#mnavPCA a { width: 36px; background-image: url(../dir_images/btn_mnav_pca.gif); }
#mnavNCPWB a { width: 61px; background-image: url(../dir_images/btn_mnav_ncpwb.gif); }
#mnavEvents a { width: 127px; background-image: url(../dir_images/btn_mnav_eventscal.gif); }
#mnavNews a { width: 52px; background-image: url(../dir_images/btn_mnav_news.gif); }
#mnavBookstore a { width: 76px; background-image: url(../dir_images/btn_mnav_bookstore.gif); }
#mnavCareers a { width: 65px; background-image: url(../dir_images/btn_mnav_careers.gif); }
#mnavDirectory a { width: 73px; background-image: url(../dir_images/btn_mnav_directory.gif); }
#mnavBenefits a { width: 138px; background-image: url(../dir_images/btn_mnav_benefits.gif); }
#mnavContact a { width: 84px; background-image: url(../dir_images/btn_mnav_contact.gif); }


/* Section Navigation */
#snav {
	position: relative;
	margin: -15px -4px 1.25em;
	padding: 0 4px;
	background: transparent url(../dir_images/bg_snav.gif) center bottom no-repeat;
	}
#snav h2 {
	display: none;
	}
#snav ul {
	position: relative;
	list-style: none;
	list-style-image: none;
	margin: 0 -4px;
	padding: 36px 10px 18px;
	background: transparent url(../dir_images/bg_snav_top.gif) center top no-repeat;
	}
#snav ul ul {
	margin: .25em 0 0 1.5em;
	padding: 0;
	background: none;
	}
#snav ul ul ul {
	margin-top: 0;
	}
#snav li {
	margin: .75em 0;
	}
#snav li li {
	margin: 0;
	}
#snav li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 5px;
	}
#snav li a:hover {
	color: white;
	background-color: #3c4f5f;
	}
#snav li a.current,
#snav li a.current:hover {
	color: white;
	background-color: #102231;
	}
#snav li li a {
	display: inline;
	text-transform: none;
	padding: 0;
	}
#snav li li a:hover {
	color: #143157;
	background-color: transparent;
	text-decoration: underline;
	}

/* Search/Login/Home Box */
#utilityBox {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 214px;
	border: 1px solid #102231;
	color: #e6e6e6;
	background: #30414f url(../dir_images/bg_utilitybox.gif) top left repeat-x;
	padding-top: 6px;
	}
#utilityBox a { color: #e6e6e6; }
#search { height: 25px; }
#search label {
	float: left;
	width: 54px;
	height: 19px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	background: url(../dir_images/bg_search_label.gif) 10px 50% no-repeat;	
	}
#query { float: left; width: 126px; margin: 0 2px 0 0; background-color: #d3e4f2; }
#searchGo { margin: 0; float: left; }
#utilityBox ul {
	clear: both;
	margin: 0;
	border-top: 1px solid #102231;
	list-style: none;
	}
#utilityBox li {
	float: left;
	margin-bottom: 0;
	}
#utilityBox a {
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: -5000px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	}
#utilityLogin a {
	width: 134px;
	background-image: url(../dir_images/btn_utilitylogin.gif);
	border-right: 1px solid #102231;
	}
#utilityHome a {
	width: 78px;
	background-image: url(../dir_images/btn_utilityhome.gif);
	}
/*#members #utilityHome a {
	width: 213px;
	background-image: url(../dir_images/btn_utilityhome_members.gif);
	}
*/
#utilityLogout a {
	width: 100px;
	background-image: url("../dir_images/btn_utilityLogout.gif");
	}
#members #utilityLogout a {
	width: 78px;
	background-image: url("../dir_images/btn_utilityLogout.gif");
	}
	
#memberHome a {
	width: 134px;
	background-image: url(../dir_images/btn_member_home.gif);
	border-right: 1px solid #102231;
	}
	
	
/* Footer */
#footer {
	font-size: .93em;
	height: 1%;
	text-align: center;
	}
	
/* Footer Navigation */
#fnav {
	background-color: white;
	padding: 8px 0;
	margin: 0 6px;
	}
#fnav ul {
	margin-bottom: 0;
	list-style: none;
	}
#fnav li {
	display: inline;
	background: url(../dir_images/bg_fnav_divider.gif) top right repeat-y;
	padding: 0 1.5em;
	}
#fnav li.l {
	background: none;
	}
#fnav a {
	color: #666;
	}

/* Copyright notice */
#copyright {
	color: #8795ab;
	background: #2a4a66 url(../dir_images/bg_copyright.gif) top center no-repeat;
	/*Earth Day background: #63A964 url(../dir_images/bg_copyright_green.gif) top center no-repeat;*/
	margin: 0;
	padding: 8px 0;
	}
	

/* Boxes */
.fullWidthBox {
	margin: 1.5em -3px 1.5em;
	padding: 0 13px;
	background: transparent url(../dir_images/bg_fullwidthbox.gif) top center repeat-y;
	width: 766px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px; /* for compliant browsers */
	}
.fullWidthBox .hr {
	margin: 0 -13px;
	height: 12px;
	background-position: top center;
	background-repeat: no-repeat;
	}
.fullWidthBox .hr.top {
	background-image: url(../dir_images/bg_fullwidthbox_hr_top.gif);
	}
.fullWidthBox .hr.bottom {
	clear: both;
	background-image: url(../dir_images/bg_fullwidthbox_hr_bottom.gif);
	}
.fullWidthBox .hr hr {
	display: none;
	}

.calloutBox {
	position: relative;
	margin: 0 -4px 1.25em;
	padding: 0 16px 8px;
	background-position: center bottom;
	background-repeat: no-repeat;
	}
.calloutBox h2 {
	position: relative;
	margin: 0 -16px 6px;
	padding: 8px 16px 6px;
	background-position: center top;
	background-repeat: no-repeat;
	}
.calloutBox b {
	font-weight: bold;
	border: thin;
	background-color: Yellow;
}	

	
#sideColumn .calloutBox {
	background-image: url(../dir_images/bg_calloutbox_226.gif);
	}
#sideColumn .calloutBox h2 {
	background-image: url(../dir_images/bg_calloutbox_226_top.gif);
	}
span.highlight,
.highlight h2,
.highlight h3,
.highlight a,
.highlight a:hover {
	color: #900;
	}
	
	span.highlightgreen,
.highlightgreen h2,
.highlightgreen h3,
.highlightgreen a,
.highlightgreen a:hover {
	color: #006600;
	}

#featuredEvent h2,
#featuredEvent h3,
#featuredEvent a,
#featuredEvent a:hover {
	color: #900;
	}
#featuredEvent img {
	float: left;
	margin: 0 10px 3px 0;
	}

#featuredSites p {
	text-align: left;
	}
#featuredSites a {
	margin: 0 3px;
	}
#businessHighlights li {
	font-weight: bold;
	margin-bottom: 2.5em;
	}
#businessHighlights li li {
	font-weight: normal;
	margin-bottom: .25em;
	}	

#homeBottom #featuredEvent,
#homeBottom #featuredSites,
#homeBottom #businessHighlights {
	position: relative;
	left: -13px;
	margin: 0 -26px 0 0;
	padding: 3px 13px 0;
	background-position: center top;
	background-repeat: no-repeat;
	}
#homeBottom #featuredEvent h2,
#homeBottom #featuredSites h2,
#homeBottom #businessHighlights h2 { margin: 0 0 .75em; }

#homeBottom #featuredEvent,
#homeBottom #featuredSites {
	background-image: url(../dir_images/bg_homebottom_col1_div.gif);
	width: 320px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 294px; /* for compliant browsers */
	}
#homeBottom #businessHighlights {
	background-image: url(../dir_images/bg_homebottom_col2_div.gif);
	width: 462px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 436px; /* for compliant browsers */
	}

/* Members Header */
#membersHeader {
	margin: -20px -14px 16px -14px;
	padding: 23px 4px 0 24px;
	background: transparent url(../dir_images/bg_membersheader.jpg) center top no-repeat;
	height: 81px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 58px; /* for compliant browsers */
	}
#membersHeader h1 {
	width: 240px;
	height: 32px;
	background: transparent url(../dir_images/txt_memberssite.gif) center center no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	margin: 0;
	float: left;
	}
	
#members #membersHeader #utilityLogout {
	margin: 0;
	position: relative;
	}
	
#members #membersHeader #utilityLogout a {
	width: 150px;
	background-image: url("../dir_images/btn_utilityLogout.gif");
	background: #264561;
	color: #fff;
	padding: 2px 5px;
	margin-right: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 92%;
	float: right;
	clear: both;
	margin-top: -50px;
	}

#members #membersHeader #utilityLogout a:hover {
	color: #7caecb;
	}
	
#membersSearch {
	float: right;
	width: 290px;
	margin: -5px 0 0;
	}
#membersSearch label {
	float: left;
	margin: 2px 4px 0 0;
	}
#membersQuery { width: 126px; margin: 0 2px 0 0; background-color: #f8f7ea; float: left;}
/*Earth Day #membersQuery { width: 126px; margin: 0 2px 0 0; background-color: #A6DBA3; float: left;}*/
#membersSearchGo { margin: 0; float: left; }

.featuredSites img {
	margin-left: 22px;
	}

/* Homepage */
#home #homeIntro h1 {
	height: 86px;
	width: 297px;
	overflow: hidden;
	text-indent: -5000px;
	margin-bottom: .5em;
	background: url(../dir_images/txt_home_h1.gif) left center no-repeat;
	}
	
#home #contentBounds {
	padding-top: 148px;
	}
#flashContent {
	margin: 0 -13px;
	position: relative;
	}
#homeIntro {
	margin: 1em -13px;
	background: white url(../dir_images/bg_homeintro.gif) center bottom no-repeat;
	padding: 0 13px 10px;
	width: 786px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px; /* for compliant browsers */
	}
#homeIntro .topper {
	height: 12px;
	margin: 0 -13px;
	background: url(../dir_images/bg_homeintro_topper.gif) center top no-repeat;
	}
#homeBottom {
	margin: 0 -13px;
	background: url(../dir_images/bg_homebottom.gif) center bottom no-repeat;
	padding: 0 13px 10px;
	width: 786px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px; /* for compliant browsers */
	}
#homeBottom hr {
	display: none;
	}
#homeBottom div.hr {
	display: block;
	position: relative;
	left: -13px;
	margin: 0 -26px 0 0;
	background: white url(../dir_images/bg_homebottom_hr.gif) center top no-repeat;
	height: 2.25em;
	}
#home .col1 {
	float: left;
	display: inline;
	width: 294px;
	}
#home .col2 {
	float: right;
	display: inline;
	width: 436px;
	}
#homeBottom h2 {
	height: 29px;
	line-height: 29px;
	margin-bottom: .75em;
	}

	



/* Directory */


/* Search for Local Affiliates */
div.affiliateSearch {
	background: transparent url(../dir_images/bg_affiliatesearch.gif) 530px 0px repeat-y;
	margin: -9px 0 -6px -9px;
	padding: 9px 0;
	min-height: 350px; // Min-height hack for IE in ie.css
	}
div.affiliateSearch #affiliateMap {
	float: left;
	}
div.affiliateSearch #affiliateList {
	margin-left: 545px;
	}

/* Search for Supplier Partners */
ul.partners {
	list-style: none;
	margin: 0 0 .5em 11px;
	width: 232px;
	float: left;
	}



/* Other Directory */
h1.directoryText {
	background: url(../dir_images/txt_membershipdirectory.gif) left top no-repeat;
	height: 34px;
	overflow: hidden;
	text-indent: -5000px;
	margin: 0 0 2px;
	}
h2.directoryText {
	float: left;
	overflow: hidden;
	background: url(../dir_images/txt_starthere.gif) left top no-repeat;
	text-indent: -5000px;
	width: 122px;
	height: 53px;
	margin-top: -8px;
	}
.directoryNavigation {
	background: #f1efd6;
	list-style: none;
	text-transform: uppercase;
	height: 19px;
	line-height: 19px;
	float: left;
	margin: 0;
	width: 638px;
	}
.directoryNavigation li {
	float: left;
	}
.directoryNavigation a {
	display: block;
	padding: 0 8px;
	text-decoration: none;
	}
.directoryNavigation a.current:hover,
.directoryNavigation a.current {
	color: white;
	text-decoration: none;
	background: #102231;
	}
.directoryNavigation a:hover {
	color: white;
	text-decoration: none;
	background: #3c4f5f;
	}
.directoryThankyou {
	float: left;
	width: 610px;
	margin-top: 6px;
	margin-bottom: 2px;
	background: url(../dir_images/bullet_triangle.gif) left center no-repeat;
	padding-left: 18px;
	}
.directoryFind {
	clear: both;
	background: url(../dir_images/txt_findproductservice.gif) left top no-repeat;
	width: 760px;
	height: 42px;
	text-indent: -5000px;
	margin-bottom: 10px;
	}

#directorySelect {
	margin-bottom: .75em;
	}


/* Member Login */
form.login {
	width: 350px;
	margin: 1em auto;
	padding: 10px;
	border: 1px solid #b9b9b9;
	background-color: #fdfcf9;
}

form.generalForm {
	width: 350px;
	margin: 1em auto;
	padding: 10px;
	border: 1px solid #b9b9b9;
	background-color: #fdfcf9;
}