@charset "utf-8";
/* CSS Document */

a:link {
	color: #1B1C20;

}
a:visited {
	color: #1B1C20;
	
}
a:hover {
	color: #999999;
	
}
a:active {
	color: #1B1C20;
	
}
ul{

	

	margin: 0;
	

	margin-left:15px;

	padding: 0;

	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}
/* Front Page Splash */
#mainContent {
	float: left;
	width: 660px;
	min-height: 389px;
	background-image: url(../images/bodyBackground.jpg);
	margin-bottom:10px;
	margin-top:10px;
	clear:both;
	height:auto!important;
	height:389px;
}

#mainContent a{
	color:#999999;
}

#mainContent .pageHeading {
	float: left;
	background-color:#1B1C20;
	min-width: 175px;
	padding-top:22px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	margin-left:20px;
	margin-right:15px;
	margin-top:15px;
	font-family: Impact, Arial;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
	clear:right;
	
}
#jpp
{
padding:10px 0 10px 0;
}
#mainContent .textBox {
	float: left;
	background-color:#FFFFFF;
	width: 500px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-left:20px;
	margin-right:15px;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1B1C20;
	text-align:left;
	margin-bottom:20px;
	
	

}
#gallery-container {
background-color:#FFFFFF;
color:#1B1C20;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:25px 15px 20px 20px;
padding:20px 20px 10px;
text-align:left;
width:580px;
}
#gallery
{
padding-top:10px;
}
.gallery-thumb {
float:left;
margin:6px 6px 0 0;
text-align:center;
width:100px;
}
#mainContent .formBox {
	float: left;
	background-color:#FFFFFF;
	width: 530px;
	
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	margin-left:20px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom:20px;
	font-family:  Arial;
	font-size:11px;
	color:#1B1C20;
	text-align:left;
	margin-bottom:10px;

}

#mainContent .formBox h5 {
	font-size:19px;
	color:#1B1C20;
	text-align:left;
	text-transform:uppercase;
	font-weight: lighter;
	margin-bottom:0px;
	padding-bottom:0px;
	font-family:Impact, Arial;
	letter-spacing:1px;

}

#mainContent .textBox h1 {

	font-size:19px;
	color:#1B1C20;
	text-align:left;
	text-transform:uppercase;
	font-weight: lighter;
	margin-bottom:0px;
	padding-bottom:0px;
	font-family:Impact, Arial;
	letter-spacing:1px;


}

#mainContent input {
	border-color: #DADADC;
	border-style: solid;
	border-width: thin;
}
#mainContent .textBox h2 {

	font-size:14px;
	color:#1B1C20;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
    
}
#mainContent .textBox h3 {

	font-size:16px;
	color:#1B1C20;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
    text-transform:uppercase;
	font-family:impact;arial;
	font-weight:lighter;
}
.textBox hr { border:0; border-top:1px solid #ACACAD; clear:both; }
#banner
{
 margin-top:10px;
 float:left;
}
.yal-banner
{
 float:left;
 margin-bottom:10px;
 width:660px;
}

.yal-banner-odd
{
float:left;
 width:660px;
}
.yal-banner-left
{
float:left;
width:322px;
}
.yal-banner-right
{
float:left;
margin-left:15px;
width:322px;
}
.festivalsunday-banner
{
 float:left;
 margin-bottom:10px;
 width:660px;
 
}
img,img a
{
 border:0 none;
}
.event-title-blackbg
{
color:#FFFFFF;
background:#000;
width:648px;
height:25px;
float:left;
text-transform:uppercase;
margin-top:10px;
margin-bottom:10px;

padding-left:12px;
line-height:24px;
}
.event-title-blackbg h1
{
font-size:16px;
font-weight:lighter;

float:left;
}
.orange
{
color:#e25508;
float:left;
}
.event-title-orangebg
{
color:#FFFFFF;
background:url(../images/stkilda-yalukit.jpg) no-repeat;
width:660px;
height:25px;
float:left;
text-transform:uppercase;
margin-bottom:10px;
line-height:24px;
}
.event-title-orangebg h1
{
padding-left:12px;
font-size:16px;
font-weight:lighter;
width:110px;
float:left;
}
.event-title-orangebg h2
{
font-size:16px;
font-weight:lighter;
width:150px;
float:left;
}
.event-title-greenbg
{
color:#000;
background:url(../images/stkilda-livelocal.jpg) no-repeat;
width:660px;
height:25px;
float:left;
text-transform:uppercase;
margin-bottom:10px;
line-height:24px;
}
.event-title-greenbg h1
{
font-size:16px;
font-weight:lighter;
width:110px;
float:left;
padding-left:12px;
}
.event-title-greenbg h2
{
font-size:16px;
font-weight:lighter;
width:150px;
float:left;
}
.event-title-greenbg h3 {
float:left;
font-size:16px;
font-weight:lighter;
padding-left:12px;
width:150px;
}
.event-time-green
{
color:#86c540;
float:left;
width:110px;
}
.event-title-bluebg
{
color:#fff;
background:url(../images/stkilda-festival.jpg) no-repeat;
width:660px;
height:25px;
float:left;
text-transform:uppercase;
margin-bottom:10px;


line-height:24px;
}

.event-time-blue
{
color:#0bb5e2;
float:left;
width:110px;
}
.event-title-bluebg h1
{
font-size:16px;
font-weight:lighter;
width:110px;
float:left;
padding-left:12px;
}
.event-title-bluebg h2
{
font-size:16px;
font-weight:lighter;
width:150px;
float:left;
}
.band-detail
{
padding-left:12px;
font-size:16px;
font-weight:lighter;
text-transform:uppercase;
clear:both;
line-height:24px;
}
.event-time
{
color:#FF6600;
float:left;
width:110px;
}
#bandpopup_left
{
float:left;
width:320px;

}
#bandpopup_right
{
float:left;
text-align:left;
font-size:16px;
font-weight:lighter;
text-transform:uppercase;
color:#fff;
width:280px;
}
.event-venue
{
float:left;
width:150px;
}
.event-detail
{
float:left;
padding-left:12px;
}
.band-name-popup
{
float:left;
color:#e25508;
text-transform:uppercase;
font-size:16px;
font-weight:lighter;
margin-top:5px;
margin-bottom:5px;
}
.band-headline
{
font-size:16px;
font-weight:lighter;
margin-top:6px;
}
.band-description
{
min-height:250px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:11px;
	text-decoration: none;
	margin-top:5px;
	width:340px;
	
}
.band-photo
{
min-height:265px;
width:309px;

}
#music-container
{

margin-top:32px;
}
.music-player
{
height:30px;
width:309px;
background:#fff;
color:#000;
text-align:left;
margin-bottom:5px;
text-transform:uppercase;

font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.music-name
{
float:left;
padding-top:7px;
padding-left:3px;
}
.event-date-popup
{
color:#ff6600;
}
/* Front Page Splash */
#frontPageSplash {
    min-height:399px;
	width: 660px;
	float:left;
	
	height:auto!important;
	height:399px;
       font-family:Impact,arial;
}
#fpHeader {
	float: left;
	width: 630px;
	padding: 0px;
	margin-right:15px;
	/* margin-left:15px; */
	margin-top:25px;
	border-top-width: 4px;
    border-top-style : solid ;
    border-top-color :#1B1C20;
	border-bottom-width: 4px;
    border-bottom-style : solid ;
    border-bottom-color :#1B1C20;
	font-family:Impact, Arial;
	text-transform:uppercase;
	font-size:53px;
	color:#1B1C20;
	letter-spacing:1px;
	text-align:center;
	line-height: 50px;
}

#fpPar {
	float: left;
	background-color:#1B1C20;
	width: 498px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom:5px;
	/* margin-left:15px; */
	margin-right:15px;
	margin-top:15px;
	font-family: Impact, Arial;
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:2px;
}

#fpPar2 {
	float: left;
	width: 470px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom:5px;
	/* margin-left:15px; */
	margin-right:15px;
	margin-top:5px;
	font-family: Impact, Arial;
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	text-transform:uppercase;
}


#contentPromos {
	float: left;
	width: 660px;
	color:#454348;
	background-color:#FFFFFF;
	margin-left:10px;
}

/* Produced and Presented by */
#producedPresented {
	float: left;
	width: 660px;
	height: auto;
	
	padding: 0;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;

}

.sponsor-image
{
width:460px;
float:left;
height:120px;
margin-top:24px;
}
.download-program
{
float:left;
margin-left:30px;
width:160px;
margin-top:10px;
}
.skf-safety
{
float:left;
margin-left:30px;
width:160px;
margin-top:3px;
}
.vote-band
{
float:left;
margin-left:30px;
margin-top:4px;
width:160px;
}
#governmentPartners {
	float: left;
	width: 215px;
	height: auto;
	margin-top:10px;
	margin-left:10px;
	padding: 0;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

#governmentPartners img{
margin-right: 24px;
margin-top: 5px;
border: none;
}

#majorSponsor {
	float: left;
	width: 90px;
	height: auto;
	margin-top:10px;
	margin-left:10px;
	padding: 0;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

#majorSponsor img{
margin-top: 5px;
border: none;
}

#credits {
	
	float: left;
	width: 400px;
	color: #97979B;
	font-size:10px;
	margin-left:70px;
       font-family:Impact,Arial;
}
#credits a {
color: #97979B;

}
#credits a:hover {
color: #1B1C20;
}
.develop
{
float:left;
}
.design
{
float:left;
}

.largeNotice {clear:both;}
dl {clear:both;}
.msWide dt { float:left; text-align:right; width:250px; line-height:25px; margin:0 10px 10px 0;}
dt {float:left; text-align:left; width:115px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:315px; line-height:25px; margin:0 0 10px 0;}
textarea {
	border:1px; 
	background: url(../images/popupmenuBackground.jpg); 
	font:11px/11px Arial, Helvetica, sans-serif; 
	margin:0;
	}
.textfield {border:1px; background: url(../images/popupmenuBackground.jpg); font:12px/12px Arial, Helvetica, sans-serif; margin:0;}

select { font:12px/12px Arial, Helvetica, sans-serif; margin:0; }
.vote-row
{
padding-bottom:20px;
clear:both;
}
.input-radio
{
float:left;
width:40px;
}
.vote-bandname
{
float:left;
font-size:12px;
font-weight:bold;
}
.submit-vote {
border:1px solid #666;
float:left;
width:65px;
margin-top:5px;
}