/*-----------------------Main-------------------------------*/
body {margin: 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #b4d7f8; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top; text-align: center;}
#maincontainer {text-align: justify; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 18px; width: 920px; border: 2px solid #CFCFCF;}
#content {line-height: 20px; padding: 18px 0px 18px 0px; float: left; width: 650px; font-size: 13px;}
#content img {border: 2px solid #8bd8f7;}
#content_long {line-height: 20px; padding: 18px 0px 18px 0px; font-size: 13px;}
#content_long img {border: 2px solid #8bd8f7;}
.pic {float: left; margin: 8px 18px 10px 0px;}
.pic_sm {float: left; margin: 2px 10px 2px 0px;}
.pic_right {float: right; margin: 12px 0px 10px 18px;}
#members img {border: 0px;}
.members_highlight {margin-top: 18px; background-color: #DBF3F9; border: 1px solid #031F54; padding: 18px 18px 10px 18px;}
.members_highlight img {float: left; margin: 4px 18px 0px 0px;}
p {margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px;}
p.skip {position: absolute; left: -9999px; width: 0px; overflow: hidden;}
.font_grey {color: #999999;}
.font_large {font-size: 12px;}
#subnav {text-align: center; margin-bottom: 15px; background-color: #e6e6e6; padding: 4px 0px 4px 0px; color: #999999;}
.sub_nav h2 {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.sub_nav ul {
	margin: 10px 0px 10px 12px;
	padding: 0px 0px 0px 0px;
}

.sub_nav li {
	padding: 2px 0px 2px 0px;
}
.clear {clear: both;}
/*------------------------------------------------------*/

/*-----------------------Top-------------------------------*/
.top_left {float: left; width: 513px;}
.logo {margin: 7px 0px 10px 0px; float: left;}
#top_right {float: right; width: 228px;}
#top_right h1 {border: 0px; text-indent: -9999px; height: 46px; background-image: url(../images/h1_latest_events.jpg); background-repeat: no-repeat; margin: 35px 0px 0px 0px; padding: 0px;}

#top_right form {height: 126px; padding: 6px 26px 10px 18px; margin: 0px; background-image: url(../images/member_login_bg.jpg); background-repeat: no-repeat;}
#top_right form input {font-size: 12px; color: #333333; background-color: #FFFFFF; border: 1px solid #7F9DB9; width: 182px;}
#top_right form input.sign_in {background-image: url(../images/form_sign_in.gif); background-repeat: no-repeat; width: 79px; height: 20px; float: right; color: #FFFFFF; border: 0px; padding: 0px 0px 3px 16px;}

#top_login {height: 126px; padding: 6px 26px 10px 18px; margin: 0px; background-image: url(../images/member_login_bg.jpg); background-repeat: no-repeat;}
.large {font-size: 18px; font-weight: bold;}
#top_login h2 {margin: 0px; padding: 0px;}

.top_right_nav {float: right; margin-top: 40px; color: #333333;}
.top_right_nav a:link, .top_right_nav a:visited, .top_right_nav a:active {padding: 0px 3px 0px 3px; color: #333333; text-decoration: underline; font-weight: normal;}
.top_right_nav a:hover {color: #031F54; text-decoration: underline; font-weight: normal;}
/*------------------------------------------------------*/

/*-----------------------Right-------------------------------*/
#right {width: 227px; float: right; font-size: 12px; line-height: 17px; padding-top: 18px;}
#right div {margin-bottom: 18px; padding: 4px 14px 10px 14px; background-color: #E6E6E6; background-image: url(../images/right_bottom.gif); background-repeat: repeat-x; background-position: bottom;}
#right img {float: left; margin: 4px 10px 0px 0px; border: 2px solid #8bd8f7;}

#right h1 {padding: 0px; border: 0px; text-indent: -9999px; height: 53px; background-repeat: no-repeat; margin: 0px 0px 0px 0px;}
#right h1.employment {background-image: url(../images/h1_employment.jpg);}
#right h1.news_events {background-image: url(../images/h1_news_events.jpg);}
#right h1.news {background-image: url(../images/h1_news.jpg);}
#right h1.events {background-image: url(../images/h1_latest_events.jpg);}
#right h1.find_member {background-image: url(../images/h1_find_member.jpg);}
#right h1.find_supplier {background-image: url(../images/h1_find_supplier.jpg);}
#right h1.member_documents {background-image: url(../images/h1_member_documents.jpg);}
#right h1.associations {background-image: url(../images/h1_association.jpg);}

#right form {margin: 0px; padding: 0px;}
#right form select {width: 200px; color: #333333; background-color: #FFFFFF; border: 1px solid #7F9DB9; font-size: 12px;}
#right form p label {font-size: 18px; font-weight: bold; margin: 6px 0px 2px 0px;}
#right form input.submit {background-image: url(../images/form_submit.gif); background-repeat: no-repeat; width: 79px; height: 20px; float: right; color: #FFFFFF; border: 0px; padding: 0px 0px 3px 16px; margin: 0px;}
/*------------------------------------------------------*/

/*-----------------------Footer-------------------------------*/
#footer { clear: both; padding: 10px 20px 10px 20px; color: #666666; font-size: 11px; background-color: #BFBFBF}
#footer a:link, #footer a:visited, #footer a:active {padding: 0px 1px 0px 1px; color: #666666; text-decoration: none; font-weight: normal; font-size: 11px;}
#footer a:hover {color: #000000; text-decoration: underline; font-weight: normal;}

.logos img {border-right: 1px solid #CCCCCC;}
.logos img.none {border-right: 0px;}
.logos p {text-align: center; margin: 12px 0px 0px 0px; padding: 12px 0px 0px 0px;}
/*------------------------------------------------------*/

/*-----------------------Titles-------------------------------*/
h1 {border-bottom: 3px solid #8BD8F7; color: #031F54; font-size: 18px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px;}
h2 {color: #031F54; font-size: 15px; font-weight: normal; margin: 8px 0px 0px 0px; padding: 8px 0px 0px 0px;}
/*------------------------------------------------------*/

/*-----------------------Links-------------------------------*/
a:link, a:visited, a:active {color: #00A7D2; text-decoration: none; font-weight: bold;}
a:hover {color: #031F54; text-decoration: underline; font-weight: bold;}

#navigation {height: 40px; background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x;}
#navigation a:link, #navigation a:visited, #navigation a:active {
	text-align: center; 
	padding: 8px 14px 0px 14px; 
	font-size: 13px; 
	background-image: url(../images/button_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: left; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold;
	display: block;
	float: left;
	height: 32px;
}
#navigation a:hover {color: #86D6F7; text-decoration: none; font-weight: bold;}

a.arrow:link, a.arrow:visited, a.arrow:active {padding: 0px 0px 0px 17px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0px 2px; color: #00A7D2; text-decoration: none; font-weight: bold;}
a.arrow:hover {color: #031F54; text-decoration: underline; font-weight: bold;}

.link_left {float: left;}

a.doc_white:link, a.doc_white:visited, a.doc_white:active {background-image: url(../images/doc_white.gif); background-repeat: no-repeat; padding: 0px 0px 2px 18px; color: #00A7D2; text-decoration: none; font-weight: bold;}
a.doc_white:hover {color: #031F54; text-decoration: underline; font-weight: bold;}

a.doc_grey:link, a.doc_grey:visited, a.doc_grey:active {background-image: url(../images/doc_grey.gif); background-repeat: no-repeat; padding: 0px 0px 2px 18px; color: #00A7D2; text-decoration: none; font-weight: bold;}
a.doc_grey:hover {color: #031F54; text-decoration: underline; font-weight: bold;}

/*------------------------------------------------------*/

/*-----------------------Horizontal Rule-------------------------------*/
hr {border: 0px; border-bottom: 1px; color: #CFCFCF; border-bottom-style: solid; height: 0px; clear: both; margin: 0px 0px 10px 0px!important; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px!important; padding: 0px 0px 0px 0px;}
/*------------------------------------------------------*/

/*-----------------------Forms-------------------------------*/
form {padding: 0px; margin: 20px 0px 0px 0px;}
form p {margin: 3px 0px 3px 0px; padding: 0px;}
form p label {float: left; width: 80px; color: #031F54;}
form input {font-size: 12px; color: #000000; background-color: #FFFFFF; border: 1px solid #7F9DB9; width: 380px;}
form textarea {font-size: 12px; color: #000000; background-color: #FFFFFF; border: 1px solid #7F9DB9; width: 380px; height: 150px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;}
form select {background-color: #FFFFFF; border: 1px solid #7F9DB9; font-size: 12px;}
fieldset {border: 1px solid #CCCCCC; padding: 10px 15px 10px 15px; position: relative; margin-bottom: 20px;}
legend {color: #000000; padding: 2px 6px 2px 6px; border: 1px solid #CCCCCC; background-color: #EEEEEE; font-size: 14px;}
form input.checkbox {color: #000000; background-color: #FFFFFF; border: 0px; width: 14px;}
form input.radio {color: #000000; background-color: #FFFFFF; border: 0px; width: 14px;}
form input.submit {width: 60px; margin-left: 80px; color: #FFFFFF;  background-color: #7F9DB9; border: 1px solid #7F9DB9; padding: 1px 5px 1px 5px;}


#job_form form p {margin: 0px 0px 12px 0px; padding: 0px;}
#job_form p label {float: none; width: auto; color: #031F54;}
#job_form form input.submit {margin-left: 0px;}

.signup_form {color: #031F54;}
.signup_form input {margin-left: 0px; width: 300px;}
.signup_form input.checkbox { width: 20px;}
.signup_form label {width: 140px;}
.signup_form .tight {margin-bottom: 0px;}
.signup_form .tight input {margin-left: 0px; width: 100px;}
.signup_form form textarea {font-size: 12px; color: #000000; background-color: #FFFFFF; border: 1px solid #7F9DB9; width: 450px; height: 150px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px;}
/*------------------------------------------------------*/

/*-----------------------News & Events Layout-------------------------------*/
.news_title {font-weight: bold; background-color: #E5E5E5; padding: 3px 5px 3px 5px; margin-bottom: 4px;}
#news_nav {float: right; text-align: left; border-left: 1px solid #E5E5E5; font-size: 10px; width: 125px; margin-top: 10px;}
#news_nav ul {list-style: none; margin: 0px; padding: 0px;}
#news_nav ul li {padding: 0px 0px 0px 5px}
#news_nav li a:link, #news_nav li a:visited {margin: 0px; text-decoration: none; line-height: 16px; font-weight: normal;}
#news_nav li a:hover {color: #999999;}
#news_nav ul ul li {padding-left: 15px;}
#news {margin-right: 150px; height: 1%;}
#news .image {margin: 4px 10px 0px 0px; border: 2px solid #8bd8f7; float: left;}
#news hr {border: 0px; border-bottom: 1px solid #E5E5E5; height: 0px; clear: left; margin: 0px 0px 10px 0px!important; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
.pagecount {text-align: right; margin: 0px; padding: 10px 0px 0px 0px;}
.category {padding-top: 15px; font-size: 10px;}

 .event_date {background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; padding: 2px 5px 2px 5px; margin: 15px 0px 8px 0px; color: #FFFFFF; font-weight: bold;}
 .event_date_width {float: left; width: 95px;}
 .event_left {float: left; display: inline; width: 100px; color: #000000;}
 .event_right {float: left; width: 225px;}

.news_events_highlight {background-color: #f4fbfe; padding: 10px; margin: 15px 0px 5px 0px; font-size: 12px; line-height: 15px;}
.news_events_highlight ul {margin: 0px 0px 0px 20px; padding: 0px; clear: both;}
.news_events_highlight li {padding: 0px 0px 8px 0px;}
.news_events_highlight h2 {float: left; margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px;}
.see_all {float: right;}
.news_events_highlight p {clear: both; padding: 2px 0px 2px 0px;}
/*------------------------------------------------------*/

/*-----------------------Tables-------------------------------*/
table, tr, td {font-family: Arial, Tahoma, sans-serif; font-size: 12px;}
table {border-collapse: collapse; margin: 10px 0px 10px 0px;}
td {text-align: left; padding: 5px; border: 1px solid #000000;}
th {font-weight: bold; text-align: left; padding: 10px 5px 10px 5px; border: 1px solid #000000;}

.link_table td {text-align: left; padding: 5px 12px 5px 12px; border: 0px;}
/*------------------------------------------------------*/

/*-----------------------Members-------------------------------*/
#members span {width: 110px; float: left; font-weight: bold; color: #000000;}
#members div {margin: 18px 0px 18px 0px; padding: 6px 14px 6px 14px; height: 33px; background-color: #E6E6E6; background-image: url(../images/right_bottom.gif); background-repeat: repeat-x; background-position: bottom;}
#members div.higher {height: 53px;}
#members form {margin: 0px; padding: 0px;}
#members form select {margin-right: 15px; float: left; width: 200px; color: #333333; background-color: #FFFFFF; border: 1px solid #7F9DB9; font-size: 12px;}
#members form input.medium {float: left; width: 200px; margin-right: 15px;}
#members form p label {display: inline; float: left; font-size: 18px; font-weight: bold; margin: 0px;}
#members form input.submit {background-image: url(../images/form_submit.gif); background-repeat: no-repeat; width: 79px; height: 20px; float: left; color: #FFFFFF; border: 0px; padding: 0px 0px 3px 16px; margin: 0px;}
.grey {padding: 5px 0px 10px 0px; text-align: center; font-size: 14px; background-color: #E6E6E6; background-image: url(../images/right_bottom.gif); background-repeat: repeat-x; background-position: bottom;}
/*------------------------------------------------------*/

/*-----------------------Suppliers-------------------------------*/
.gold {
	border: 3px solid #9d7f16; 
	padding: 15px; 
	color: #000000;  
	margin-bottom: 5px;
	background-image: url(../images/gold_bg.jpg);
	background-repeat: repeat;
}

.gold h2, .gold h2 a:link, .gold h2 a:visited, .gold h2 a:active {
	color: #9d7f16; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 20px; 
	margin-top: 0px; 
	padding-top: 0px;
}

.gold h2 a:hover { 
	text-decoration: underline; 
	font-weight: bold;
}

.suppliers_left {
	float: left;
	width: 680px;
}

.suppliers_right {
	float: right;
	width: 162px;
}

.silver {
	border: 3px solid #494b52; 
	padding: 15px; 
	color: #000000;  
	margin-bottom: 5px;
	background-image: url(../images/silver_bg.jpg);
	background-repeat: repeat;
}

.silver h2, .silver h2 a:link, .silver h2 a:visited, .silver h2 a:active {
	color: #494b52; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 20px; 
	margin-top: 0px; 
	padding-top: 0px;
}

.silver h2 a:hover { 
	text-decoration: underline; 
	font-weight: bold;
}

.suppliers_show img {
	float: right;
	margin: 10px 0px 20px 20px;
}

#suppliers div.higher {margin: 5px 0px 18px 0px; padding: 6px 14px 6px 14px; background-color: #E6E6E6; background-image: url(../images/right_bottom.gif); background-repeat: repeat-x; background-position: bottom; height: 53px;}
#suppliers form {margin: 0px; padding: 0px;}
#suppliers form select {margin-right: 15px; float: left; width: 200px; color: #333333; background-color: #FFFFFF; border: 1px solid #7F9DB9; font-size: 12px;}
#suppliers form input.medium {float: left; width: 150px; margin-right: 15px;}
#suppliers form p label {display: inline; float: left; font-size: 18px; font-weight: bold; margin: 0px;}
#suppliers form input.submit {background-image: url(../images/form_submit.gif); background-repeat: no-repeat; width: 79px; height: 20px; float: left; color: #FFFFFF; border: 0px; padding: 0px 0px 3px 16px; margin: 0px;}
.grey {padding: 5px 0px 10px 0px; text-align: center; font-size: 14px; background-color: #E6E6E6; background-image: url(../images/right_bottom.gif); background-repeat: repeat-x; background-position: bottom;}
.suppliers_directory {margin: 10px 0px 20px 0px; border-left: 2px solid #031f54;}
.suppliers_directory .col {float: left; display: inline; width: 190px; padding: 0px 25px 0px 25px; border-right: 2px solid #031f54;}
.suppliers_directory p {padding: 1px 0px 1px 0px;}
/*------------------------------------------------------*/

/*-----------------------Employment-------------------------------*/
#employment span {width: 75px; float: left; font-weight: bold; color: #000000;}
/*------------------------------------------------------*/

/*-----------------------Associations-------------------------------*/
#associations div {float: left; display: inline; width: 215px; text-align: center; margin: 20px 0px 0px 0px; height: 118px;}
#associations img {border: 0px;}

#expertise_logos div {float: left; display: inline; width: 100px; margin: 20px 15px 0px 15px;}
#expertise_logos img {border: 0px;}
/*------------------------------------------------------*/