/* site structure styles */

body {background: #e7e5d6;font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; text-align: center; margin:0; padding:0; }


/* rounded corners */
#container_round {width:760; height: auto; margin: 5px auto; z-index: 0; }
#container_round, #container_round .sb-inner { background:#ffffff;}
#container_round .sb-shadow { background:#444444; }
#container_round .sb-border { background:#ffffff; }

#wrapper { width: 760px; margin:0; padding:0; }

#popup { width: 900px; height: 900px; margin:0px; padding:0; background:#ffffff; }

/* nav bar div for home page only */
#navbar {
	height: 27px;
	width: 750px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 5px;
	margin: 0;
	margin-top: 3px;
	position: relative;
	z-index: 300;
	}
	
/* header image, flash, for home page */
#header {
	height: 250px;
	width: 750px;
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-top: 3px;
	z-index: 50;
}

/* header image div for all inside pages */
#headerinside {
	height: 155px;
	width: 750px;
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-top: 2px;
}

/* left main content area for home page and inside pages that have a right rail */
#about {
	float: left;
	height: auto;
	width: 450px;
	text-align: left;
	border: 0;
	margin-left: 20px;
	}

#floorplan {
	float: left;
	height: auto;
	width: 750px;
	text-align: left;
	border: 0;
	margin-left: 5px;
	}	
	
/* left main content area for exhibitor list tables */
#exhibit {
	float: left;
	height: 500px;
	width: 475px;
	text-align: left;
	border: 0;
	margin-left: 20px;
		margin-bottom: 10px;
			padding-top: 10px;

	}

		
/* left main content area for home page and inside pages that DO NOT have a right rail */
#aboutnorail {
	float: left;
	height: auto;
	width: 725px;
	text-align: left;
	border: 0;
	margin-left: 20px;
	}	

/* sponsor banner ad */
#banner {
	float: right;
	height: 157px;
	width: 245px;
  margin-right: 5px;
  
		}
	

		
/* what's new section */
#news {
	height: 230px;
	width: 240px;
	float: right;
	text-align: left;
	margin-right: 5px;
	padding: 5px;
	margin-top: 20px;
	}

/* what's new section */
#meetnews {
	position: relative;
	height: 230px;
	width: 240px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
	float: right;
	text-align: left;
	display: inline;

		}

/* attending sponsor banner ad */
#meetbanner {
	float: right;
	height: 157px;
	width: 245px;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	display: inline;


		}

/* right rail - who's attending page */
#meetrail {
	height: 230px;
	width: 240px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	}
	
	
/* right rail - floorplan page */
#exhibitrail {
	height: 230px;
	width: 240px;
	float: right;
	text-align: left;
	padding-right: 5px;
	padding-top: 10px;
	margin-left: -5px;
	}



	
/* right rail, used instead of banner and news for inside pages */
#rightrail {
	position: relative;
	float: right;
	height: 250px;
	width: 230px;
  	text-align: left;
  	margin-top: 10px;
	}



/* footer - appears on ALL pages */
#footer {
	clear: both;
	width: 750px;
	height: 100px;
	float: inherit;
	padding: 0;
	margin-left: 5px;
	padding-bottom: 20px;
	padding-top: 15px;
	z-index: 400;
		}
		
/*The below map styles are used for the floorplan roll-over page */

#map {
		margin:0;
		padding:0;
		width:750px;
		height:362px;
		background:url(images/floor.jpg) top left no-repeat #fff;
		font-family:arial, helvetica, sans-serif;
		font-size:8pt;
		}

#map li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
#map li a {
		position:absolute;
		display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:url(images/blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
#map li a span { display:none; }
		
#map li a:hover span {
	position:relative;
	display:block;
	width:120px;
	left:20px;
	top:20px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
 	filter:alpha(opacity=80);
	opacity:0.8;
  		}
	
#map a.booth401 {	left:108px;	top:49px;	width:35px;	height:28px;			}
			
#map a.booth403 {	left:144px;	top:49px;	width:35px;	height:28px;			}
			
#map a.booth405 {	left:177px;	top:49px;	width:35px;	height:28px;			}
			
#map a.booth407 {	left:212px;	top:49px;	width:35px;	height:28px;			}

#map a.booth409 {	left:317px;	top:49px;	width:70px;	height:28px;			}
			
#map a.booth413 {	left:386px;	top:49px;	width:70px;	height:28px;			}

#map a.booth417 {	left:454px;	top:49px;	width:35px;	height:28px;			}
			
#map a.booth419 {	left:488px;	top:49px;	width:70px;	height:28px;			}
						
#map a.booth505 {	left:592px;	top:86px;	width:28px;	height:103px;			}
						
#map a.booth502 {	left:592px;	top:189px;	width:28px;	height:35px;			}
			
#map a.booth501 {	left:592px;	top:223px;	width:28px;	height:35px;			}
			
#map a.booth500 {	left:592px;	top:257px;	width:28px;	height:35px;			}			

#map a.booth105 {	left:33px;	  top:103px;	width:28px;	height:35px;			}
			
#map a.booth104 {	left:33px;	  top:138px;	width:28px;	height:35px;			}

#map a.booth103 {	left:33px;	top:171px;	width:28px;	height:35px;			}

#map a.booth102 {	left:33px;	top:206px;	width:28px;	height:35px;			}

#map a.booth101 {	left:33px;	top:242px;	width:28px;	height:35px;			}
			
#map a.booth100 {	left:33px;	top:273px;	width:28px;	height:35px;			}
			
#map a.booth200 {	left:70px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth202 {	left:104px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth204 {	left:182px;	top:308px;	width:105px;	height:28px;			}

#map a.booth210 {	left:325px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth212 {	left:360px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth214 {	left:394px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth216 {	left:470px;  top:308px;	width:35px;	height:28px;			}
			
#map a.booth218 {	left:505px;	top:308px;	width:35px;	height:28px;			}

#map a.booth220 {	left:538px;	top:308px;	width:35px;	height:28px;			}
			
#map a.booth402 {	left:156px;	top:117px;	width:35px;	height:28px;			}

#map a.booth404 {	left:190px;	top:117px;	width:35px;	height:28px;			}

#map a.booth406 {	left:224px;	top:117px;	width:35px;	height:28px;			}

#map a.booth410 {	left:293px;	top:117px;	width:35px;	height:28px;			}

#map a.booth412 {	left:327px;	top:117px;	width:35px;	height:28px;			}

#map a.booth414 {	left:361px;	top:117px;	width:35px;	height:28px;			}

#map a.booth418 {	left:429px;	top:117px;	width:35px;	height:28px;			}

#map a.booth420 {	left:463px;	top:117px;	width:35px;	height:28px;			}

#map a.booth303 {	left:156px;	top:145px;	width:35px;	height:28px;			}

#map a.booth305 {	left:190px;	top:145px;	width:35px;	height:28px;			}

#map a.booth307 {	left:224px;	top:145px;	width:35px;	height:28px;			}

#map a.booth311 {	left:293px;	top:145px;	width:35px;	height:28px;			}

#map a.booth313 {	left:327px;	top:145px;	width:70px;	height:28px;			}

#map a.booth319 {	left:429px;	top:145px;	width:35px;	height:28px;			}

#map a.booth321 {	left:464px;	top:145px;	width:35px;	height:28px;			}

#map a.booth302 {	left:157px;	top:212px;	width:105px;	height:56px;			}

#map a.booth310 {	left:290px;	top:203px;	width:35px;	height:28px;			}

#map a.booth312 {	left:324px;	top:203px;	width:35px;	height:28px;			}

#map a.booth314 {	left:359px;	top:203px;	width:35px;	height:28px;			}

#map a.booth318 {	left:429px;	top:212px;	width:70px;	height:56px;			}

#map a.booth211 {	left:290px;	top:230px;	width:35px;	height:28px;			}

#map a.booth213 {	left:325px;	top:230px;	width:35px;	height:28px;			}

#map a.booth215 {	left:359px;	top:230px;	width:35px;	height:28px;			}

			
/* font styles */

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #0081c6; display: inline;}

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #1b4486; display: inline;}

p {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

p.small{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;}

table { border-collapse:collapse; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border-bottom:1px solid #a9a9a9; }
th { font-family: Arial, Helvetica, sans-serif; font-size: 10px;  text-align: left; font-weight: 700; border-bottom:1px solid #a9a9a9; }

td.register {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; vertical-align: top;  border-bottom:0px solid;}

td.popup {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; border-bottom:0px solid;}


/* link styles */
a:active { color: #8eb757; text-decoration: none;}
a:link { color: #8eb757; text-decoration: none;}
a:visited { color: #8eb757; text-decoration: none;}
a:hover { color: #0081c6; text-decoration: none;}

a:active.meet {color: #314a8c; text-decoration:none}
a:link.meet { color: #314a8c; text-decoration: none;}
a:visited.meet { color: #314a8c; text-decoration: none;}
a:hover.meet { color: #8eb757; text-decoration: none;}

a:active.exhibit {color: black; text-decoration:none}
a:link.exhibit { color: black; text-decoration: none;}
a:visited.exhibit { color: black; text-decoration: none;}
a:hover.exhibit { color: black; text-decoration: none;}


 
#navbar ul {background-color: none; width: 750px; 	list-style: none; margin: 0; float: right; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

#navbar ul li {background-color: none; cursor: default; float: left; position: relative; list-style: none;}

#navbar ul li.clicked  { color: #8eb757;} 

#navbar ul li.top a {color: #8eb757; display: block; text-decoration: none;}

#navbar ul li.navHover a:hover  { color: #8eb757;}

#navbar ul li.top  {font-size: 12px;color:#8eb757;}

#navbar ul li.first  { margin-left: 0;}

#navbar li>ul { top: auto; left: auto;}

#navbar ul li:hover ul, #navbar ul li.navHover  ul { display: block;}

#navbar ul li ul {background-color: #ffffff;display: none; width: 165px; left: 0;top: 100%; padding: 7px; position: absolute; line-height:170%;}

#navbar ul li ul li {background-color: transparent;	border: 0;cursor: default;display: block;float: none;position: relative;}

#navbar ul li ul li a {color: #0081c6;display: block;font-size:11px;letter-spacing:1;font-weight:normal;}

#navbar ul li ul li a:hover {color: #8eb757;display: block;}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


<!--[if IE 7]>
<style type="text/css">
  .className {position: static;/*or relative*/}
</style>
<![endif]-->


</style>