/* ---------- BODY ---------- */

body {
	margin: 15px 0;
	text-align: center;
	/* Above line is for IE5: Makes the #wrapper-outer be centered, as (#wrapper-outer) margin: 0 auto; doesn't work in IE5.  */
}



/* ---------- PAGE WRAPPER ---------- */

.wrapper-outer {
	max-width:947px; /* based on image dimensions - not quite consistent with drip styles yet */
	width:expression(document.body.clientWidth > 947? "947px": "auto" ); /* fix for IE >5 <7 because those stupid vers don't understand max-width */
	min-width:600px;
	margin:0 auto;  /* center page for firefox */

}



/* ---------- HEADER ---------- */

div.headmain {
	background-color: #fff;
	background-image: url(../images/main_combined.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: -2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
div.headmainright {
	background-color: transparent;
	background-image: url(../images/topright_combined.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:81px;
}



/* ---------- HEADER LOGOS ---------- */

.aclogo {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	right: 1px;
	top: 10px;
}	
.esplogo {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	top: 12px;
}	



/* ---------- NAV BAR ---------- */

div.navbar {
	background-color: #fff;
	background-image: url(../images/nav_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:40px;
	position: relative;
	top: -2px;
}	
div.navbarright {
	background-color: transparent;
	background-image: url(../images/r_side.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:40px;
}



/* ---------- NAV BAR CONTENTS ---------- */

.navdivider {
	position: relative;
	top: 6px;
	padding-right: 15px;
	padding-left: 15px;
}	
div.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #EFEFEF;
	position: absolute;
	top: -2px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%; /* fix for IE >5 <7 */
}	
div.navtext A:link	{
	color: #FFFFFF;
	text-decoration: none;
}
div.navtext A:visited	{
	color: #FFFFFF;
	text-decoration: none;
}
div.navtext A:hover	{
	color: #FF9933;
	text-decoration: none;
}
div.navtext A:active	{
	color: #FF9933;
	text-decoration: none;
}
/* highlights appropriate nav link based on the ID of the body tag */
body#hm a#home,
body#es a#eventservices,
body#exs a#exhibitorservices,
body#gl a#gallery,
body#cn a#contact
 {
	color: #FF9933;
}




/* ---------- BODY ---------- */

div.bodyarea {
	background-color: #fff;
	background-image: url(../images/body_bkgnd.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	top: -2px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 2px;
	text-align: left;
}



/* ---------- FOOTER ---------- */

div.footer {
	background-color: transparent;
	background-image: url(../images/foot_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: -2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
div.footerright {
	background-color: transparent;
	background-image: url(../images/foot_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:15px;
}