@charset "utf-8";
/* ------------------------------------------------------------------------
CSS sheet for ####COMPANY NAME####
Author: Jeff Sanders
Date Created: ####DATE####
All inquiries for this document should be directed to information@virtualtech.com.
--------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
MAIN DESIGN ELEMENTS
--------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {
	height: 100%;
}
a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}
a:hover {
	border-bottom: 1px solid #000;
}
body {
	height: 100%;
	background: url(../images/htmlbg.jpg) fixed;
}

#wrapper {
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	width: 985px;
	background: #fff;
	background: url(../images/bodybg.png) top center repeat-y;
}

* html #wrapper {
	height: 100%;
}
/* ------------------------------------------------------------------------
#HEADER ELEMENTS
--------------------------------------------------------------------------*/
#header {
	width: 956px;
	padding: 0px 15px;
}
#header h3 {
	text-align: center;
	color: #fff;
	font: 19px/30px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/headingH3bg.jpg) repeat-x;
	text-shadow: 1px 1px 2px #000;
}
#header h3 span{
	margin: 0px 20px;
}
#header a, #header a:hover {
	border-bottom: 0px;
}
#header .blackWhite{
	display: block;
	clear: both;
	width: 956px;
	height: 213px;
	background: url(../images/headerBWbg3.jpg) no-repeat top center;
}
#header .blackWhite h1 a {
	background: url(../images/logo.png) no-repeat;
	width: 528px;
	height: 113px;
	text-indent: -99999px;
	display: block;
	margin: 60px 0px 0px 50px;
	float: left;
	overflow: hidden;
}

/* ------------------------------------------------------------------------
#NAVIGATION ELEMENTS
--------------------------------------------------------------------------*/
ul#menu {
	height: 41px;
	background: url(../images/headerBG.jpg) bottom left repeat-x;
}
ul#menu li {
	position: relative;
	width: 138px;
	line-height: 41px;
	list-style-type: none;
	z-index: 10000;
	float: left;
	display: block;
}
ul#menu li:hover {
	background: url(../images/navHover.jpg) bottom left repeat-x;
}
ul#menu li.first, ul#menu li.last {
	width: 133px;
}
ul#menu li.first a {
	border-left: none;
}
ul#menu li.last a {
	border-right: none;
}
ul#menu li a {
	font: 19px/41px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	border-right: 1px solid #861a1d;
	border-left: 1px solid #e53540;
	display: block;
}

/* mega menu */
ul#menu .inside {
	display: none;
}
ul#menu li.hovering .inside {
	position: absolute;
	top: 41px;
	left: 0px;
	display: block;
	z-index: 10000;
}
ul#menu li.last .inside {
	left: -87px;
}
ul#menu li.hovering div.sponsors {
	position: absolute;
	top: 41px;
	left: -169px;
	display: block;
	z-index: 10000;
}
ul#menu ul {
	display: none;
}
ul#menu .inside {
	padding: 10px 0px;
	background: #901E1E;
}
ul#menu .inside h3 {
	padding-bottom: 5px;
	background: none;
	border-bottom: 1px solid #E12F3D;
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #000;
	text-align: left;
	color: #EDECDA;
}
ul#menu .col a {
	margin: 5px 0px;
	padding: 5px;
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	text-align: left;
	border: none;
	display: block;
}
ul#menu .col a:hover {
	background: #DF2F3C;
}

/* menu widths */
.about, .sponsors {
	width: 440px;
	display: block;
}
.events {
	width: 660px;
	display: block;
}
.location {
	width: 410px;
	display: block;
}

/* column widths */
.col {
	margin: 0px 10px;
	width: 200px;
	float: left;
	display: block;
}
.location .col {
	width: 185px;
}

/* ------------------------------------------------------------------------
#CONTENT ELEMENTS
--------------------------------------------------------------------------*/
#content {
	width: 916px;
	padding: 0px 35px 0em 35px;
	overflow: hidden;
	display: block;
	clear: both;
	position: relative;
	z-index: 0;
}
p {
	margin: 20px 0px;
}

p.benefits{
	text-align: center;
	line-height: 35px;
	margin-left: 35px;
	margin-right: 25px;
}
#content h3{
	margin: 20px 0px;
}
#content h3 .date {
	display: block;
	font-size: smaller;
}
.clearboth{
	display: block;
	clear: both;
}
	/* #TOP CONTENT ELEMENTS */
	#borderFix{
			position: relative;
	}
	#borderFix .topFold{
		width: 35px;
		height: 36px;
		position: absolute;
		top: -1px;
		left: -1px;
		border-top: 1px solid #edecda;
		background: url(../images/topContentTopFold.png) top left no-repeat;
		z-index: 1000;
	}
	#borderFix .btmFold{
		width: 35px;
		height: 36px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		border-top: 1px solid #edecda;
		background: url(../images/topContentbtmFold.png) top left no-repeat;
	}
	#topContent{
		background: #fff;
		margin: 20px 0px;
		padding: 9px;
		overflow: hidden;
		border: 1px solid #c0c0b1;
		font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	#midContent{
		font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	#btmRight{
		font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	#btmLeft{
		font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	#topContent h3{
		margin: 0px;
		font-size: 14px;
	}
	#topContent #flash{
		width: 503px;
		height: 280px;
		border: 1px solid #c0c0b1;
		float: left;
		margin-right: 20px;
		position: relative;
	}
	#topContent .leftText{
		float: left;
		width: 336px;
		padding-right: 35px;
	}
	#topContent .topContentInner{
		padding: 0px 30px;
	}
	/* #BOX CONTENT ELEMENTS */
	#midContent{
		display: block;
		overflow: hidden;
	}
	.box{
		float: left;
		width: 29%;
		padding: 19px;
		text-align: center;
		border-right: 1px solid #c2c1b3;
	}
	#music{
		border-right: 0px;
	}
	.box img{
		margin: 0px auto;
	}
	#content .box h3{
		font: 19px/19px Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: italic;
		margin: 0px;
	}
	.box p{
		margin: 0px;
		text-align: left;
	}
	dl.board {
		width: 100%;
	}
	dl.board dd{
		float: left;
		width: 30%;
		display: block;
	}
	#content ul{
		margin-left: 20px;
	}
	#content dl dt{
		font-weight: bold;
	}
	dl.directions{
		display: block;
		width: 45%;
		margin: 0px 20px 1.5em 20px;
		float: left;
	}
#btmLeft{
	float: left;
	display: block;
	width: 30%;
}
dl.hours{
	display: block;
	clear: both;
	margin-right: 20px;
}
dl.hours dt{
	font: 15px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0px 3px 0px;
}
dl.hours dd{
	margin-left: 2px;
	font-size: 14px;
}
dl.hours dd span.day{
	display: block;
	float: left;
	width: 80px;
}

.fb{
	margin-top: 10px;
}
#btmRight{
	float: right;
	display: block;
	width: 580px;
}

dl.faqs dt{
	margin: 15px 0px 5px 0px;
}
dl.faqs dd{
	margin-left: 7px;
}
#content ul.foodmenu {
	overflow: hidden;
}
#content ul.foodmenu li{
	float: left;
	display: block;
	width: 25%;
}
#content ul.benefits{
	margin-bottom: 20px;
	overflow: hidden;
}
#content ul.benefits li{
	float: left;
	display: block;
	width: 32%;
}
#content ul.famFun{
	margin: 1.5em 0px;
}
ul.famFun li{
	list-style-type: none;
	float: left;
	width: 40%;
	margin-right: 80px;
}
#content h3.famFun {
	margin-bottom: -1em;
}

ul.awards{
	margin-top: -25px;
}


li img.octoberfest{
	border: none;
	float: right;
	margin-right: 350px;
	margin-top: -29px;
}

img.active{
	float: left;
	height: 19px;
	width: 100px;
	margin: -18px 0px -15px 460px;
	border: none;
	clear: both;
}

ul#sponsors img{
	margin: 25px 6px auto 7px;
}

ul#sponsors img.first{
	margin-left: 20px;
}

	
/* ------------------------------------------------------------------------
#FOOTER ELEMENTS
--------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #000;
	overflow: hidden;
	width: 957px;
	display: block;
	margin: 20px auto 0px auto;
	padding: 10px 0px;
}
#footer p{
	margin: 0px 0px 0px 40px;
	float: left;
}
#footer p.vtech{
	float: right;
	margin-right: 40px;
}
#footer a{
	color: #000;
	text-decoration: none;
	border: 0px;
}
#footer a:hover{
	text-decoration: underline;
}

.noBorder{
	border:none;
}

/*.linkText {
	text-decoration: underline;
	border-bottom: thin;
	margin: 25px 25px;
}*/
#sponsors ul.noBullets li {
white-space:nowrap;
display: block;
}
#sponsors li.sponsText {
	line-height: 40px;
	}
#sponsors h2{
	clear:both;
}
body.bodyStyle {
font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#main{
font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.floatright {
	display: block;
	float: right;
	margin: 40px 40px;
}
.imgPad {
	display: block;
	padding: 35px 35px;
}

	
#carShow1 ul {
	font-size:18px;
	font-style:oblique;
	text-decoration:none;
	float:left;
	display:block;
	margin: 10px 10px;
	list-style:none;
}
#carShow1 ul li {
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	margin: 10px 10px;

}
#carShow2 ul {
	font-size:18px;
	font-style:oblique;
	text-decoration:none;
	float:left;
	display:block;
	margin: 10px 10px;
	list-style:none;
}
#carShow2 ul li {
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	margin: 10px 10px;

}
#carShow3 ul {
	font-size:18px;
	font-style:oblique;
	text-decoration:none;
	float:left;
	display:block;
	margin: 10px 10px;
	list-style:none;
}
#carShow3 ul li {
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	margin: 10px 10px;

}
.btmFloat {
	display: inline;
	float: right;
/*	margin-left:100px;*/
	padding: 7px 7px;
	clear:left;
}
.imgFloat {
	display: inline;
	float: right;
	margin: 25px 25px
}
#btmImages {
	display: block;
	margin-right:155px;
}
#lineHt {
	line-height:2em;
}
#gallery ul li {
	margin: 20px 20px;
	float: left;
	display: block;
}
#gallery ul {
	float:left;
	display:block;
	margin: 20px 20px;
	list-style:none;
}
#gallery {
		margin-left: 65px;
}
#imgFloatRight {
	display: block;
	float: right;
	padding: 20px 20px;
}
.marginal {
	dispaly: block;
	float: none;
	padding: 20px 20px;
}

/* ------------------------------------------------------------------------
MISC ELEMENTS
--------------------------------------------------------------------------*/
.clearfloat {
	clear: both;
}

/*--------------------------------------------------------------------------
SPONS0R PART
--------------------------------------------------------------------------*/
#sponsors h2 {
	clear: both;
}
#sponsers ul {
	margin: 0px;
	padding: 0px;
}
#sponsors{
	border-top: 1px solid #000;
	clear: both;
}

#sponsors ul.noBullets li a img{
	display: block;
	text-decoration: none;
	border: none;
	margin: 10px 25px 0px 25px;
}
ul#sponsors li {
	list-style-type: none;
	display: block;
	text-align: center;
	float: left;
}
#sponsors ul.noBullets li {
	float: left;
	display: inline;
}
#sponsors ul.noBullets li.sponsorLogo {
	width: 33%;
	height: 175px;
}
.sponsorLevel {
	padding: 15px 0;
}
#sponsors ul.noBullets li {
text-align:center;
}
#sponsers ul li.sponsorLogo {
	width: 250px;
	height: 250px;
}
#sponsors li.sponsText {
	width: 33%;
}
/*--------------------------------------------------------------------------
3 on 3
--------------------------------------------------------------------------*/
img.3on3{
	float: left;
	clear: both;
	border: 2px solid black;
	margin: -150px 0 0 150px;
}

.hoop{
	margin: 200px 0 0 -500px;
}
	

/*--------------------------------------------------------------------------
Music Elements
--------------------------------------------------------------------------*/
#schedule h2{
	float: left;
	clear: both;
	margin-top: 15px;
	margin-left: 245px;
}

#schedule p.change{
	float: left;
	clear: both;
	margin: 10px 0 0 335px;
	font-size: 16px;
}

#schedule2 h2{
	float: left;
	clear: both;
	margin-top: 15px;
	margin-left: 225px;
}

#schedule2 p.change{
	float: left;
	clear: both;
	margin: 10px 0 0 285px;
	font-size: 16px;
}



#schedule2 p.changeSat{
	float: left;
	clear: both;
	margin: 10px 0 0 200px;
	font-size: 16px;

}

#schedule p.registration{
	float: left;
	clear: both;
	margin: 10px 125px 0 150px;
}

#schedule2 p.registration{
	float: left;
	clear: both;
	margin: 10px 125px 0 150px;
}

#schedule2 h3.registration{
	float: left;
	clear: both;
	margin: 10px 0 -8px 185px;
	font-size: 16px;
	color: #B5262C;
}
#schedule2 p.registration2{
	float: left;
	clear: both;
	margin-left: 185px;
	margin-top: 10px;
}



#schedule p.alternateDays{
	float: left;
	clear: both;
	margin: 10px 0 0 250px;
}

#schedule2 p.alternateDays{
	float: left;
	clear: both;
	margin: 10px 0 0 250px;
}

#schedule ul.dates{
	float: left;
	clear: both;
	margin: 25px 0 0 45px;
	font-weight: bold;
	font-size: 16px;
	list-style-type: none;
}

#schedule .table{
	float: left;
	margin: 50px 0 0 185px;
}

#schedule2 .table{
	float: left;
	margin: 50px 0 0 185px;
}

.fLeft {
float:left;
}
.clearBoth {
clear:both;
}

.winners{
	text-align: center;
}
.winnersList li{
	margin-left: 385px;
}



#flash IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
		width: 503px;
		height: 280px;
}
#flash IMG.active {
    z-index:10;
}
#flash IMG.last-active {
    z-index:9;
}
/*--------------------------------------------------------------------------
Tour de Fest Elements
--------------------------------------------------------------------------*/
.info{
	display: block;
}

.flyer{
	float: left;
	margin: 25px 0 0 45px;
}	
.captionFlyer{
	float: left;
	text-align: center;
	margin-left: -138px;
	margin-top: 150px;
	font-weight: bold;
}

.map{
	float: left;
	margin: -140px 50px 0 600px;
}

.captionMap{
	float: left;
	text-align: center;
	margin-left: 620px;
	margin-top: 0px;
	font-weight: bold;
}

.help{
	margin-top: 275px;
}

.jersey{
	float: left;
	margin: -140px 0 0 525px;
}

.tshirt{
	float: left;
	margin-top: -100px;
	margin-left: 525px;
}

.tshirtInfo{
	float: left;
	margin-top: 35px;
	margin-left: 100px;
}



.right{
	float: left;
	margin: -15px 0 45px 225px;
}

.left{
	float: left;
	margin: -15px 0 45px 15px;
}

.directions{
/*	margin-top: 350px;
*/	clear: left;
}
/*--------------------------------------------------------------------------
Adult Balloon Drop
--------------------------------------------------------------------------*/
ul.adultRt{
	list-style: none;
	margin-top: -235px;
	font-weight: bold;
}

ul.adultRt li{
	margin-left: 400px;
}

ul.adultLt{
	list-style: none;
	margin-top: 20px;
	font-weight: bold;
}