/* generic styles */

body {
	margin: 0;
	padding: 0;
	width: 800px;
	/*font-family: "Trebuchet MS", Verdana, Arial, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: black;
	background-repeat: repeat-y;
}

a, a:link, a:active {
	/*color: #759448;*/
	color: #559428;
	text-decoration: none;
}

a:visited {
	color: #559428;
}

a:hover {
	color: gray;
}

a img {
	border: none;
}

h1 {
	font-size: 14px;
	color: #759448;
}

h2 {
	font-size: 16px;
	color: black;
}

legend {
	color: gray;
	padding: 10px 5px 12px 5px;
}

fieldset {
	border: 1px solid #dddddd;
}

.bottomlinks {
	padding: 100px 0 0 0;
	margin: 0;
	text-align: right;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
}

div.rule {
	width: 100%;
	height: 12px;
	border: none;
	border-top: 1px solid #d8d8d8;
	margin: 10px 0 0 0;
}

table.row { /* home page - two portlet boxes per row */
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
}

table.row tr {
	vertical-align: top;
}

/* specific styles */

body.home {
	background-image: url(/downloads.nsf//downloads.nsf/home-bg.gif);
}

body.aboutus { /* body attributes for ABOUT */
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(/downloads.nsf/aboutus-bg.gif);
}

body.press { /* body attributes for PRESS */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(/downloads.nsf/press-bg.gif);
}

body.advocacy { /* body attributes for ADVOCACY */
	background-image: url(/downloads.nsf/advocacy-bg.gif);
}

body.marketinformation {
	background-image: url(/downloads.nsf/aboutus-bg.gif);
}

body.eventstradeshows {
	background-image: url(/downloads.nsf/eventstradeshows-bg.gif);
}

body.standards {
	background-image: url(/downloads.nsf/aboutus-bg.gif);
}

body.membership {
	background-image: url(/downloads.nsf/aboutus-bg.gif);
}

body.store {
	background-image: url(/downloads.nsf/aboutus-bg.gif);
}

body.popup {
	background-image: url(/downloads.nsf/home-bg.gif);
	font-size: 12px;
}

div#maincontainer { /* everything is relative to maincontainer */
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: auto;
	border: none;
	overflow: visible;
}

.popup div#maincontainer {
	width: 800px;
}

div#top { /* The top logo area, including all the items to the right of the logo */
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 800px;
	height: 80px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#top { /* The top logo area, including all the items to the right of the logo */
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 800px;
	height: 80px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.popup div#top {
	background-color: white;
	width: 800px;
	height: 62px;
}

.popup div#top div#closebutton {
	position: absolute;
	top: 10px;
	left: 450px;
	width: 140px;
	height: 18px;
	line-height: 18px;
	text-align: right;
}

div#top div#toplinks { /* PORTAL SIGN IN and items to the right */
	position: absolute;
	top: 5px;
	left: 310px;
	width: 465px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: right;
}

div#top div#toplinks a { /* Links near and including PORTAL SIGN IN */
	font-size: 9px;
	text-transform: uppercase;
	padding: 0 10px;
	border-right: 1px solid gray;
}

div#top div#toplinks a.last {
	border-right: none;
}

div#top form { /* the select region form at the top and the search box */
	display: inline;
}

div#top div#toplinks select { /* top region select control */
	margin-top: 1px;
	height: 17px;
	font-size: 9px;
}

div#top div#searchform { /* the search box and "go" button */
	position: absolute;
	top: 44px;
	left: 400px;
	width: 210px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div#top div#searchform input.text { /* text input box in top SEARCH */
	font-size: 10px;
	line-height: 16px;
	height: 18px;
	width: 180px;
	border: 1px solid gray;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

div#top div#searchform input.go {
	height: 21px;
	width: 26px;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


div#top div#searchprompt { /* SEARCH */
	position: absolute;
	top: 45px;
	left: 330px;
	width: 63px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: right;
	color: gray;
}

div#top div#searchstd { /* search standards link */
	position: absolute;
	top: 45px;
	left: 612px;
	width: 162px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	background-color: #759448;
	color: white;
}

div#top div#searchstd a { /* links on the SEARCH row */
	font-size: 10px;
	line-height: 19px;
	text-transform: uppercase;
	border: none;
	margin: 0;
	padding: 0;
	color: white;
}

div#top div#searchstd a:hover {
	color: #dddddd;
}

div#topmenu { /* top flyout menu */
	position: absolute;
	top: 80px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 30px;
	overflow: visible;
	background-color: white;
	z-index: 5;
}

div#breadcrumbs { /* breadcrumbs area */
	position: absolute;
	top: 111px;
	left: 0px;
	width: 744px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	background-repeat: no-repeat;
	z-index: 4;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 56px;
}

div#popupheadbar {
	position: absolute;
	top: 62px;
	left: 0;
	margin: 0;
	width: 800px;
	height: 56px;
	background-image: url(/downloads.nsf/home-crumbsbg3.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	overflow: hidden;
}

div#popupheadbar a, div#breadcrumbs a:link, div#breadcrumbs a:active, div#breadcrumbs a:visited {
	color: white;
	text-transform: capitalize;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.popup div#leftmenu { /* not an actual menu, just a left bar */
	top: 118px;
	background-image: url(/downloads.nsf/home-leftbg.jpg);
	width: 50px;
}

div#breadcrumbs a, div#breadcrumbs a:link, div#breadcrumbs a:active, div#breadcrumbs a:visited {
	color: white;
	text-transform: capitalize;
	text-decoration: none;
}

div#breadcrumbs a:hover {
	color: #CCCCCC;
}

.home div#breadcrumbs {
	background-image: url(/downloads.nsf/home-crumbsbg.jpg);
}

.aboutus div#breadcrumbs {
	background-image: url(/downloads.nsf/aboutus-crumbsbg.jpg);
}

.press div#breadcrumbs {
	background-image: url(/downloads.nsf/press-crumbsbg.jpg);
}

.advocacy div#breadcrumbs {
	background-image: url(/downloads.nsf/advocacy-crumbsbg.jpg);
}

.marketinformation div#breadcrumbs {
	background-image: url(/downloads.nsf/marketinformation-crumbsbg.jpg);
}

.eventstradeshows div#breadcrumbs {
	background-image: url(/downloads.nsf/eventstradeshows-crumbsbg.jpg);
}

.standards div#breadcrumbs {
	background-image: url(/downloads.nsf/standards-crumbsbg.jpg);
}

.membership div#breadcrumbs {
	background-image: url(/downloads.nsf/membership-crumbsbg.jpg);
}

.store div#breadcrumbs {
	background-image: url(/downloads.nsf/store-crumbsbg.jpg);
}

div#leftmenu { /* 2nd level (left) menu */
	position:absolute;
	left: 0px; 
	top: 138px;
	width: 154px;
	height: 500px;
	padding-right: 15px;
	background-repeat: no-repeat;
	z-index:1;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.home div#leftmenu {
	background-image: url(/downloads.nsf/home-leftbg.jpg);
	width: 50px;	/* home page has different width */
}

.aboutus div#leftmenu {
	background-image: url(/downloads.nsf/aboutus-leftbg.jpg);
}

.press div#leftmenu {
	background-image: url(/downloads.nsf/press-leftbg.jpg);
}

.advocacy div#leftmenu {
	background-image: url(/downloads.nsf/advocacy-leftbg.jpg);
}

.marketinformation div#leftmenu {
	background-image: url(/downloads.nsf/marketinformation-leftbg.jpg);
}

.eventstradeshows div#leftmenu {
	background-image: url(/downloads.nsf/eventstradeshows-leftbg.jpg);
}

.standards div#leftmenu {
	background-image: url(/downloads.nsf/standards-leftbg.jpg);
}

.membership div#leftmenu {
	background-image: url(/downloads.nsf/membership-leftbg.jpg);
}

.store div#leftmenu {
	background-image: url(/downloads.nsf/store-leftbg.jpg);
}

div#leftmenu a, div#leftmenu a:link, div#leftmenu a:visited, div#leftmenu a:active, div#leftmenu a:hover {
	/* use same leftmenu colors for all pages */
	position: absolute;
	display: block;
	left: 0;
	width: 154px;
	margin: 0;
	padding: 0;
	border: none;
	height: 25px;
	color: white;
	text-decoration: none;
	font-size: 11px;
	line-height: 25px;
	z-index: 2;
	margin-left: 1px;
}

div#leftmenu a.m2l, div#leftmenu a.m2l:link, div#leftmenu a.m2l:visited, div#leftmenu a.m2l:active, div#leftmenu a.m2l:hover {
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#leftmenu .sub a, div#leftmenu .sub a:link, div#leftmenu .sub a:visited, div#leftmenu .sub a:active, div#leftmenu .sub a:hover {
	color: rgb(243,225,153);
	padding-left: 5px;
	width: 149px;
}

div#leftmenu a img { /* the arrow image to the left of the menu links */
	visibility: hidden;
	float: left;
	margin-top: 3px;
	z-index: 2;
}

div#leftmenu a.m2l img { /* the arrow image to the left of the menu links */
	visibility: hidden;
	float: left;
	margin-top: 0px;
	z-index: 2;
}

div#leftmenu div.mbg { /* rectangular highlight for left menu */
	position: absolute;
	left: 0;
	height: 25px;
	width: 153px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	filter: Alpha(opacity=0);
	-moz-opacity: 0;
	z-index: 1;
}

div#leftmenu div.mbg2l { /* rectangular highlight for left menu */
	position: absolute;
	left: 0;
	height: 40px;
	width: 153px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	filter: Alpha(opacity=0);
	-moz-opacity: 0;
	z-index: 1;
}

div#contentarea { /* area for content */
	position: absolute;
	left: 170px;
	top: 138px;
	width: 485px;
	height: auto;
	padding: 0;
	border: none;
	overflow: visible;
	z-index: 1;
}

.popup div#contentarea {
	left: 50px;
	top: 118px;
	width: 605px;
}

.home div#contentarea { /* content area within body class="home" */
	left: 50px;
	width: 605px;
}

div#contentarea.noads { /* content area class="noads" - used when there is no vertical ad area on the right */
	width: 605px;
}

/* The center content area is a table - this makes vertical relative positioning easy and reliable for the bottom links. */
div#contentarea table.whole {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

table.whole .maincell {
	padding: 30px 20px 0 0;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.home table.whole .maincell {
	width: 685px;
}

#copyrightarea { /* bottom copyright */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	color: gray;
	border: none;
}

div#rightads { /* right-hand ads */
	position: absolute;
	left: 668px;
	top: 146px;
	width: 120px;
	height: 300px;
	z-index: 0;
	overflow: visible;
}

div#rightads img {
	border: none;
}

/* login page form styles */
#loginforms table {
	width: 350px;
	font-size: 100%;
	border: none;
}

#loginforms fieldset {
	width: 380px;
}

#loginforms td {
	padding: 4px 6px;
	border: none;
}

#loginforms input.text {
	width: 220px;
	border: 1px solid #559428;
}

#loginforms td.prompt {
	text-align: right;
	width: 150px;
}

/* definitions for portlet boxes */

/* pb is a generic portlet box. A pb style box is a single table with multiple rows.
   give the width of the box in the table tag with a style="width: nnnpx".
   
   The calendar tables with the expandable row sections do not use the "pb" class, they
   use "pb1" described below.
*/

.pb {
	font-size: 9px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.pb tr, .pb th, .pb td {
	margin: 0;
	padding: 0;
	border: none;
}

.darkbg { /* links on a dark background */
	color: white;
}

.darkbg a, .darkbg a:link, .darkbg a:active, .darkbg a:visited, .pb th a, .pb th a:link, .pb th a:active, .pb th a:visited  {
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none;
	font-size: 9px;
	line-height: 13px;
}

.pb th a, .pb th a:link, .pb th a:active, .pb th a:visited {
	line-height: 18px;
}

.darkbg a:hover, .pb th a:hover {
	color: rgb(243,225,153);
}

.pb .c1 { /* column 1 is the left edge - accomodates the rounded corners */
	margin: 0;
	padding: 0;
	width: 11px;
	border-left: 1px solid #DDDDDD;
}

.pb .c3 { /* column 3 is the right edge - accomodates the rounded corners */
	margin: 0;
	padding: 0;
	width: 11px;
	border-right: 1px solid #DDDDDD;
}

.pb .c2 { /* c2 is the main content area */
	margin: 0;
	padding: 4px 0 4px 0;
	border: none;
	line-height: 1.3em;
}

.pb .c2-r { /* if there is more than one content column, use c2-r for left padding */
	margin: 0;
	padding: 6px 0 4px 8px;
	border: none;
	line-height: 1.3em;
}

.pb select {
	font-size: 9px; /* select control in a portal box */
}

/* the pb1 set is for a box 465 pixels wide with expandable areas.
   These boxes have a separate table per row. For simpler portal boxes
   use the "pb" class described above.
   
   Because each row in a "pb1" box is a separate table, strict column width for every
   column is important to avoid "ragged" columns.
*/

.pb1, .pb1-bot, .pb1-body {
	width: 465px;
	border: none;
	padding: 0;
	margin: 0;
}
.pb1-body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
}

.pb1 img, .pb1-bot img, pb1-body img {
	margin: 0;
	padding: 0;
	border: none;
}

.pb1 th, .pb th {
	background-color: #507919;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: left;
}

.pb1 td, .pt1 tr, .pb1-bot td, .pb1-bot tr {
	padding: 0;
	margin: 0;
}

.pb1 tr, .pb1-bot tr, .pb1-body tr {
	width: 465px;
}

.l-edge, .r-edge {
	width: 12px;
	margin: 0;
	padding: 0;
}

.pb1-body tr {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.pb1-body .c1 {
	margin: 0;
	padding: 0;
	width: 12px;
	border-left: 1px solid #DDDDDD;
}

.pb1-body .c2 {
	margin: 0;
	padding: 0;
	width: 98px;
}

form {margin: 0 0 0 0}
body:first-child form {margin: 0 0 0 0}