/* ------------------------------------------------------------------------
CSS sheet for Q90 FM.
Author: Tim Kadlec
Date Created: 10/29/2007

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

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

COLORS

Dark Gray  - #303030;
	
------------------------------------------------------------------------ */


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
}
body{
	font: 12px/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/bodybg.jpg) top center no-repeat #13567a;
}
#wrap{
	text-align: left;
	display: block;
	width: 1004px;
	margin: auto;
	background: #a1bed8;
}
#header{
	display: block;
	width: 100%;
	color: #fff;
	height: 30px;
	position: relative;
	z-index: 1000000;
}
#header a {
	text-decoration: none;
}
#flash{
	position: absolute;
	top: 29px;
	right: 35px;
	display: block;
	height: 212px;
	width: 538px;
}
h1{
	/*background: url(images/logoNEW.gif) 0px 29px no-repeat;*/
	background: url(images/newLogo.png) 0px 29px no-repeat;
	display: block;
	height: 200px;
	width: 250px;
	margin-left: 10px;
	font-size: 70%;
	text-indent: -9999px;
}
#header > h1{
	background: url(images/newLogo.png) 0px 29px no-repeat;
	/*background: url(images/logoNEW.png) 0px 29px no-repeat;*/
}
#content{
	display: block;
	width: 100%;
	padding: 5px 0 1em 0;
	float: left;
	/*background: url(images/contentbg2.gif) repeat-x;*/
	background: url(images/headerBG.jpg) no-repeat;
	margin-top: -1px;
}
a.top{
	float: right;
	color: #564D3C;
	font-size: 1.1em;
	margin-right: 10px;
	display: inline;
	padding-bottom: .2em;
}
ul.reg{
	margin: 1em 30px;
}
ul.adr{
	list-style-type: none;
	margin: 0 15px;
}
.feature img{
	float: right;
	margin: 10px 15px;
	display: inline;
	border: 0px;
}
.feature img.wide{
	float: none;
	margin: 10px auto;
	border: 1px solid #000;
	display: block;
}
img.sponsor{
	display: block;
	margin: auto;
	border: 1px solid #000;
	float: none;
}
p.sponsor{
	text-align: center;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
ul.navigation{
	display: block;
	width: 100%;
	background: #000;
	height: 29px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
}
.navigation li{
	display: block;
	float: left;
	height: 29px;
	text-align: center;
	position: relative;
}
.navigation a{
	display: block;
	float: left;
	height: 29px;
	text-indent: -9999px;
	margin: auto;
}
.navigation a{
	background: url(images/navigation.gif) no-repeat;
}
.navigation li.home a{
	width: 103px;
	background-position: 0px 0px;
}
.navigation li.home a:hover{
	background-position: 0px -29px;
}
.navigation li.about a{
	width: 104px;
	background-position: -103px 0px;
}
.navigation li.about a:hover{
	background-position: -103px -29px;
}
.navigation li.contact a{
	width: 107px;
	background-position: -207px 0px;
}
.navigation li.contact a:hover{
	background-position: -207px -29px;
}
.navigation li.onair a{
	width: 105px;
	background-position: -314px 0px;
}
.navigation li.onair a:hover{
	background-position: -314px -29px;
}
.navigation li.events a{
	width: 107px;
	background-position: -419px 0px;
}
.navigation li.events a:hover{
	background-position: -419px -29px;
}
.navigation li.youth a{
	width: 169px;
	background-position: -526px 0px;
}
.navigation li.youth a:hover{
	background-position: -526px -29px;
}
.navigation li.links a{
	width: 100px;
	background-position: -695px 0px;
}
.navigation li.links a:hover{
	background-position: -695px -29px;
}
.navigation li.support a{
	width: 195px;
	background-position: -795px 0px;
}
.navigation li.support a:hover{
	background-position: -795px -29px;
}
.navigation li ul{
	display: none;
}
.navigation li:hover ul, .navigation li.over ul{
	display: block;
	position: absolute;
	top: 29px;
	left: 0px;
}
#header .navigation li ul li, #header .navigation li ul a{
	float: none;
	color: #F0F2E1;
	text-indent: 0;
	text-align: left;
	width: 200px;
	display: block;
}
#header .navigation li ul li a{
	background: #000;
	margin: 0;
	text-decoration: none;
	padding-left: 10px;
	width: 190px;
	padding-top: 5px;
	height: 20px;
	color: #fff;
}
#header .navigation li ul li a:hover{
	background: #4B4A4A;
}
#header .navigation li ul li{
	background: #1D1D1D;
	border-bottom: 1px solid #777;
	height: 25px;
}
/* -----------------------------------------------------------------------
MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	width: 650px;
	margin-left: 10px;
	border: 2px solid #759dc1;
	/*background: #e4edf5;*/
	background: #c5c5c5;
	float: left;
	display: inline;
	margin-top: 210px;
	color: #000;
	min-height: 432px;
	padding-top: 0px;
}
#main a{
	color: #000;
}
#main img.right{
	float: right;
	display: inline;
	margin: 10px;
}
p.heading{	
	display: block;
	clear: both;
}
p.heading strong{
	font: 20px/20px Georgia, 'Times New Roman', Times, serif bold;
}
#main img.right2{
	float: right;
	display: block;
}
#main img.left{
	float: left;
	display: block;
}
#main span.indent{
	margin: 10px 20px;
	display: block;
	font-size: 13px;
}
#main span.indent a{
	color: #000;
}
#main h2{
	font: 20px/20px Georgia, 'Times New Roman', Times, serif bold;
	margin: .3em 10px;
	background: url(images/h2.jpg) no-repeat;
	height: 28px;
	padding: 11px 10px 0 5px;
	color: #000;
}
#main h3{
	font: 18px/18px Georgia, 'Times New Roman', Times, serif bold;
	margin: .9em 15px;
	padding-bottom: .1em;
	color: #000;
	background: url(images/ragged.jpg) bottom left no-repeat;
}
#main h4{
	font: 18px/18px Georgia, 'Times New Roman', Times, serif bold;
	margin: .9em 15px;
	color: #000;
}
#main p{	
	margin: 1.5em 15px;
	color: #000;
}
#main dl{
	margin: 1.5em 15px;
}	
#main dl dt{
	font-weight: bold;
	margin-top: 10px;
}
#main dl dd{
	margin: 0px 15px 5px 15px;
}
.by{
	display: block;
	margin-left: 20px;
	font-style: italic;
}
#main p.banner{
	text-align: center;
	padding-top: 40px;
}
#main p.banner img{
	border: 1px solid #000;
	float: none;
	margin: auto;
}
img.centered{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	border: 1px solid #303030;
}
#main p.request{
	float: left;
	margin-top: 0px;
}
p.request img{	
	border: 0px;
}
ul.stationPics{
	list-style-type: none;
	text-align: center;
}
div.video{
	margin: 0.5em 15px 3em 15px;
}
#main p.giving{
	overflow: hidden;
}
#main p.giving a{
	margin: 0px 10px;
	float: left;
	display: block;
	background: url(images/givingBG.jpg) top left no-repeat;
	text-align: center;
	width: 155px;
	font: 20px/36px Georgia, 'Times New Roman', Times, serif bold;
	text-decoration: none;
}
#main p.giving a:hover{
	background-position: bottom left;
}
/* -----------------------------------------------------------------------
STAFF BIO ELEMENTS
-------------------------------------------------------------------------*/
dl.bio{
	margin-left: 15px;
	color: #000;
}
dl.bio dt{
	font-weight: bold;	
	display: block;
}
dl.bio dd{
	margin: 0px 15px 5px 15px;
}
dl.bio dd ul{
	margin: 0px 15px 5px 15px;
}
img.biophoto, img.biophotob{
	float: right;
	margin: 10px 15px;
	display: inline;
}
img.biophotob{
	border: 1px solid #564D3C;
}
img.onAirStaffHeader {
	margin-top: 210px;
}
ul#staff{
	text-align: center;
	list-style-type: none;
}
ul#staff li{
	width: 32%;
	float: left;
	height: 120px;
	margin-top: 5px;
}
ul#staff li a{
	display: block;
	border: 0px;
	height: 120px;
}
ul#staff img{
	border: 0px;
}
ul#staff li.admin{
	clear: both;
	display: block;
	float: none;
	height: 25px;
	width: 100%;
	text-align: left;
	padding-top: 10px;
}
ul#staff li.floatagain{
	clear: both;
	display: block;
}
/* -----------------------------------------------------------------------
PHONE DIRECTORY ELEMENTS
-------------------------------------------------------------------------*/
table.phoneDirectory{
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	margin: 1.5em auto;
}
table.phoneDirectory th{
	color: #000;
	font-weight: normal;
	background: url(images/ragged.jpg) bottom left no-repeat;
	font: 1em/1.4em Georgia, "Times New Roman", serif;
	padding-bottom: .2em;
}
table.phoneDirectory td{
	padding: .3em 0;
	color: #000;
	border-bottom: 1px dashed #ACA597;
	vertical-align: top;
}
table.phoneDirectory td.partial{
	border-bottom:0px;
}
table.phoneDirectory a{
	color: #000;
}



/* -----------------------------------------------------------------------
RIGHT ELEMENTS
-------------------------------------------------------------------------*/
#right{
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	/*background: url(images/rightcontent.gif) top left no-repeat;*/
	width: 310px;
	padding-left: 15px;
	color: #000;
}
#wotw{
	width: 301px;
	font-size: 120%;
	font-family: "Palatino Linotype", Georgia, serif;
}
#wotw dt{
	width: 301px;
	height: 28px;
	display: block;
	background: url(images/wotw.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 1em;
}
#wotw dd{
	padding: 0 10px;
}
#wotw dd.passage{
	text-align: right;
}
dl#galleries {
	margin-top: 210px;
}
dl#galleries dt{
	width: 301px;
	height: 28px;
	display: block;
	background: url(images/galleries.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 1em;
}	
dl#galleries dd a{
	color: #000;
	text-decoration: none;
}
dl#galleries dd a:hover{
	font-weight: bold;
}
.sidelinks{
	list-style-type: none;
	margin-top: 1em;
	color: #000;
}
.sidelinks li a{
	display: block;
	width: 320px;
	text-indent: -9999px;
}
.sidelinks li a.istg{
	background: url(images/istg.jpg) no-repeat;
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
}
/*.sidelinks li a.listen{
	background: url(images/listenonline.gif) no-repeat;
	height: 153px;
}*/
.sidelinks li a.support{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/supportq.jpg) no-repeat;
}
.sidelinks li a.support2{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/supportq2.jpg) no-repeat;
}
.sidelinks li a.facebook{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/facebookNEW.jpg) no-repeat;
}
.sidelinks li a.nightZone{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/nightZone.jpg) no-repeat;
}
.sidelinks li a.liFest{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/liFest.jpg) no-repeat;
}
.sidelinks li a.qStore{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/qStore.jpg) no-repeat;
}
.sidelinks li a.cupOjoy{
	height: 93px;
	width:  248px;
	margin: 20px auto 0px auto;
	background: url(images/cupOjoy.jpg) no-repeat;
}
.sidelinks li a.outerEdge{
	height: 248px;
	width:  93px;
	margin: 20px auto 0px auto;
	background: url(images/outerEdge.jpg) no-repeat;
}
.sidelinks li dl#collapse{
	margin-bottom: 10px;
}
.sidelinks li dl#collapse dt{
	cursor: help;
	font-weight: bold;
	border-bottom: 1px dashed #000;
}
#right p.sponsor{
	margin: 1.5em 0;
}
#right p.sponsor a{
	color: #000;
}
#right p.sponsor a:hover{
	font-weight: bold;
}
/* -----------------------------------------------------------------------
PROGRAM GUIDE ELEMENTS
-------------------------------------------------------------------------*/
#main dl.toc{
	width: 95%;
	padding: 0px;
	overflow: hidden;
}
#main dl.toc dt{
	background: url(images/dots.gif) 0px -4px repeat-x #c5c5c5;
	display: block;
	width: 45%;
	float: left;
	margin: 0px;
	padding: 0;
	clear: left;
}
#main dl.toc dt span{
	background: #c5c5c5;
	padding-right: 2px;
}
#main dl.toc dd a, #main dl.toc dd span{
	background: #c5c5c5;
	padding-left: 5px;
}
#main dl.toc dd{
	float: left;
	width: 54%;
	margin: 0px;
	padding: 0;
	text-align: right;
	background: url(images/dots.gif) 0px -4px repeat-x #c5c5c5;
}

/* -----------------------------------------------------------------------
SHOWS ELEMENTS
-------------------------------------------------------------------------*/
dl.show{
	float: left;
	text-align: center;
	width: 42%;
}
dl.show img.border{
	border: 1px solid #564D3C;
}
/* -----------------------------------------------------------------------
FORMS ELEMENTS
-------------------------------------------------------------------------*/
form label{
	display: block;
	clear: both;
	float: left;
	width: 350px;
	margin-left: 50px;
}
form input{
	width: 146px;
}
form select{
	width: 150px;
}
form input.submit{
	clear: both;
	display: block;
	float: none;
	margin: auto;
}
form input.getDate{
	clear: both;
	display: block;
	float: none;
	margin: auto;
}
form ul li{
	clear: both;
	list-style-type: none;
	margin: 10px 0px;
}
select.year{
	width: 100px;
}
select.month{
	width: 100px;
}
.fancyform .legend{
	font: 18px/18px Georgia, 'Times New Roman', Times, serif bold;
	margin: .9em 0;
	padding-bottom: .1em;
	width: 100%;
	color: #000;
	display: block;
	background: url(images/ragged.jpg) bottom left no-repeat;
}
#main .fancyform p.info{
	font: 18px/18px Georgia, 'Times New Roman', Times, serif bold;
	margin: 1.5em 0;
}
form input.submit{
	margin: 10px 0 10px 200px;
}
form input.getDate{
	margin: 2px 0 2px 220px;
}
form fieldset{
	border: 0px;
}
.bold{
	font-weight: bold;
}
#validationbox{
	display: none;
}
/* -----------------------------------------------------------------------
POLL ELEMENTS
-------------------------------------------------------------------------*/
div.poll{
	display: block;
	clear: both;
	margin: 1.5em 10px;
	overflow: hidden;
	width: 100%;
}
form.poll{
	width: 100%;
}
form.poll label{
	font-weight: bold;
	width: 100%;
}
form.poll li{
	margin: 0;
}
form.poll li .vote{
	width: auto;
	margin-top: -0px;
	display: block;
	float: left;
}
#main form.poll input{
	text-align: left;
	width: auto;
	float: left;
	margin: 2px 5px 0 5px;
}
form.poll label{
	margin-left: 0;
}
form.poll li.submit{
	margin-bottom: 1.5em;
}
form.poll li.submit input{
	padding: 0 10px;
}
.clear{
	display: block;
	clear: both;
}
dl.results{
	width: 580px;
}
#main dl.results dd{
	border-bottom: 1px solid #000;
	padding: 0 0 4px 0;
	margin: 0;
	overflow: hidden;
}
.answer{
	width: 400px;
	display: block;
	float: left;
}
.total{
	float: right;
}
/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	clear: both;
	background: url(images/footerbg.jpg) top left no-repeat #AC9172;
	color: #000;
	display: block;
	width: 100%;
	font: 12px/1.5em Arial, sans-serif;
	position: relative;
}
#footer a{
	color: #000;
}
#footer a.store{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 143px;
	width: 265px;
	display: block;
	text-indent: -9999px;
}
#footer ul{
	list-style-type: none;
	padding-top: 4em;
	margin: 0 50px 1em 50px;
}
#footer li{
	display: inline;
	margin-left: 15px;
}
#footer p{
	margin: 1.5em 65px 0 65px;
	padding-bottom: 2em;
}
p.number{
		text-align: center;
}
/* -----------------------------------------------------------------------
QARTIST ELEMENTS
-------------------------------------------------------------------------*/
#alphabet{
	margin-left: 15px;
	font: 1.4em/1.4em Georgia, "Times New Roman", serif;
	list-style-type: none;
}
#alphabet li{
	display: inline;
	margin-right: 5px;
}
#artists{
	margin-left: 15px;
	display: block;
	padding: 1.5em 0;
	min-height: 300px;
}
#events{
	display: block;
	padding: 1.5em 0;
	min-height: 330px;
}
.loading{
	background: url(images/loading.gif) center center no-repeat;
}
#artists ul{
	list-style-type: none;
}
#artists p{
	margin-left: 0px;
}
/* -----------------------------------------------------------------------
QGUESTBOOK ELEMENTS
-------------------------------------------------------------------------*/
.guest blockquote{
	margin: 1.5em 15px;
	padding-bottom: .5em;
	background: url(images/ragged.jpg) bottom left repeat-x;
	overflow: hidden;
}
.guest .cite{
	display: block;
	font-style: italic;
	float: right;
	padding-right: 10px;
}
form.fancyform{
	width: 90%;
	margin: 1.5em auto;
	padding: 0;
	float: none;
}
form.wide{
	width: 100%;
}
form.fancyform ol{
	list-style-type: none;
}
form.fancyform li{
	clear: both;
}
form.fancyform label{
	width: 200px;
	float: left;
	margin: 0;
	margin-top: -5px;
	text-align: right;
	padding-right: 15px;
}
form.give label{
	width: 250px;
	text-align: left;
}
form.wide label{
	width: 350px;
}
#main form.fancyform .tooltip{
	background: #FFF7C0;
	font: 14px/16px Georgia, 'Times New Roman', Times, serif bold;
	padding: .5em 10px;
	margin-top: 5px;
	display: block;
	border: 1px solid #C4C0A4;
	border-top-width: 1px;
}
form.fancyform input[type="text"]{
	padding: .2em .1em .1em .1em;
	background: #a1bed8;
	border: 1px dotted #000;
}
form.fancyform select{
	background: #a1beda;
	border: 1px dotted #2D2113;
	padding:0;
	width: auto;
}	
form.fancyform li{
	padding-bottom: .7em;
	position: relative;
}
form.fancyform li >  textarea{
	background: #a1beda;
	border: 1px dotted #2D2113;
}
.fancyform #hidden, .give #hidden{
	display: none;
}
form.fancyform label.errorMessage{
	position: absolute;
	left: 0px;
	top: 12px;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
}
form.fancyform input.errorMessage, form.fancyform textarea.errorMessage{
	border: 2px solid #2D2113;
}
form.fancyform .submit{
	width: 93px;
	height: 30px;
	margin-left: 215px;
	float: none;
}
form.wide .submit{
	margin-left: 365px;
}
form.fancyform .getDate{
	width: 93px;
	height: 30px;
	margin-left: 215px;
	float: none;
}
form.wide .getDate{
	margin-left: 365px;
}
.errors{
	margin-left: 40px;
	margin-bottom: 1.5em;
}
/* -----------------------------------------------------------------------
CHARTS ELEMENTS
-------------------------------------------------------------------------*/
.chart{
	width: 50%;
	float: left;
}
.charts{
	margin: 0 25px 1em 40px;
}
.charts li{
	padding: .2em 0 .3em 0;
	border-bottom: 1px dashed #ACA597;
}
.charts li.hovered{
	background: #dddfee;
}
/* -----------------------------------------------------------------------
ONGOING NEEDS ELEMENTS
-------------------------------------------------------------------------*/
.need ul.location{
	list-style-type: none;
	margin: 15px;
}
.need{
	margin: 0 20px 10px 15px;
	border-bottom: 1px dashed #ACA597;
}
.need abbr{
	border: 0px;
}
#main .need p{
	margin: 1.5em 0 1.5em 15px;
}
#main .need .date{
	float: left;
	display: inline;
	width: 65px;
	margin: 0 10px 0 0;
	font-size: 120%;
	line-height: 1.4em;
	text-align: center;
}
#main .need .date p{
	margin: 0;
}
#main .need .date abbr{
	height: 54px;
	display:block;
	padding-top: 5px;
	background: url(images/date.gif) no-repeat;
}
.need .date .day{
	display: block;
	font-size: 170%;
	padding-top: 3px;
}
#main .need img{
	float: right;
	margin-left: 5px;
}
#needs{
	padding: .5em 0 1.5em 0;
}
/* -----------------------------------------------------------------------
QUOTES ELEMENTS
-------------------------------------------------------------------------*/
.quotes{
	list-style-type: none;
	margin-bottom: 2.5em;
}
.quotes li{
	display: block;
	margin: 0 15px;
	padding: .3em 0;
	width: 580px;
	overflow: hidden;
	border-bottom: 1px dashed #ACA597;
}
.quotes .day{
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 120px;
}
.quotes blockquote{
	display: block;
	float: left;
	width: 450px;
}
.quotes .cite{
	font-style: italic;
}
/* -----------------------------------------------------------------------
CALENDAR ELEMENTS
-------------------------------------------------------------------------*/
#calendar{
	margin: 210px auto auto auto;
	width: 285px;
	overflow: hidden;
}
.calendar-table{
	width: 285px;
	border-collapse: collapse;
}
.calendar-table th{	
	text-transform: uppercase;
	background: url(images/calendarmonth.gif) no-repeat #7D834D;
	height: 26px;
	color: #fff;
	text-align: center;
	font: bold 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .01em;
}
h3.eventtype{
	text-transform: uppercase;
	background: url(images/calendarmonth.gif) no-repeat #7D834D;
	height: 22px;
	color: #fff;
	text-align: center;
	font: bold 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .01em;
	width: 285px;
	margin: 1.5em auto;
	padding-top: 3px;
}
form.type{
	width: 285px;
	margin: auto;
	padding-bottom: 1.5em;
}
form.type select{
	width: 100%;
}
form.type input{
	margin-top: 5px;
	width: auto;
	padding: .1em .3em;
	float: right;
	margin-bottom: 10px;
}
.calendar-table a, #next, #prev{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
#prev{
	float: left;
	padding-top: .6em;
}
#next{
	float: right;
	padding-top: .6em;
}
.calendar-table td{
	width: 14%;
	text-align: center;
	vertical-align: middle;
}
.calendar-table tr.calendar-header td{
	border: 0px;
}
/* -----------------------------------------------------------------------
SPONSOR ELEMENTS
-------------------------------------------------------------------------*/
#main dl.sponsor{
	display: block;
	border-bottom: 1px dashed #ACA597;
	margin: 0 15px;
	padding: .4em 0;
	width: 94%;
	overflow: hidden;
}
#main dl.sponsor dt{
	font: 1.2em/1.4em Georgia, serif;
	font-weight: bold;
	margin: 0;
}
#main dl.sponsor dd{
	margin: 0;
	padding: 0;
}
#main dl.sponsor dt, #main dl.sponsor dd.adr, #main dl.sponsor dd.tel, #main dl.sponsor dd{
	display: block;
	padding-left: 231px;
}
#main dl.sponsor dd.img{
	float: left;
	padding: 0;
	width: 211px;
	text-align: center;
}
#main dl.sponsor img{
	border: 1px solid #A69967;
	margin-top: 3px;
}
#main dl.qdrive{
	margin-left: 0px;
}
#main dl.qdrive dt{
	font: 18px/18px Georgia, 'Times New Roman', Times, serif bold;
	margin: .9em 15px;
	padding-left: 15px;
	padding-bottom: .3em;
	padding-top: .3em;
	color: #000;
	border-bottom: 1px dashed #ACA597;
	background: url(images/brownarrow.gif) center left no-repeat;
}
#main dl.qdrive dt:hover{
	background-color: #d5d5d5;
	cursor: pointer;
}
/* -----------------------------------------------------------------------
THERMOMETER ELEMENTS
-------------------------------------------------------------------------*/
#thermometer{
	display: block;
	height: 442px;
	width: 301px;
	position: relative;
	text-align: center;
}
#thermometer .gauge{
	height: 442px;
	width: 80px;
	margin: 0 auto 0 20px;
	background: url(images/therm.gif) top left no-repeat;
	position: relative;
}
#thermometer .received{
	position:absolute;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
	background: url(images/therm.gif) -78px bottom no-repeat;
}	
#thermometer span{
	text-align: right;
	position: absolute;
	left: 100px;
	font-size: 90%;
}
#thermometer #sofar{
	display: none;
}
#thermometer .percent16{
	position: absolute;
	top: 84%;
}
#thermometer .percent32{
	position: absolute;
	top: 66%;
}
#thermometer .percent50{
	position: absolute;
	top: 50%;
}
#thermometer .percent67{
	position: absolute;
	top: 33%;
}
#thermometer .percent83{
	position: absolute;
	top: 16%;
}
#thermometer .percent100{
	position: absolute;
	top: 0px;
}
h4.pledge{
	display: block;
	height: 28px;
	width: 301px;
	background: url(images/pledgeometer.gif) no-repeat;
	font-size: 70%;
	text-indent: -9999px;
	margin-bottom: 1em;
	margin-top: 210px;
}
p.pledge{
	margin-bottom: 1em;
}
/* -----------------------------------------------------------------------
PRIZES ELEMENTS
-------------------------------------------------------------------------*/
table.prizes{
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	margin: .4em auto .9em auto;
}
table.prizes td{
	padding: .2em 0;
}
table.prizes tr{
	border-bottom: 1px dashed #ACA597;
}
table.prizes td.time{
	width: 75px;
}
#main dl.prize{
		width: 96%;
		overflow: hidden;
}
dl.prize dd.img img{
	border: 1px solid #000;
}
#main dl.prize dt, #main dl.prize dd{
	margin-left: 160px;
}
#main dl.prize dd.img{
	float: left;
	margin-left: 5px;
	display: inline;
}
#main dl.prize dt{
	font: bold 14px/14px Georgia, 'Times New Roman', Times, serif bold;
	margin: .9em 15px .9em 160px;
	padding-bottom: .1em;
	color: #000;
	border-bottom: 1px dashed #ACA597;
}
#guidelines h3{
	font: bold 14px/14px Georgia, 'Times New Roman', Times, serif bold;
}
#guidelines p{
	font-size: 90%;
	font-family: Arial, sans-serif;
	margin: 1.5em 15px;
	line-height: 1.5em;
}
/* -----------------------------------------------------------------------
EVENTS ELEMENTS
-------------------------------------------------------------------------*/
.vevent ul.location{
	list-style-type: none;
	margin-left: 75px;
}
.vevent{
	margin: 0 20px 10px 20px;
	border-bottom: 1px dashed #ACA597;
}
.vevent abbr{
	border: 0px;
}
#main .vevent p{
	margin: 1.5em 0 1.5em 75px;
}
#main .vevent .date{
	float: left;
	display: inline;
	width: 65px;
	margin: 0 10px 0 0;
	font-size: 120%;
	line-height: 1.4em;
	text-align: center;
}
#main .vevent .date p{
	margin: 0;
}
#main .vevent .date abbr{
	height: 54px;
	display:block;
	padding-top: 5px;
	background: url(images/date.gif) no-repeat;
}
.date .day{
	display: block;
	font-size: 170%;
	padding-top: 3px;
}
#main .vevent img{
	float: right;
	margin-left: 5px;
}


/* ------NEW HEADER LINK --------*/
.listen{
	color: #000;
	position:relative;
	background: url(images/onairLogo.png) top center no-repeat;
	width: 220px;
	top: -170px;
	left: 320px;
}
div .listen h3 {
	display: none;
}
#onair {
	text-align: center;
	color: #000;
	padding: 85px 10px 0px 16px;
}
#innerHeader {
	width: 600px;
	height: 150px;
	position:relative;
	padding-left: 10px;
}


/* ------ TOP SLIDESHOW --------*/
#slideshowWrapper {
	position: relative;
	/*right: 20px;
	top: 27px;*/
	width: 300px;
	height: 200px;
	margin: 0 auto 20px auto;
	/*background-image:url(../images/slideshadow.png);
	background-repeat: no-repeat;*/
}
#slideshow {
	position:relative;
	top: 4px;
	left: 4px;
}
#slideshow IMG {
    position:absolute;
		border: 4px solid #FFF;
    top:0;
    left:0;
    z-index:8;
		width: 292px;
		height: 192px;
}
#slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}
/*--------- Traffic Jam Slideshow -----------*/

#slideshowWrapper2 {
	/*right: 20px;
	top: 27px;*/
	width: 243px;
	height: 323px;
	float: right;
	margin: 0 50px 20px auto;
	clear: left;
	/*background-image:url(../images/slideshadow.png);
	background-repeat: no-repeat;*/
}
#slideshow2 {
	position:relative;
	top: 4px;
	left: 4px;
}
#slideshow2 IMG {
    position:absolute;
		border: 4px solid #FFF;
    top:0;
    left:0;
    z-index:8;
		width: 243px;
		height: 323px;
}
#slideshow2 IMG.active {
    z-index:10;
}
#slideshow2 IMG.last-active {
    z-index:9;
}