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


	BORDERS		#e6e6e6;
	DARK GRAY	#333333;
	LINKS		#006699;


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




/******************** global styles ********************/
body
{
	background: #ffffff;
	margin: 0 0 20px 0;
	font: normal 62.5% 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + "%" : "62.5%");
}

h1
{
	font: bold 1.8em/1.0em 'Century Gothic', Arial, Helvetica, sans-serif;
	margin: 0;
}

h2
{
	font: normal 1.8em/1.0em 'Century Gothic', Arial, Helvetica, sans-serif;
	margin: 0;
}

h6
{
	font: bold 1.2em/1.5em 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
}

p
{
	margin: 0 0 12px;
}

a:link, a:visited, a:hover, a:active
{
	color: #006699;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}



/******************** header styles ********************/
#header .bar
{
	border: solid 1px #cdcdcd;
	border-width: 1px 0;
	height: 20px;
	background: #575757;
}

#header .sidebar
{
	height: 20px;
	border-left: solid 3px #f25e1c;
	background: #609ab7;
	margin-left: 610px;
}



/******************** main styles ********************/
#main
{
	border-bottom: solid 1px #e6e6e6;
	background: #ecf0f1;
	position: relative;
	height: 339px;
	overflow: hidden;
}



/******************** mainnav styles ********************/
#mainnav
{
	position: relative;
	top: -340px;
	left: 610px;
	height: 319px;
	border-left: solid 1px #e6e6e6;
	padding: 20px 0 0 0;				/* ideally the left padding would be here, but the blackberry image has to appear flush left without clipping the shadow */
	overflow: auto						/* Firefox has redrawing problems during animation if this is set to hidden */
}

* html #mainnav
{
	\height: 340px;
	he\ight: 319px;
}

#mainnav h1
{
	margin-left: 30px;
}

#mainnav h1 a
{
	color: #000000;
	background: url(../images/arrow_right_orange.gif) right 6px no-repeat;
	padding-right: 22px;
}

#mainnav h1 a:hover
{
	color: #006699;
	background-image: url(../images/arrow_right_blue.gif);
	text-decoration: none;
}

#mainnav h1.selected a
{
	background-image: url(../images/arrow_down_blue.gif);
}

#intro
{
	height: auto;
	margin-left: 0;
}

#intro .png
{
	margin: 25px 0 -7px 2px;
}

* html #intro .png
{
	margin-bottom: -20px;		/* for .pngs that have been replaced with a div */
}

#intro h2
{
	margin-left: 30px;
}

#mainnav p
{
	font-size: 1.4em;
	line-height: 1.25em;
	margin: 0;
	color: #525151;
}

#membership
{
	background: url(../images/background_pen.gif) 185px 130px no-repeat;
	margin-left: 30px;
}

#alphabetical, #industry
{
	overflow: auto;		/* prevents scrollbar from appearing in Mac Firefox */
}

#alphabetical_content, #industry_content, #industry_member_content
{
	overflow: auto;
	height: 234px;
	*width: 330px;
	width: 260px;
}

#industry h1, #alphabetical h1
{
	background: url(../images/arrow_down_blue.gif) right 6px no-repeat;
	padding-right: 22px;
	display: inline;
	color: #999999;
}

#alphabetical_content p
{
	text-indent: -20px;
	margin-left: 20px;
}

#membership p
{
	width: 245px;
}

#membership h2, #industry h2, #alphabetical h2
{
	color: #999999;
	margin: 25px 0 4px;
	*margin-bottom: 3px;
}

#industry p, #alphabetical p
{
	font: normal 1.4em/1.5em 'Century Gothic', Arial, Helvetica, sans-serif;
}

.more
{
	overflow: hidden;
	height: 1px;
	margin-left: 30px;
}

#mainnav .more h1
{
	margin-left: 0;
}



/******************** content styles ********************/
#content
{
	padding: 13px 0 20px 15px;
	border-bottom: solid 1px #e6e6e6;
}



/******************** news styles ********************/
#news
{
	width: 362px;
	float: left;
}

#news h6
{
	padding-left: 2px;
	margin-bottom: 14px;
}

#news p
{
	font-size: 1.4em;
	line-height: 1.0em;
	border-bottom: solid 1px #e6e6e6;
	margin: 0 0 1px;
	padding: 0 0 4px 2px;
}

#news dl
{
	margin: 0 0 10px;
	padding: 0;
}
	
#news dl dt
{
	font-size: 1.2em;
	line-height: 1.0em;
	margin: 0;
	padding: 0;
}
	
#news dl dd
{
	font-size: 1.4em;
	line-height: 16px;
	top: -15px;						/* align dd and dt */
	margin: 0 0 -10px 0;			/* adjust spacing between lines using margin-bottom */
	padding: 0 0 2px 82px;			/* adjust padding-left to move dd cell to the right */
	position: relative;
	border: solid 1px #e6e6e6;
	border-top-width: 0;
	border-left-width: 0;
	border-right-color: #ffffff;	/* IE6 and earlier won't show bottom border unless right border is present */
}



/******************** promo styles ********************/
#promo
{
	margin: 0 4px 0 44px;
	float: left;
	width: 185px;
}

#promo h6
{
	margin-bottom: 14px;
}

#promo h5
{
	font: bold 1.2em/1.2em 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 8px;
}

#promo p
{
	font-size: 1.2em;
	margin-bottom: 8px;
}



/******************** subnav styles ********************/
#subnav
{
	float: left;
	border-left: solid 1px #e6e6e6;
	padding-left: 14px;
	height: 130px;
	margin-top: 13px;
}

#subnav ul
{
	margin: 7px 0 0 0;
	padding: 0;
}

#subnav ul li
{
	margin: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 1.0em;
	list-style-type: none;
	background: url(../images/bullet_arrow.gif) 0 0 no-repeat;
	padding: 0 0 0 12px;
}

#subnav a
{
	color: #333333;
}

#subnav a:hover
{
	color: #006699;
	text-decoration: none;
}



/******************** popup styles ********************/
#popup
{
	position: absolute;
	border: solid 2px #0c5882;
	width: 496px;
	height: 575px;
	background: #ffffff;
	left: 96px;
	top: 16px;
}

#popup_iframe
{
	width: 496px;
	height: 575px;
}

#close
{
	position: absolute;
	top: 4px;
	right: 6px;
}



/******************** footer styles ********************/
#footer
{
	padding: 4px 0 0 15px;
}

#footer p
{
	font: normal 1.0em/1.0em Arial, Helvetica, sans-serif;
	color: #666666;
}