/* ------------------------------------------------------------------------
CSS sheet for Chickenfest
Author: Chris Robinson
Date Created: 07-16-08

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS



------------------------------------------------------------------------ */


/* -----------------------------------------------------------------------
=MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
}
a img {
	border: 0px;
}
body {
	color: #000;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../images/bodybg.jpg) fixed;
	padding-bottom: 85px;
}
#wrap {
	width: 962px;
	display: block;
	margin: auto;
	text-align: left;
	position: relative;
	background: url(../images/clubfooterKiwanis.gif) bottom center no-repeat;
	padding-bottom: 75px;
}
body > #wrap {
	width: 962px;
	display: block;
	margin: auto;
	text-align: left;
	position: relative;
	background: url(../images/clubfooterKiwanis.png) bottom center no-repeat;
	padding-bottom: 100px;
}

p {
	margin: 1.5em 0px;
}
a.banner {
	display: block;
	background: url(../images/chickenfest.gif) no-repeat;
	width: 664px;
	height: 193px;
	text-indent: -9999px;
	margin: auto;
}
/* -----------------------------------------------------------------------
=TOP ELEMENTS
-------------------------------------------------------------------------*/
#top {
	margin: 10px auto 0px auto;
	width: 962px;
	height: 250px;
	display: block;
	position: relative;
	z-index: 999999;
}
#top a.index{
	text-indent: -9999px;
	width: 268px;
	height: 268px;
	background: url(../images/logo.png) center center no-repeat;
	display: block;
	position: absolute;
	top: -60px;
	right: 0px;
}
#top h4{
	color: #D1A913;
	font: 28px/48px Arial, Helvetica, sans-serif, serif;
	text-align: center;
	display: block;
	width: 250px;
	margin: 60px 0px 0px 110px;
/*	background: url(images/darboyKiwanis.gif) center bottom no-repeat;  */
	float: left;
}
body > #top h3{
/*	background: url(images/darboyKiwanis.png) center bottom no-repeat;  */
}
#top h4 .where{
	display: block;
	font-size: 28px;
}
#top h1{
	background: url(../images/kissfmLg.png) no-repeat;
	width: 225px;
	height: 228px;
	display: block;
	text-indent: -99999px;
	float: left;
}
#top img.sixin1{
	float: left;
	margin: -30px 0 5px -50px;
	width: 426px;
	height: 67px;
}
/* -----------------------------------------------------------------------
=HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header{
	display: block;
	background: url(../images/header.gif) no-repeat;
	width: 100%;
	height: 150px;
}
#flash{
	position: absolute;
	top: 50px;
	right: -21px;
}
ul.nav{
	display: block;
	width: 650px;
	height: 44px;
	padding-top: 3px;
	list-style-type: none;
	margin-left: 160px;
	margin-bottom: 3px;
}

ul.nav li{
	float: left;
	height: 44px;
}

ul.nav li a{
	height: 44px;
	display: block;
	float: left;
	background: url(../images/nav2.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul.nav li.home a{
	width: 66px;
	background-position: 0 0;
}

ul.nav li.home a:hover{
	background-position: 0 -44px;
}

ul.nav li.craftshow a{
	width: 100px;
	background-position: -66px 0;
}

ul.nav li.craftshow a:hover{
	background-position: -66px -44px;
}

ul.nav li.schedule a{
	width: 90px;
	background-position: -166px 0;
}

ul.nav li.schedule a:hover{
	background-position: -166px -44px;
}

ul.nav li.sponsors a{
	width: 92px;
	background-position: -256px 0;
}

ul.nav li.sponsors a:hover{
	background-position: -256px -44px;
}

ul.nav li.food a{
	width: 69px;
	background-position: -348px 0;
}

ul.nav li.food a:hover{
	background-position: -348px -44px;
}

ul.nav li.photos a{
	width: 72px;
	background-position: -418px 0;
}

ul.nav li.photos a:hover{
	background-position: -418px -44px;
}

ul.nav li.media a{
	width: 71px;
	background-position: -489px 0;
}

ul.nav li.media a:hover{
	background-position: -489px -44px;
} 

ul.nav li.contact a{
	width: 90px;
	background-position: -561px 0;
}

ul.nav li.contact a:hover{
	background-position: -561px -44px;
}

#sponsorsWide{
	margin-top: 1px;
}
ul.photos{
	list-style-type: none;
	height: 100px;
	float: left;
	overflow: hidden;
}
ul.photos li{
	float: left;
	margin: 0px 15px;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	overflow: hidden;
}
/* -----------------------------------------------------------------------
=CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#content{
	display: block;
	clear: both;
	width: 956px;
	background: #F4E9BB;
	border-right: 3px solid #000;
	border-left: 3px solid #000;
	border-top: 3px solid #000;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* -----------------------------------------------------------------------
=LEFT ELEMENTS
-------------------------------------------------------------------------*/
#left{
	float: left;
	overflow: hidden;
	width: 180px;
	margin-left: 5px;
}
#content > #left{
	margin-left: 10px;
}
#left h3{
	font-size: 15px;
	margin: 1em 0;
	text-transform: uppercase;
}
#left a img{
	display: block;
	margin: 1em 0;
}
/* -----------------------------------------------------------------------
=MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	display: block;
	float: left;
	margin-left: 10px;
	width: 650px;
	margin-right: 30px;
}
#main a{
	color: #000;
	text-decoration: none;
}
#main a:hover{
	border-bottom: 1px solid #000;
}

#main h3{
	font-size: 16px;
	margin: 1.5em 0;
}
#main p.mission{
	margin: 3em;
}
#main p.mission strong{
	font-style: italic;
	display: block;
}
#main dl{
	margin: 1.5em 0;
}
#main dl dt{
	font-weight: bold;
	margin-top: 1.5em;
}
#main .normal{
	font-weight: normal;
	font-size: 12px;
}
#main dl dd ul{
	margin-left: 20px;
}
#right p.preorder{
	font-size: 18px;
}
table{
	border-collapse: collapse;
}
table tr th{
	text-align: center;
	font-weight: bold;
}
table tr td{
	padding: 5px;
	border: 1px solid #000;
}
#main ul{
	list-style-type: none;
	margin-left: 20px;
}
#img{
	width: 676px;	
}
#main > #img{
	width: 956px;	
}
#gold{
	float: left;
	margin-right: 40px;
}
#sponsors{
	width: 900px;

}
h1.center{
	text-align: center;
}
h2.center{
	text-align: center;
}
h3.center{
	display: block;
	float: left;
}
h3.aerial{
	background: url(../images/aerialView.jpg);
	width: 500px;
	height: 294px;
	color: white;
}


#silver{
	float: left;
}
#bronze{
	float: left;
}
#sik{
	margin-left: 40px;
	float: left;
}
#volunteer{
	margin-left: 30px;
	float: right;
	width: 400px;

}
#vendorGold{
	float: left;
}
/*#sponsors img.middle{
	float: left;
	margin-left: 200px;
	clear: both;
}
#sponsors img.middle2{
	float: left;
	margin-left: 200px;
	clear: right;
}
#sponsors img.middle3{
	float: left;
	margin-left: 140px;
	clear: both;
	display: block;
}
#sponsors > img.middle3{
	float: left;
	margin-left: 300px;
	clear: both;
	display: block;
}*/
.fright{
	float: right;
}
.fleft{
	float: left;
}
#textSponsors{
	text-align: center;
}
#textSponsors dt{
	font-size: 20px;
	text-align: center;
}
dl.gold{
	font-size: 14px;
}
dl.silver{
	font-size: 12px;
}
dl.bronze{
	font-size: 10px;
}
dl.spinkind{
	font-size: 10px;
}
dl.support{
	font-size: 9px;	
}
dl.center{
	text-align: center;
	font-weight: bold;
}
#sponsorRight{
	float: right;
	display: block;
	margin: 125px -250px 0 0px;
}

.adamWhittington{
	float: left;
	margin: 15px 10px -0px 0px;
	padding: 5px;
}

/*h1.title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 0.1em 0.05em 0.1em #333;
	margin-left: 300px;
	margin-top: 150px;
}
*//*-----------------------------------------------------------
IE Only
-----------------------------------------------------------*/
h1.title{

	background: url(../images/titleSponsorsA.png);
	text-indent: -9999px;
	width: 310px;
	height: 40px;
	margin-left: 275px;
	margin-top: 150px;


}
h2.premTitle{
	background: url(../images/premierSponsors.png);
	text-indent: -9999px;
	width: 328px;
	height: 40px;
	margin-left: 270px;
	margin-top: 95px;
}

#premImgs img.first{
	margin-left: 125px;
}

h2.titanTitle{
	background: url(../images/titaniumSponsors.png);
	text-indent: -9999px;
	width: 318px;
	height: 38px;
	margin-left: 285px;
	margin-top: 100px;
}




#sponsors h3.platTitle{
	background: url(../images/platinumSponsors.png);
	text-indent: -9999px;
	width: 273px;
	height: 34px;
	margin-left: 310px;
	margin-top: 100px;
}

ul.titleSponsors li{
	display: inline;
}

ul.titleSponsors li img{
	float: left;
	margin: 15px 0 0 45px;
}


#titleImgs img{
	margin: 5px 50px 0 100px;
	width: 225px;
}

#premImgs img{
	margin: 15px 25px 0 30px;
}

#titanImgs img{
	margin: 15px 15px 0 75px;
}

#platImgs img{
	margin: 0 25px 0 40px;
}

img.flyer{
	float: right;
	margin: 25px 300px -100px
}

.vidfont{
	font-size: 18px;
	font-weight: bold;
}

#prevsposors{
	width: 962px;
}

#prevsponsors li{
	float: left;
	display: inline;
	list-style: none;
	font-weight: bold;
	font-size: 18px;
	padding-right: 300px;

}
#prevsponsors li.sponsors09{
	float: right;
	margin-right: -300px;

}
#titlesponsors img{
	float: left;
	margin-left: 70px;
	
}

#titlesponsors2 h2{
	margin-top: 15px;
}

#kissArtists ul{
	list-style-type: none;
}

#kissArtists li{
	display: inline;
}

#kissArtists img{
	margin: 15px 20px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

p.cody{
	text-align: left;
	margin: -17px 0 0 80px;
}
p.charice{
	text-align: left;
	margin: -19px 0 0 307px;
}

p.kat{
	text-align: left;
	margin: -19px 0 0px 500px;
}

p.jaicko{
	text-align: left;
	margin: -17px 0 0 100px;
}

p.brooke{
	text-align: left;
	margin: -17px 0 0 288px;
}

p.ryan{
	text-align: left;
	margin: -17px 0 0 495px;
}

p.jada{
	text-align: left;
	margin: -12px 0 0 105px;
}


img.store{
	float: right;
	clear: left;
	width: 100px;
	margin-right: 20px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
br.clear{
	clear: both;
}


/* -----------------------------------------------------------------------
=SCHEDULE ELEMENTS
-------------------------------------------------------------------------*/
#calendar #main h2 {
	clear: both;
}
#calendar #main ul.calendar {
	margin: 10px 10px 0px 0px;
	list-style-type: none;
}
#calendar #main ul.calendar li {
	padding-bottom: 30px;
	clear: both;
}
#calendar #main ul.calendar img {
	margin: 0px 10px 40px 0px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;

}
#calendar #main ul.calendar img.question{
	float: right;
	display: block;
}
#calendar #main ul.calendar img.parade{
	float: right;
	border: none;
}


/* -----------------------------------------------------------------------
=GALLERY ELEMENTS
-------------------------------------------------------------------------*/
ul.galLinks li{
	float: left;
	text-align: center;
	margin: 10px 10px 15px 0px;
}

ul.galLinks li img{
	height: 166px;
	width: 250px;
}

ul.galLinks2 li{
	list-style-type: none;
	float: left;
	text-align: center;
	margin: 10px 10px 10px 0px;
}

#right h3.pyPhotos{
	margin-top: 375px;
}

ul.galLinks li a img{
	display: block;
	border: 3px solid #D1A913;
}
#main ul.galLinks li a span{
	border-bottom: 1px dashed #000;
}
#main ul.galLinks li a:hover span{
	border-bottom: 1px solid #000;
}
p#theName{
	font-size: 16px;
	margin: 1.5em 0;
}
#gallery{
	text-align: center;
	display: block;
	margin-top: 20px;
}
ul.tourLinks{
	margin: auto;
	display: block;
}
ul.tourLinks li{
	float: left;
	display: block;
	list-style-type: none;
}
#main ul.tourLinks li a{
	padding: 5px 9px;
	background: #3367A3;
	margin-top: 150px;
	display: block;
	border: 2px solid #D1A813;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#main ul.tourLinks li a:hover{
	background: #12437B;
	color: #fff;
}
#gallery img{
	border: 3px solid #D1A813;
}
ul.tourLinks li.img{
	width: auto;
	display: block;
	margin: 0 20px;
}
p#theName{
	font-weight: bold;
}

a span{
	border-bottom: 1px dashed #000;
}

a:hover span{
	border-bottom: 1px solid #000;
}
/* -----------------------------------------------------------------------
=RIGHT ELEMENTS
-------------------------------------------------------------------------*/
#right{
	width: 220px;
	float: left;
	margin-right: 10px;
	margin-top: 110px;
	position: relative;
}
#right a img{
	border: 1px solid #000;
}
#right p strong{
	display: block;
}
#right dl{
	margin: 1.5em 0;
}
#right dl dt{
	font-weight: bold;
	margin-top: 1.5em;
}
#right dl dt .normal{
	font-weight: normal;
}
#right dl dd ul{
	margin-left: 20px;
}
#right a.noBorder img{
	border: none;
}
/*#right img.parade{
	position: absolute;
	top: 1250px;
	right: 0px;
}
*/.sidebar{
	margin-left: 35px;
	padding-top: 20px;
}

.sidebarText{
	text-align: center;
	margin-top: -3px;
}

#right img.undiscoverdStar{
	position: absolute;
	top: 1500px;
	right: 0px;
	border: none;
}

#right img.parade2{
	position: absolute;
	top: 2545px;
	right: 0px;
	border: none;
}


#right img.summerslam{
	position: absolute;
	top: 3545px;
	right: 0px;
	border: none;
	height: 225px;
	width: 225px;
	
}
div#main ul.calendar li ul#kissleft {
	width: 40%;
	position: absolute;
	top: 2050px;
	left: 250px;
}
div#main ul.calendar li ul#kissleft li{
	padding: 0;
}
div#main ul.calendar li ul#kissright {
	width: 40%;
	position: absolute;
	top: 2070px;
	left: 500px;
}
div#main ul.calendar li ul#kissright li{
	padding: 0;
	
}

.tv{
	float: left;
	margin: -125px 0 0 700px;
}
/* -----------------------------------------------------------------------
=FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	clear: both;
	background: url(../images/footerbg.gif) no-repeat;
	height: 55px;
	width: 962px;
}
#footer ul {
	float: left;
}
#footer ul li {
	float: left;
	list-style-type: none;
	margin: 0px 20px;
}
#footer p {
	float: right;
	margin: 0px;
	text-align: right;
	margin-right: 20px;
}
#footer a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}
#footer a:hover{
	border-bottom: 1px solid #000;
}
#right a img.glitz{
	 border: none;
}



#content a:hover {
	text-decoration: none !important;
	border-bottom: none !important;
}