@charset "UTF-8";

body{
	margin: 0 auto;
	background: url(/images/mapBackground.gif) top no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	height: auto;
	width: 830px;
	display: block;
	padding: 0px;
}

h1{
	color: #13182b;
	font-size: .95em;
	margin: 7px 7px 7px 0;
}

h2, h3, h4{
	color: #13182b;
	font-size: .85em;
	margin: 7px 7px 7px 0;
}

p{
	font-size: .75em;
	color: #13182b;
}

li{
	color:  #13182b;
	font-size: .75em;
}

form{
	text-align: left;
	padding-bottom: 20px;
	width: 210px;
}

#flashContent li{
	color:  #13182b;
	font-size: .9em;
}

#header{
	height: 130px;
}

.headerImages{
	margin: 5px 0px 0px 35px
}

.headerButton{
	position: absolute;
	margin: -83px 0px 0px 684px;
}

.headerButton2{
	position: absolute;
	margin: -45px 0px 0px 672px;
}

#orangeExhibitor{
	float: right;
	margin: 0 0 0 628px;
	padding: 0;
	position: absolute;
	z-index: 1;
	
}

#navigation{
	margin: 6px 0 5px 0;
	padding-bottom: 4px;
}

#navigation li{
	display: inline;
}

#videoPlay{
	position: absolute;
	margin: 110px 0px 0px -588px;
}

.socialMedia{
	position: absolute;
	margin: -25px 0 0 720px;
	z-index: 6;
	text-decoration: none;
	color: #13182b;
	font-size: 10px;
}

#FBIcon{
	margin-bottom: -2px;
}

#mainContent{
	background-image: url(/images/pageBackground.png);
	display:block;
	margin: 0 auto;
	margin-top: 8px;
	width: 766px;
	max-width: 766px;
	height: auto;
}

.sponsor{
	padding: 15px 0 5px 14px;
	margin-top: 15px;
} 

.sponsor img{
	display: block;
	width: 740px;
	height: 90px;
}

.sponsor p{
	text-align: right;
	color: #999999;
	font-size: .65em;
	margin-right: 2%;
	margin-top: 0px;
}

.wrapper{
	padding-top: 40px;
}

.whiteBox{
	background-color: #FFFFFF;
	border: 1px #999999 solid;
	margin: 10px 25px 25px 14px;
	padding: 10px;
	width: 717px;
	min-height: 375px;
}

.whiteBox a:link, a:visited{
	text-decoration: none;
	color: #13182b;
}

.whiteBox table a:hover{
	text-decoration: none;
	border-bottom: thin #13182b dotted;
}

.whiteBox table{
	font-size: .85em;
	color: #13182b;
}

.whiteBox td{
	padding: 15px;
	
}

.whiteBoxLeft{
	background-color: #FFFFFF;
	border: thin #999999 solid;
	float: left;
	width: 510px;
	margin: 10px 0px 25px 14px;
}

.whiteBoxLeft td{
	height: 90px;
	width: 75px;
	padding: 5px;
	text-align: center;
}

.whiteBoxLeft .titleBox{
	margin: -22px 0px 0px -3px;
}

.whiteBoxRight .actionButton{
	margin-left: 33%;
}

.whiteBoxRight{
	background-color: #FFFFFF;
	border: thin #999999 solid;
	float: right;
	width: 208px;
	margin: 10px 14px 0 5px;
	padding-left: 7px;
	min-height: 60px;
	
}

#divSurvey h1{
	font-size: .95em;
	margin: 4px 2px 2px 2px;
}

#divSurvey{
	color: #13182b;
}

#divSurvey form span{
	color: #FFFFFF;
	font-size: 12px;
	cursor: pointer;
}

#divSurvey form{
	font-size: .75em;
	line-height: 30px;
}

.featured{
	padding: 4px 4px 10px 4px;
	float: left;
}
	
.featuredRight{
	padding: 4px;
	float: right;
}	

.finePrint{
	font-size: .5em;
	color: #13182b;
	text-align: center;
}

.finePrint a{
	text-decoration: none;
	color:  #13182b;
}

.linkList a:link, a:visited{
	text-decoration: none;
	color: #13182b;
}

.linkList a:hover{
	text-decoration: none;
	border-bottom: thin #13182b dotted;
}

#footer{
	width: 100%;
	clear: both;
	text-align: center;
}

#footer a:link, a:visited{
	text-decoration: none;
	color: #13182b;
}

#footer a:hover{
	text-decoration: none;
	border-bottom: thin #13182b dotted;
}

#footer ul{
	margin: 0 auto;
	padding: 5px;
}

#footer li{
	display: inline;
	font-size: .65em;
	padding: 3px;
}

#footer img{
	width: 103px;
	margin-left: 615px;
	padding-top: 20px;	
}

.bottomShadow{
	margin: 0 0 0 32px;
}

.buttonWrapper{
	overflow: hidden; 
	width: 100%;
}

.expoButtonWrapper{
	overflow: hidden; 
	width: ;
	margin: 5px 0 0 -1px;
}


/*-----orange action button-------*/

a.actionButton{
	background: transparent url(/images/orangeButtonLeft.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 12px Verdana;
	line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 36px; /* Height of button background height */
	padding-left: 14px; /* Width of left menu image */
	text-decoration: none;
	margin: 10px 1px 10px 1px;
	cursor: pointer;
}

a:link.actionButton, a:visited.actionButton, a:active.actionButton{
	color: #FFFFFF; /*button text color*/
}

a.actionButton span{
	background: transparent url(/images/orangeButtonRight.png) no-repeat top right;
	display: block;
	padding: 4px 14px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.actionButton:hover{ /* Hover state CSS */
	background-position: bottom left;

}

a.actionButton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

/*-----white nav buttons-------*/

a.navButton{
	background: transparent url(/images/whiteButtonLeft.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 12px Verdana;
	line-height: 26px;
	height: 34px; 
	padding-left: 12px; 
	text-decoration: none;
	margin: 5px 1px 0 0px;
}

a:link.navButton, a:visited.navButton, a:active.navButton{
	color: #13182b;
}

a.navButton span{
	background: transparent url(/images/whiteButtonRight.png) no-repeat top right;
	display: block;
	padding: 4px 12px 4px 0;
}

a.navButton:hover{ 
	background-position: bottom left;
}

a.navButton:hover span{ 
	background-position: bottom right;
	color: #13182b;
	text-decoration: none;
	
}

/*----Active state for nav buttons-------*/

a.activeNav{
	background: transparent url(/images/whiteButtonLeft.png) no-repeat bottom left;
	display: block;
	float: left;
	font: bold 12px Verdana;
	line-height: 26px;
	height: 34px; 
	padding-left: 12px; 
	text-decoration: none;
	margin: 5px 1px 0 0px;
}

a:link.activeNav, a:visited.activeNav, a:active.activeNav{
	color: #13182b;
}

a.activeNav span{
	background: transparent url(/images/whiteButtonRight.png) no-repeat bottom right;
	display: block;
	padding: 4px 12px 4px 0;
}

a.activeNav:hover{ 
	background-position: bottom left;
}

a.activeNav:hover span{ 
	background-position: bottom right;
	color: #13182b;
	text-decoration: none;
	
}

/*-----absolute postioned items over flash------*/

#pageTopShadow{
	position: absolute;
	margin: -9px 0px 0px 0px;
	z-index: 2;
}

#flashContent{
	margin: 5px 0 0 12px;
	width: 818px;
	height: 450px;
}

#flashMovieMain div{
	width: 808px;
	height: 450px;
	border: 0;
	text-align: center;
	background: #FFF;
}

#flashMovieMain img{
	margin: 110px 110px 0 0;
	border: medium medium red;
	width: 112px;
}

#flashMovieMain{
	z-index: 1;
	
	
}

#flashContentShadow{
	position: absolute;
	margin: -4px 0 0 -811px;
	z-index: 1;
}

/* Safari call out to align margins for shadow*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
#flashContentShadow{
	margin-left: -818px;
}

}

#badge{
	position: absolute;
	margin: -250px 0px 0px 655px;
	z-index: 5;
}

#blueBar li{	
	color: #FFFFFF;
	list-style-type: disc;
	line-height: 22px;
	z-index: 3;
}

#blueBar ol{
	width: 355px;
	position: absolute;
	margin: -180px 15px 5px 380px;
	z-index: 3;
}
	
#blueBar p{
	width: 270px;
	position: absolute;
	margin: -154px 15px 5px 73px;
	color: #FFFFFF;
	z-index: 3;
}

#blueBarImg{
	position: absolute;
	margin: -203px 0px 0px 19px;
	z-index: 2;
}