
/* General CSS */

body {
	background: #625F5F url(/ib/images/background.jpg) repeat-x top left;
	font: 9pt Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #625F5F;
	text-decoration: none;
}

a:hover {
	color: #F5A03E;
	text-decoration: underline;
}

#container {
	width: 986px; /* Width of the overall content */
	margin: 0 auto;
	text-align: left;

}

#header {
	background: url("/ib/images/headerss.jpg") no-repeat top left;
	height: 91px; /* Height of the background image */
	position: relative;  /* Allows me to absolute position divs within this div */
}

#homelink {
	position: absolute; 
	top: 24px;
	left: 33px;
	width: 303px;
	height: 39px;
}

#homelink a {
	display: block;
	width: 303px;
	height: 39px;
}

#topnav {
	margin: 0;
	padding: 5px 10px 0 0;
	position: absolute; 
	right: 0;	/* Absolute position 0 from the right */
}

#topnav a {
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url("/ib/images/arrow_mini_orange.gif") no-repeat 0% 50%;
	font-size: 0.90em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#topnav form {
	text-align: right;
	color: #F4A524;
	font-weight: bold;
	font-size: 0.90em;
	margin: 0;
}

#topnav input[type="text"] {
	font-size: 0.90em;
}

#topnav a:hover {
	color: #F5A03E;
}

#register {
	margin: 0;
	padding: 0;
	width: 269px;
	height: 33px;
	position: absolute;
	right: 22px;	/* Absolute positioning */
	bottom: -1px;
}

/* IE hack start */
html>body #register {
	bottom: 0;	/* All browsers except for IE should place register at 0px from the bottom */ 
}

* html #register {
	bottom: -1px; /* All IE browsers including IE should place register at -1px from the bottom */
}
/* IE hack end */

/**************** Backgrounds *******************************************/

/* Nav and Sub Bar Backgrounds */
#navbar {
	background: #ffffff url("/ib/images/mainnav.jpg") no-repeat top left;
	height: 34px;
	position: relative;
}

#subbar {
	background: #ffffff url("/ib/images/subnav.jpg") no-repeat top left;
	height: 30px;
}


/* Background for top of the inner border */
#topborder {
	background: url("/ib/images/topborder.jpg") no-repeat top left;
	height: 9px;
	font-size: 1px; /* Set a small font size to accomodate narrow height of this div */
}

/* Repeating middle background for inner border */
#content {
	background: url("/ib/images/midborder.jpg") repeat-y top left;
}

/* Background for the closure of the content area */
#footer1 {
	margin: 0;
	padding: 0;
	background: url("/ib/images/footerborder.jpg") no-repeat top left;
	height: 80px;
}

/**************** Footer Data *******************************************/

#logos {
	margin: 0 auto;
	padding: 35px 0 0 0;
	width: 945px; /* Arbitrary number for margining purposese that is smaller than the width of the footer background */
	position: relative;
}

#logos span {
	vertical-align: 12px; /* Used to vertically center the text in the footer */
}

#ftrlogos {
	position: absolute;
	top: 35px;
	right: 0;
}

#footer2 {
	font-size: 0.8em;	/* Footer font size is a little smaller than regular text */
	color: #ffffff;
	text-align: center;	
}

#footer2 p {
	margin: 0;
	padding: 0;
}

#footer2 a {
	font-size: 1em; /* To keep with the font size specified in #footer2 */
	color: #ffffff;
}


/**************** Containing Table Data *******************************************/
/* (The javascript ad tags cause div floats to go wonky, using tables to make sure everything stays in place) */

#content table#maintable {
	width: 967px;		/* Setting exact width to go inbetween the content border, (based on image)*/
	margin: 0 auto;
}

#content table#maintable tr {
	vertical-align: top;	/* Make sure all cells vertically align to the top */
}

#content table#maintable tr td#maincolumn{
	width: 644px;	/* two/thirds of maintable's width */
	vertical-align: top;
}

#content table#maintable tr td#sidecolumn{
	width: 323px; /* approximately 1/3 of maintable's width */
	vertical-align: top;
	background: #FFFFFF url(/ib/images/sidebar_top.jpg) no-repeat top center;
}

/* Top row table */

#toprow table {
	width: 100%;
}

#toprow table tr {
	vertical-align: top;
}

/* Margining for divs */

#rightside {
	margin: 11px 0 0 0;	/* right and left margins */
	padding: 0 0 0 8px;
	background: #FFFFFF url(/ib/images/sidebar_back.jpg) repeat-y top center;
}


#rightside_bottom {
	background: #FFFFFF url(/ib/images/sidebar_bottom.jpg) no-repeat top center;
	height: 11px;
	margin: 0;
	padding: 0 0 0 8px;
}

#toprow {
	margin: 0 0 0 5px;
}

/**************** Flash Row Data *******************************************/

#flashrow {
	margin: 0 5px 0 2px;
	padding: 0;
	width: 457px;
	height: 258px;
}

/**************** Show News Data *******************************************/

#shownews {		
	background: url("/ib/images/shownews_bkgnd.jpg") no-repeat top left;
	width: 180px;
	height: 258px;	/* Set show news height to be exact height as the flash module */
	margin: 0 0 0 0;
	padding: 0;
}

#shownews p {
	margin: 0;
	padding: 10px;
}


/* Side buttons */

.sidebutton {
	margin: 0;
	padding: 0 0 0 3px;
	font-size: 1px;
}

.topbutton {
	margin: 0;
	padding: 4px 0 0 16px;
	font-size: 1px;
}

/**************** Side Module Data *******************************************/

.sidemod {
	margin: 0;
	padding: 10px 0 0 0;
	width: 299px;
	background: url("/ib/images/sidemod_middle.jpg") repeat-y top center;
}

.smtop {
	background: url("/ib/images/sidemod_top.jpg") no-repeat top left;
	height: 27px;
	width: 299px;
	margin: 0;
}

.smtop h1 { /* Title of the Side Module */
	margin: 0;
	padding: 7px 0 0 12px;
	font: 1.75em Georgia, Garamond, serif;
	font-weight: normal;
	color: #5e0a0a;
}

.sidemod a {
	color: #625F5F;
	text-decoration: underline;
}

.sidemod a:hover {
	color: #5e0a0a;
}

.sidemod p {
	font-weight: bold;
	border-top: 1px dashed #3F4D55;
	margin: 0 10px;
	padding: 6px 10px;
}

.sidemod p.mrbrain {
	border: 0;
	padding: 0 10px 6px 10px;
}

.sidemod p a {
	font-weight: bold;
}

.sidemod p a:hover {
	color: #7A6077;
}

.sidemod p.morebutton {
	margin: 0;
	padding: 10px 10px 5px 0;
	text-align: right;
	line-height: 1em;
	border: 0;
}

/* For the sub info in the module */
span.date {
	font-weight: bold;
	color: #EA621F;
}

span.source a {
	font-weight: bold;
	text-decoration: underline;
	color: #9FA459;
}

.smbottom {
	background: url("/ib/images/sidemod_bottom.jpg") no-repeat top left;
	height: 8px;
	width: 299px;
	font-size: 1px;
}


/**************** Read More, More Headlines, etc. Links *******************************************/

p.more {
	margin: 0;
	padding: 10px 10px 5px 0;
	text-align: right;
	line-height: 1em;
}

p.more a {
	margin: 0;
	padding: 0 0 0 20px;
	background: url("/ib/images/arrow_round.gif") no-repeat; /* Have an image to the left of the text */
	font: 1em Georgia, Garamond, serif;
	font-weight: bold;
	text-decoration: none;
	color: #EA621F;
}

p.more a:hover {
	text-decoration: underline;
}

/**************** Why Attend, Why Exhibit Data *******************************************/

#why {
	margin: 4px 0 0 6px;
	padding: 0;
	width: 648px;	/* Based on width of the background image */
	background: url("/ib/images/why_mid.jpg") repeat-y top left;
}

#whytbl {
	width: 100%;
}

#whyattend, #whyexhibit, .subheadertbl {
	width: 324px; /* Half of #why width */
}

#whyexhibit p, #whyattend p {
	margin: 5px 0;
	padding: 0 10px;
}

#whytop {
	background: url("/ib/images/why_top.jpg") no-repeat top left;
	height: 42px;
	width: 100%;
}

#whybottom {
	background: url("/ib/images/why_bottom.jpg") no-repeat top left;
	height: 40px;
	width: 100%;
}

/* These values could probably be used for the inner pages sub headers */
.subheadertbl h1 {
	margin: 0;
	padding: 13px 0 0 55px;
	font: 1.4em Arial, serif;
	font-weight: bold;
	color: #7A6077;
}

/**************** Emergency Section Data *******************************************/

#emergency {
	margin: 4px 0 0 6px;
	padding: 0;
	width: 648px;
	background: url("/ib/images/emergency_mid.jpg") repeat-y top left;
}

#emergency p {
	margin: 5px 0;
	padding: 0 10px;
}

#emergencytop {
	background: url("/ib/images/emergency_top.jpg") no-repeat top left;
	height: 10px;
	font-size: 1px;
}

#emergencybottom {
	background: url("/ib/images/emergency_bottom.jpg") no-repeat top left;
	height: 10px;
	font-size: 1px;
	clear: both;
}

.emergencypic {
	margin: 5px 10px 0 15px;
	padding: 0;
	float: left;
}

.emergencyhead {
	color: #7A6077;
	padding: 0;
	font-weight: bold
}

.emergencydate {
	font-style: italic;
}

.emergencytext {
	padding-left: 1em;
}

/**************** About Section Data *******************************************/

#about {
	margin: 4px 0 0 6px;
	padding: 0;
	width: 648px;
}

#about p {
	margin: 5px 0;
	padding: 0 10px;
}

/**************** Ads Section Data *******************************************/

.topad {
	text-align: center;
	margin: 7px 0 9px 0;
}

.anchorad {
	text-align: center;
	margin: 10px 0 13px 0;
}

.squareAd {
	font-size: .75em;
	color: #3F4D55;
	text-align: left;
	margin: 8px 0 6px -2px;
}

.googleAd {
	margin: 0 auto;
	padding: 0;
	width: 468px;			/* Adjust to the size of the largest ad that will be here*/
	font-size: .75em;
	color: #cccccc;
	text-align: left;
}

/**************** Footer Logos Functionality *******************************************/

#ftrlogo_asr, #ftrlogo_ib, #ftrlogo_or, #ftrlogo_ffr, #ftrlogo_hfb {
	float: left;
}

#ftrlogo_asr a {
	display: block;
	width: 93px; 	/* Width of the image*/
	height: 35px;		/* Half the height of the image */
	background: url("/ib/images/logo_asr.gif") no-repeat;
	background-position: 0 0;
}

#ftrlogo_ib a {
	display: block;
	width: 107px; 	/* Width of the image*/
	height: 35px;		/* Half the height of the image */
	background: url("/ib/images/logo_interbike.gif") no-repeat;
	background-position: 0 0;
}

#ftrlogo_or a {
	display: block;
	width: 93px; 	/* Width of the image*/
	height: 35px;		/* Half the height of the image */
	background: url("/ib/images/logo_outdoor_retailer.gif") no-repeat;
	background-position: 0 0;
}

#ftrlogo_ffr a {
	display: block;
	width: 91px; 	/* Width of the image*/
	height: 35px;		/* Half the height of the image */
	background: url("/ib/images/logo_flyfishing.gif") no-repeat;
	background-position: 0 0;
}

#ftrlogo_hfb a {
	display: block;
	width: 71px; 	/* Width of the image*/
	height: 35px;		/* Half the height of the image */
	background: url("/ib/images/logo_hfbiz.gif") no-repeat;
	background-position: 0 0;
}

#ftrlogo_asr a:hover, #ftrlogo_ib a:hover, #ftrlogo_or a:hover, #ftrlogo_ffr a:hover, #ftrlogo_hfb a:hover {
	background-position: 0 -35px;
}

#ftrlogo_asr a span, #ftrlogo_ib a span, #ftrlogo_or a span, #ftrlogo_ffr a span, #ftrlogo_hfb a span {
	display: none;
}

/**************** Registration Button Functionality *******************************************/

#attendee_reg, #exhibitor_reg, #media_reg {
	float: left;
}

#attendee_reg a {
	display: block;
	width: 100px; 	/* Width of the image*/
	height: 33px;		/* Half the height of the image */
	background: url("/ib/images/btn_attendee_register.gif") no-repeat;
	background-position: 0 0;
}

#exhibitor_reg a {
	display: block;
	width: 77px; 
	height: 33px;
	background: url("/ib/images/btn_exhibitor_register.gif") no-repeat;
	background-position: 0 0;
}

#media_reg a {
	display: block;
	width: 91px; 
	height: 33px;
	background: url("/ib/images/btn_media_register.gif") no-repeat;
	background-position: 0 0;
}

#attendee_reg a:hover, #exhibitor_reg a:hover, #media_reg a:hover {
	background-position: 0 -33px;
}

#attendee_reg a span, #exhibitor_reg a span, #media_reg a span {
	display: none;
}


/**************** Main Nav Bar Functionality *******************************************/

#maintab {
	margin: 0;
	padding: 0;
	height: 34px;
	left: 4px;
	position: absolute;
}

#nav_home, #nav_attendee, #nav_exhibitor, #nav_media_center, #nav_show,
#nav_events_seminars, #nav_hotel_travel, #nav_industry_news {
	float: left;
}

#nav_home a {
	display: block;
	width: 75px; 
	height: 34px;
	background: url("/ib/images/nav/nav_home.gif") no-repeat;
	background-position: 0 0;
}

#nav_attendee a {
	display: block;
	width: 73px; 
	height: 34px;
	background: url("/ib/images/nav/nav_attendee.gif") no-repeat;
	background-position: 0 0;
}

#nav_exhibitor a {
	display: block;
	width: 73px; 
	height: 34px;
	background: url("/ib/images/nav/nav_exhibitor.gif") no-repeat;
	background-position: 0 0;
}

#nav_media_center a {
	display: block;
	width: 93px; 
	height: 34px;
	background: url("/ib/images/nav/nav_media_center.gif") no-repeat;
	background-position: 0 0;
}

#nav_show a {
	display: block;
	width: 52px; 
	height: 34px;
	background: url("/ib/images/nav/nav_show.gif") no-repeat;
	background-position: 0 0;
}

#nav_events_seminars a {
	display: block;
	width: 114px; 
	height: 34px;
	background: url("/ib/images/nav/nav_events_seminars.gif") no-repeat;
	background-position: 0 0;
}

#nav_hotel_travel a {
	display: block;
	width: 102px; 
	height: 34px;
	background: url("/ib/images/nav/nav_hotel_travel.gif") no-repeat;
	background-position: 0 0;
}

#nav_industry_news a {
	display: block;
	width: 126px; 
	height: 34px;
	background: url("/ib/images/nav/nav_industry_news.gif") no-repeat;
	background-position: 0 0;
}

#nav_home a:hover, #nav_attendee a:hover, #nav_exhibitor a:hover, #nav_media_center a:hover, #nav_show a:hover, #nav_events_seminars a:hover, #nav_hotel_travel a:hover, 
#nav_industry_news a:hover {
	background-position: 0 -34px;
}

#nav_home a span, #nav_attendee a span, #nav_exhibitor a span, 
#nav_media_center a span, #nav_show a span, #nav_events_seminars a span, #nav_hotel_travel a span, 
#nav_industry_news a span {
	display: none;
}


/**************** Sub Menu Bar Functionality *******************************************/

.submenustyle{
margin: 0;
padding: 5px 0 0 40px;
display: none;
/*
filter:alpha(opacity=0);
-moz-opacity:0;
*/
}

* html .submenustyle{ /*IE only width definition*/
width: 946px;  /* #container width minus .submenustyle left padding  */
}

.submenustyle a{
margin: 0;
padding: 1px 8px;
border-right: 1px solid #625F5F;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
}

.submenustyle a:hover{
	text-decoration: none;
}

/* Dunc's additions */

.diags {
	background: #FFFFFF url(/ib/images/diags.gif) no-repeat top center;
	margin: 1.5ex 2px;
	width: 100%;
	height: 6px;
}

#himanny {
	width: 630px;
	padding: 12px;
	clear: both;
}

#himanny p img {
	float: none;
}

#himanny a {
	text-decoration: underline;
	color: #7A6077;
}

#himanny table {
	width: 100%;
}

#himanny table p {
	margin: 0;
	padding: 0 1em;
}

#himanny table td {
	width: 300px;
	padding-bottom: 3ex;
}

#himanny table td:first-child {
	padding-right: 1em;
}

#himanny table td.formlabel {
	width: 80px;
	text-align: right;
}

#himanny p {
	margin: 0;
	padding: 0 1em;
}

#himanny .header {
	background: #FFFFFF url(/ib/images/himannyhead.jpg) no-repeat top left;
	font: 1.6em Arial, serif;
	font-weight: bold;
	color: #7A6077;
	height: 24px;
	padding: 0 0 0 12px;
	margin: 0 0 2ex .5em;
}

#himanny .subheader {
	background: #FFFFFF url(/ib/images/himannysubheader.jpg) no-repeat top left;
	font: 1.3em Arial, serif;
	font-weight: bold;
	color: #7A6077;
	height: 37px;
	padding: 1ex 0 0 1em;
}

#himanny img {
	float: left;
	margin: 0 1em 1ex 0;
}

#himanny img.block {
	float: none;
	margin: 0 1em 1ex 0;
}

#himanny p.pressArticle {
	padding: 0 1em;
	margin-bottom: 2ex;
}

.moreIndustryNews {
	padding: 0 2em;
	margin-bottom: 2ex;
}

.dateheader {
	font: 1.3em Arial, serif;
	font-weight: bold;
	color: #7A6077;
	padding: 1ex 0 2ex 0;
}

.headPress a {
	font-weight: bold;
}

span.datePress {
	font-style: italic;
}

a.morePress {
	padding: 0 0 0 20px;
	background: url("/ib/images/arrow_round.gif") no-repeat; /* Have an image to the left of the text */
	font: 1em Georgia, Garamond, serif;
	font-weight: bold;
	text-decoration: none;
	color: #EA621F;
	margin-left: 1em;
}

a.morePress:hover {
	text-decoration: underline;
}

.industryBox {
	margin-bottom: 4ex;
}

.asterisk {
	color: #EA621F;
	margin-right: .5em;
	font-weight: bold;
}

select {
	font: 9pt Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
}

.question {
	margin-left: 1em;
}

#himanny table.staff td {
	padding: 0;
}

#himanny table#sitemap td a {
	text-decoration: none;
}

#himanny table#sitemap td a:first-child {
	font-weight: bold;	
}

#himanny td.resultTitle a {
	font-weight: bold;
	text-decoration: none;
	color: #7A6077;
}

a.googleHeadline {
	font-weight: bold;
	text-decoration: none;
	color: #7A6077;
}

#himanny table.advancedSearch td {
	padding-bottom: 0;
}

.bodyText a {
	color: #7A6077;
	text-decoration: underline;
}

.blog a {
	font-weight: bold;
}

.blog .date {
	font-style: italic;
	font-weight: normal;
	display: block;
	padding-bottom: 1ex;

}