div { border: 0px solid lightgrey;}
body { font-family: Helvetica, Arial, _sans-serif;   font-size: 10pt; color: #3D6799; height: 100%;}
a:link { font-family: Helvetica, Arial, _sans-serif; font-size: 9pt; text-decoration: none; color: #88c66b;}
a:hover {color: #b8dfa3; text-decoration: none}
a:visited { text-decoration: none; color: #3D6799;}
a:active {
	text-decoration: none;
	color: #88c66b;
	font-size: 9pt;
}

p img { padding: 5px;}
#main{
	border: 0px solid #B2BD9C;
	width: 800px;
	background: url(../images/top_background.jpg) top left no-repeat;
	position: relative; 
	top: 0px; 
	left: 0px;
	margin-left: 0;
	margin-right: auto;
}
#bottom{
	width: 810px;
	height: 55px;
	background: url(../images/bottom_background.png) bottom left no-repeat;
	position: relative; 
	top: 0px; 
	left: 0px;
	margin-left: auto;
	margin-right: auto;
}
#logo{
	background: url(../images/vhbe_logo.png) top left no-repeat;
	width: 141px;
	height: 97px;
	top: 0px; 
	left: 0px;
	margin-top: 30px;
	margin-left: 50px;
}
#panel { border: 0px solid lightgrey;}
#menu{
	top: 0px; 
	left: 0px;
	margin-top: 40px;
}
#content{
	top: 0px; 
	left: 0px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background: url(../images/lines.png) top right repeat-y;
}
iframe {
  	margin-top: 40px;
}
#column_left{
	background-color: #ffffff;
}
#column_right{
	width: 400px;
	margin-left: 20px;
	margin-top: 0px;
	border: 0px solid lightgrey;
	font-size: 10pt;
}
#flash_wrapper {
	background: url(../images/dark-blue.png) top left repeat-y;
}
#sponsors{
	top: 8px; 
	left: 0px;
	margin-right: 20px;
}
#pavilion1, #pavilion2, #pavilion3{
	width: 320px;
	overflow: hidden;
	background-color: none;
}
.register_button{
	margin: 0px;
	margin-top: 20px;
	margin-right: 20px;
	cursor: default;
}
.free_registeration{
	margin: 0px;
	top: 60px;
	left: 705px;
	cursor: default;
	text-align: right;
}
.content{
	top: 0px; 
	left: 0px;
	width: 670px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.quote{
	width: 300px;
	font-size: 12pt;
	font-weight: 800;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
.number1{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: 0 0;
}
.number2{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: -45px 0;
}
.number3{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: -90px 0;
}
.number4{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: -135px 0;
}
.number5{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: -180px 0;
}
.number6{
	background: url(../images/numbers.png) no-repeat; width: 45px; height: 40px;
	background-position: -225px 0;
}
.separator{ background-color: #00235d; width: 790px; height: 10px; margin-left: auto; margin-right: auto;}
.line{ background-color: #3D6799; height: 1px; margin-left: auto; margin-right: auto;}
.border_top_green{ border-top: 1px solid #3D6799;}

/* TITLES */
.flash_title { font-size: 24pt; width: 300px; overflow: hidden;}
.flash_subtitle {
	margin-top: 0 px;
	font-size: 14pt;
	text-transform: uppercase;
}
.small { font-size: smaller;}
.big { font-size: larger;}

.subheader {
	margin-top: 0 px;
	font-size: 12pt;
	text-transform: uppercase;
}
.tab_100 { padding-left: 100px;}
.width_560 { margin-left: 20px; width: 540px;}

/* POSITIONING CLASSES */
.floatright { float: right;}
.floatleft { float: left;}
.clear_both {clear: both;}
.relative { position: relative;}
.absolute { position: absolute;}
.margin_right { margin-right: 20px;}
.margin_left { margin-left: 20px;}
.margin_top { margin-top: 20px;}
.margin_top_40 { margin-top: 40px;}
.margin_top_60 { margin-top: 60px;}
.margin_top_80 { margin-top: 80px;}
.margin_top_100 { margin-top: 100px;}
.margin_top_120 { margin-top: 120px;}

.padding_left { padding-left: 20px;}
.highlight {
	font-weight: 700; 
	color: #88c66b;
}
.capitalize {text-transform: capitalize;}
.olive { color: #b8dfa3;}
.green { color: #88c66b;}
.black { color: #000000;}
.blue { color: #3D6799;} /* #4e83c3 Original */
.darkblue { color: #00235d;}
.bold { font-weight: bold;}
.normal { font-weight: normal;}
.rightalign { text-align: right;}

#outline {
	width: 320px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: justify;
}	
#outline ul {
	margin: 0 !important;
	margin-left: -40px !important;
	padding-left: 40px !important; 
	padding-bottom: 0px; 
	font-weight: 700; 
	text-transform: uppercase; 
	font-size: 10pt;
}
#outline li { 
	font-weight: normal;
	min-height: 1%;
	padding-left: 0px;
	padding-bottom: 10px;
	border-left: 0px solid #000;
	list-style: none;
	text-transform: none;
	font-size: 10pt;
}
.agenda_header {
	width: 320px;
	margin-top: 20px;
}
#agenda_outline, #agenda_outline2 {
	width: 320px;
	overflow: auto;
	padding-left: 0px; 
	text-align: left;
}
#agenda_outline ul, #agenda_outline2 ul {
	color: #88c66b;
	margin: 0 !important;
	margin-left: -40px !important;
	padding-left: 40px !important; 
	padding-bottom: 10px; 
	font-weight: 700; 
	text-transform: uppercase; 
	font-size: 10pt;
}
#agenda_outline li, #agenda_outline2 li { 
	color: #00235d;
	font-weight: normal;
	min-height: 1%;;
	padding: 0px 0px;
	border-left: 0px solid #000;
	list-style: none;
	text-transform: none;
	font-size: 10pt;
	text-align: left;
}
#agenda_outline li.speaker, #agenda_outline2 li.speaker {
	font-size: 10px !important;
	color: #666 !important;}
	
#copyright{
	width: 800px;
	top: 0px; 
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: xx-small;
	text-align: center;
	margin-top: 10px;
}
#contact-info{
	margin-top: 20px;
	font-size: small;
	text-align: left;
}
#contact-info div { margin-top: 5px;}

/* MENU */
#main_nav { list-style: none; margin: 0; padding: 0; z-index: 999;} /* remove the bullets */
#main_nav li { float: left;}

#main_nav li a { text-indent: -9999px; overflow: hidden; display: block; height: 30px; }

#home { background: url(../images/menu/home.png) no-repeat; width: 47px;}
#home:hover { background-position: 0 -30px; }
#home.active { background-position: 0 -60px;}

#attendees { background: url(../images/menu/attendees.png) no-repeat; width: 71px; }
#attendees:hover { background-position: 0 -30px; }
#attendees.active { background-position: 0 -60px; }

#agenda { background: url(../images/menu/show-agenda.png) no-repeat; width: 95px; }
#agenda:hover { background-position: 0 -30px; }
#agenda.active { background-position: 0 -60px; }

#exhibitor { background: url(../images/menu/exhibitor-inform.png) no-repeat; width: 135px; }
#exhibitor:hover { background-position: 0 -30px; }
#exhibitor.active { background-position: 0 -60px; }

#upcoming { background: url(../images/menu/show-details.png) no-repeat; width: 91px; }
#upcoming:hover { background-position: 0 -30px; }
#upcoming.active { background-position: 0 -60px; }

#system { background: url(../images/menu/system-requirements.png) no-repeat; width: 144px; }
#system:hover { background-position: 0 -30px; }
#system.active { background-position: 0 -60px; }

#contact { background: url(../images/menu/contactus.png) no-repeat; width: 80px; }
#contact:hover { background-position: 0 -30px; }
#contact.active { background-position: 0 -60px; }

#about { background: url(../images/menu/about-us.png) no-repeat; width: 64px; }
#about:hover { background-position: 0 -30px; }
#about.active { background-position: 0 -60px; }