/*
Need to hide out anti IE5Mac message
*/
#browsermessage{
	display:none;
}

/*
We'll begin by reseting the margin and padding of all elements.
This makes dealing with flawed box models <cough>IE</cough> easier
*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*
	Let's set the body's color
*/

body {
 background: #ccc;
 text-align:center;
}

a {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* Master container
   Using min and max width's for all browsers that support it.
   Should make things easier on users using modern browsers.
 */

#container{
	width: 1000px;
	border: 1px solid #000;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

/*
	Header rules.
	This header will be present on all pages.
*/
	#header, #orgheader{ /* This contains all the header elements */
		width: 100%;
		background: url("") no-repeat top left #ebebeb;
		position: relative;
	}
	
	#orgheader{
		background: url("../images/opeba06_header.jpg") no-repeat top left #ebebeb;
		height: 157px;
	}
	
	
	
	h1{	/* only one H1 per page, so well set it here */
		color: #fff;
		font-size: 2.4em;
		padding-left: 130px;
		padding-top: .2em;
		height: 125px;
		background: url("../images/EastColor.gif") no-repeat .3em .3em;
	}
	
	h1#orgh1{
		background:none;
		margin-left:40px;
		padding-left: 0;
		letter-spacing: -9999em;
		line-height:-9999em;		
	}
	
	#header a{
		text-decoration:none;
	}
	
	.titlelead{ /* gives us the heavy portion of the title text */
		font-family: "Arial Black", Arial, Helvetica, Verdana;
		letter-spacing:-1px;
		font-weight: normal;
		color: #000000;
	
	}
	
	.titletail{  /* gives us the light portion of the title text */
		font-family: Arial, Helvetica, Verdana;
		font-weight:lighter;
		letter-spacing:-1px;
		color: #000000;
	}

/*Colocated Shows Section */
	#colocated, #orgcolocated{
		width: 315px;
		margin-left: 135px;
		position: absolute;
		top: 4em; 
	}
	
	#orgcolocated{
		margin-left: 30px;
		top: 5em;
	}
	
	#badges{
		background: #ebebeb;
		overflow:hidden;
		padding: 5px 0;
	}
	
	#orgheader #badges{
		background: #ebebeb;
		overflow:hidden;
		padding: 5px 0;
	}
	
	a#biofachebadge, a#supplyexpobadge, a#HFbadge, a#eastcolorbadge{
		line-height: 0px;
		letter-spacing: -9999px;
		display:block;
		float:left;
		margin-left: 1.2em;
	}
	
	a#biofachebadge{
		
		height: 34px;
		width: 112px;
	}
	
	a#supplyexpobadge{
		
		height: 17px;
		width: 129px;
		margin-top: 10px;
	}
	

	
	a#HFbadge{
		
		height: 28px;
		width: 140px;
		margin-top: 5px;
	}
	

	
	a#eastcolorbadge{
		height: 40px;
		width: 70px;
		margin-top:0px;
	}
	
	.clear{ /* have to use this to get the coloacted div to close around the badges properly.  Thanks, IE */
		line-height: 0;
		letter-spacing: -9999em;
		line-height:-9999em;
		clear:both;
	}


/* Expo Sponsors box, top right in the header */
	
	h3#sponsorslabel{ /* This h3 has different values from the rest of the page. */
		color:#fff;
		font-size: 1em;
	}
	
	h3#sponsorslabel .titlelead {
		color: #fff;
	}
	
	h3#sponsorslabel .titletail {
		color: #fff;
	}
	
	#sponsors{
		width: 20%;
		text-align:center;
		position:absolute;
		top: -.10em;
		right: .75em;
		height: 100%;
	}
	
	#sponsorstage{
		background: #fff;
	}
	
	/*Removed from EE06 OPEBA Header per Sandy Voss (hmj)
	 #orgheader #ifoam{
		position: absolute;
		top: 55px;
		left: 590px;
		width: 175px;
		height: 50px;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .75em;
		text-align:center;
		font-weight: bold;
	} */

/* Global Navigation bar */

	.nav{
		float:left;
		width: 100%;
		background: url("../images/navbarbg.jpg") repeat-x top left;
		overflow:hidden;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		position: relative;
		z-index: 3;
	}
		
	.nav li{
		list-style:none;
		font-size: 10px;
		float:left;	
		position:relative;
		/*border-right: 1px solid #777;*/
	}
	
	.nav li#contactus{  /* this pops the contact us item out to the far right of the nav bar. */
		border-right: 0px;
		float:right;
		background: url("../images/smallenvelope.gif") no-repeat center right;
		margin-right: .3em;
	}
	
	.nav li a{
		display:block;
		color: #777;
		text-decoration: none;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		padding: .5em .8em;
		text-align:center;
	}
	
	.nav li#contactus a{
		border-left: 0;
	}
	
	.nav li a:hover{
		background: #F9F6BD;
		color: #000;
	}
	
	.nav li#contactus a:hover{
		background: transparent;
		color: #000;
	}

	.tier2 {
		background-image: url("../images/tier2bg.jpg");
		display: none;
		border-bottom: 1px solid #ccc;
		width:100%;
	}
	
	.tier2 td {
		font-size: 10px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	.tier2 td a {
		font-size: 10px;
		padding: .9em 1.0em .3em 1.0em;
		color: #777;
		text-decoration: none;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		text-align: center;
		display: block;
	}
	
	.tier2 td a:hover {
		color: #000;
		background: #b1bb1e repeat-x top left;
	}
	
/* End Nav Bar *?

/* Breadcrumbs */
	#breadcrumbs{
		float:left;
		width: 100%;
		background: #fff;
		margin-top: 1em;
		margin-bottom: 5px;
		/*position: relative;*/
		z-index: 2;
		font-size: .9em;
		clear: both;
	}
	
	#crumblist{
		margin-left: 1.8em;
	}
	
	#crumblist span{
		float:left;
	}
	
	#crumblist span a{
		font-weight: bold;
		font-size: 10px !important;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #777;
		text-decoration: none;
		background: url("../images/breadcrumbbullet.gif") no-repeat center right;
		padding-right: 9px;
		margin-left: 2px;
	}
	
	#crumblist span a:hover{
		color: #000;
	}
	
	#crumblist .crumblast{
		color: #000;
		font-style:italic;
		text-decoration: underline;
	}
	
	#crumblist .youarehere{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 10px !important;
		padding-top: 0px;
		font-weight: bold;
		font-style:italic;
		color:#666666;
	}
/* End Breadcrumbs */

/* Content  */
	#content{
		width: 100%;
		background: #fff;
		font-size: 1em;
	}
	
	#main{
		width: 68%;
		float:left;
		border-right: 2px solid #b4b4b4;
		margin-bottom: 2em;
	}
	
	#information{
		width: 28%;
		float:left;
		margin-bottom: 2em;
		border-left: 2px solid #b4b4b4;
		margin-left: -2px
	}
	
	#leader{
		clear:both;
	}
	
	#leader, #syndication, #promo_container{
		margin-top: 1.2em;
		margin-left: 1.3em;
		margin-right: 1.2em;
	}
	
	#syndication{
		margin-right: 0;
	}
	
	h2, #leader h2, #syndication h2{
		font: bold 1.3em/1.0 Arial, Helvetica, Verdana, sans-serif;
		color: #777;
		margin-bottom: 1em;
		letter-spacing:-1px;
	}
	
	#syndication h2{
		margin-left: .7em;
	}
	
	h2#whatsnew, h2#orgwhatsnew{
		text-align: center;
		background: #b2bb1d;
		padding:.5em 0;
		color: #fff;
		margin-right: -3px;
		margin-left: 9px;
		margin-top: -2px;
	}
	
	h2#orgwhatsnew{
		background: #C9234A;
		color: #777;
	}
	
	#leader h3, #syndication h3{
		margin: 1em 1em 1em 0;	
		font: bold .9em/1.0 Arial, Helvetica, Verdana, sans-serif;
		color: #000;
	}
	
	h4{
		font: bold .8em/1.0 Arial, Helvetica, Verdana, sans-serif;
		color: #000;
		margin-left: 1em;
	}
	
	h5{
		margin: 1em;
		margin-bottom:-.75em;
		color: #000;
		font: bold .8em/1.0 Arial, Helvetica, Verdana, sans-serif;
	}
	
	#leader p, #syndication p, #promo_container p, dd{
		font: normal .75em/1.4 Arial, Helvetica, Verdana, sans-serif;
		color: #000; 
		margin: 1.5em 1em 1em 1em;
	}
	
	#photobox{

	}
	
	#photobox ul{
			list-style-type: none;
	}
	
	#photobox li{
		list-style-type: none !important;
		width: 145px;
		font-size: .7em !important;
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		text-align:center;
		color: #666;
	}
	
	* html #photobox li{
		margin-right: 10px;
	}
	
	#photobox li img, img.rotating{
		padding: 5px;
		border: 1px solid #ccc;
		height: 109px;
		width: 145px;
		width: 100%;
	}

	img.rotating{
		width: 145px;
	}
	
	#photobox li img.vert{
		width: 53%;
	}
	
	img.rotating{
		margin-right: 5px;
		margin-left: 5px;
	}
	
	#photobox li a{
		color: #ccc;
		text-decoration: none;
	}
	
	#photobox li a:hover{
		color: #666;
	}
	
	#photobox li a:hover img{
		border-color: #23439A;
	}
	
	.dropquote{
		float:right;
	}
	
	.closeheadingtitle{
		margin-bottom: -1em;
	}
	
	.dropquote p{
		font-family: Georgia, "Times New Roman", Times, serif !important;
		font-weight: bold !important;
		font-size: .75em !important;
	}
	
	.dropquote img{
		margin: 1.5em .5em .5em;
		padding: 5px;
		border: 1px solid #ccc;
	}
   
	.dropquotecolor{
		margin: 1.5em .5em .5em;
		padding: 5px;
		border: 1px solid #ccc;
		background: #93D2D5;
        width: 37%;
		float: right;
	}
	
	.dropquotecolorcenter{
		margin: 1.5em .5em .5em;
		padding: 5px;
		border: 1px solid #ccc;
		background: #93D2D5;
        width: 92%; 
		float: left;
	}
   
	.dropquotecolorgreen{
		margin: 1.5em .5em .5em;
		padding: 5px;
		border: 1px solid #ccc;
		background: #A9CF46;
        width: 37%;
		float: right;
	}
	
	img.withlabel{
		margin-top: 0;
	}
	
	img{
		border: 0;
	}
	
	.punch{
		color: red !important;
	}
	
	.stripe{
	background: #fff;
	}
	
	.flat{
		margin-top: 0;
		margin-bottom: 0;
	}


	.stripe2{
		background: #e9e9e9;
	}
	
	#leader table{
		margin-left: .75em;
		border: 1px solid #777;
	}
	
	td{
		font: normal .75em Arial, Helveltica, Verdana, sans-serif;
		padding: 1em;
	}
	
		/* Special rules for tables with headings and following text */
	
	#sections_table td{
		padding: 0;
	}
	
	#sections_table td p{
		margin-top: 0;
		padding-top: 0;
	}
	
	#sections_table tr.sectionheading td{
		padding-top: 1em;
	}
	
	.formlabel{
		font-weight: bold;
		padding: 0 1em 1em 1em ;
	}
	
	form{
		margin-left: 1em;
	}
	
	select{
		font: normal .8em/1.2 Arial, Helvetica, Verdana, sans-serif;
	}
	
	option{
		padding: 0 5px;
	}
	
	input{
		font-size: .8em;
	}
	
	#syndication #syn1, #syndication #syn2{
		background: #fff;
		width: 48%;
		float:left;
	}
	
	#syn1{
		border-right: 1px solid #777;
		padding-right: 3px;
		margin-right: 0px;
	}

	#syn1h{
		background: #fff;
		width: 100%;
		float:left;		
		padding-right: 3px;
		margin-right: 0px;
	}

	
	#syn2{
		border-left: 1px solid #777;
		margin-left: -1px;
		padding-left: 7px;
	}
	
	#whatsnewarts p{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #777;
	}
	
	#syndication p{
		margin:1.5em;
	}
	
	#leader a, #syndication a{
		color: navy;
	}
	
	#leader a:hover, #syndication a:hover{
		text-decoration:none;
		background: #fff;
	}
	
	#leader ul, #syndication ul, #promo_container ul#boxedlist{
		margin: 1em 1em 1em 0;
		font-size: 1em;
	}
	
	#leader ul li, #syndication ul li, #promo_container ul#boxedlist li, #leader ol li, #syndication ol li{
		list-style: inside;
		padding-left: 1em;
		background: #fff;
		font: normal .8em Arial, Helvetica, Verdana, sans-serif;
		padding-bottom: .4em; 
	}
	
	#leader ol li, #syndication ol li{
		list-style-type: decimal;
	}
	
	#leader ol li ul li, #syndication ol li ul li{
		list-style-type:disc;
		font-size: 100%;
	}
	
	#promo_container ul#boxedlist li{
		background: #ebebeb;
		padding-bottom: 0;
	}
	
	#leader ul.fancy li, #syndication ul.fancy li, #promo_container ul.fancy li, #leader ol.fancy, #syndication ol.fancy{
		list-style: inside circle;
		background: #ebebeb;
	}

	#leader ul.fancy, #syndication ul.fancy {
		margin-left: 1.25em;
	}
	
	.fancy{
	clear:both;
	}

	.section{
		border-bottom: 1px solid #777;
		padding-bottom: .3em;
		margin-top: 2em;
	}
	
	ul#boxedlist li{
		list-style-position: outside;
	}
	
	#promo_container ul.stealthlist{
		margin: 1em 0;
	}
	
	#leader ul.stealthlist li, #syndication ul.stealthlist li, #promo_container ul.stealthlist li{
		list-style:none;
		padding-bottom: 0;
		line-height:1.4em;
		
		/*font: normal .75em/1.4 Arial, Helvetica, Verdana, sans-serif;
		color: #000; 
		/*margin: 1.5em 1em 1em 1em;*/
	}
	
	#promo_container ul.stealthlist li{
		font: normal .8em Arial, Helvetica, Verdana, sans-serif;
	}
	
	dl{
		margin-left: .7em;
	}
	
	dt{
		font: bold .8em/1.0 Arial, Helvetica, Verdana, sans-serif;
		color: #000;
	}
	
	dd{
		margin-top: 0;
	}
	
	#syndication ul li ul.boothsubmenu li, #leader  ul li ul.boothsubmenu li{
		color: red;
		list-style-type:circle;
		font-size: .9em;
	}
	
/* End Content */

/* Information Column */
	#information h3{
		color: #000000;
		font-size: 1.2em;
		margin-left: 2em;
		
	}
	
	#schedbox{
		background: #ebebeb;
		
	}
	
	#displaybox{
		background: #ebebeb;
		text-align:center;
	}
	
	#displaybox a, #displaybox form{
		padding-top: .5em;
		padding-bottom: .5em;
		display:block;
	}
	
	
	#schedbox form{
		margin-left: .5em;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	#schedbox form select{
		font-size:.7em;
	}
	
	#schedbox form select option{
	padding:0 5px ;
	}
	
	#schedbox p{
		font-size: .75em;
		margin: 0 1em 0 1em;
	}
	
	#schedbox input{
		font-size: .7em;
	}
	
	
	.wrap1{
		margin-left: 2em;
		margin-bottom: 1em;
		background: url("../images/dropshadBL.gif") no-repeat bottom left;
	}
	
	
	.wrap2{
		background: url("../images/dropshadBR.gif") no-repeat bottom right;
		padding-bottom: 2px;
		padding-right: 1px;
	}
	.wrap3{
		background: url("../images/dropshadTR.gif") no-repeat top right;
		padding-right: 1px;
		padding-top: 0px;
	}
	.wrap4{
		background: url("../images/dropshadTL.gif") no-repeat top left;
		padding-left: 1px;
		
	}
	
	.infoheader{
		font: bold .8em Arial, Helvetica, Verdana, sans-serif;
		border-bottom: 1px solid #000;
		margin:0 1.3em;
		padding-bottom: 1px;
		padding-top: 6px;
		clear:both;
	}
	
	.infolist, #information p{
		list-style:none;
		margin-left: 1.5em;
		font: normal .8em Arial, Helvetica, Verdana, sans-serif;
	}
	
	#information p{
		margin:0 1.5em;
		padding: 1em 0;
	}
	
	.infolist li{
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.infolabel{
		font-style:italic;
		width: 6em;
		float:left;
	}
	
	.steathlink{
		text-decoration:none;
	}
	
	h3#emailthispage{
		background:url("../images/bigenvelope.gif") no-repeat center right;
		padding-right: 80px;
		padding: 1em 0;
		width: 9.5em;
	}
	
	#searchform{
		background: #EBEBEB;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	#searchform  #searchthissite{
		margin-left: 1em;
	}
	
	.submitbutton{
		font-size: .7em;
		margin-bottom: .1em;
		margin-left: .5em;
	}
	
	/* #twentyyrs{
		width: 250px;
		height: 250px;
		margin: 0 auto;
		margin-top: .3em;
	}*/
	
/* End Information Column */


/* Footer */
	#footer{
		clear:both;
		background:url("../images/footergradient.jpg") repeat-x bottom left #d6d6d6;
		border-top: 1px solid #000;
		padding-left: 1em;
		height: 3em;
		margin-top: 20px;
	}
	
	#pentonlink, #pentontextlink{
		padding-top: 10px;
		display:block;
		height: 25px;
		text-decoration:none;
		color: #777;
		font: .6em Arial,Helvetica,Verdana,sans-serif;
		float:left;
		
	}
	
	#pentontextlink{
		padding-top:18px;
		padding-left: 5px;
		padding-right: 10px;
	}	
	
	
	#footerform{
		float:left;
		width: 55%;
		margin-top: 10px;
	}
	
	#footersubformlabel{
		width: 24em;
		font: .6em Arial, Helvetica, Verdana, sans-serif;
		color: #777;
		float:left;
	}
	
	#newhopelink a{
		display:block;
		width: 96px;
		height:36px;
		float:right;
		margin-top: 5px;
		margin-right: 5px;
	}
	
/*  Menu coloration cascade for tier1 and tier2 

#travelpage #exhibitmenu, #eskpage #exhibitmenu{
	background: #ABB7D3;
	color: #fff;
}

#travelpage #travelmenu, #hotelpage #hotelmenu, #eskpage #eskmenu, #eskpage #exhibitmenu, #travelpage #exhibitmenu{
	background: url("../images/pointer.gif") no-repeat bottom center #ABB7D3;
	color: #fff;
}

#attendpage #attendmenu, #exhibitpage #exhibitmenu{
	background: #ABB7D3;
	color: #fff;
	background: url("../images/pointer.gif") no-repeat bottom center #ABB7D3;
}*/
/* Menu coloration foor cascade */


#topBannerAd {
	margin: 5px auto;
	width: 730px;
	padding: 5px 0 0 0;
	position: relative;
	top: 7px;
	display: block;
	clear: both;
}

*HTML #topBannerAd {
	margin: 0 auto;
	width: 730px;
	padding: 0;
	position: relative;
	top: 10px;
}

#squareAdContainer {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}