/*------------------------ CSS RESET ------------------------*/

@import url("reset.css");

/*------------------------ GLOBAL STYLES ------------------------*/

#spotlight {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	margin-top:20px;
	}

#spotlight .innermodule p {
	padding-left:10px;
	}
	
/*------------------------ PAGE LAYOUT ------------------------*/

#spotlight #container {
	width:960px;
	margin:0 auto;
	}

#spotlight #left {
	width:198px;
	float:left;
	background:#123A7A url(../images/left_nav_bot.gif) bottom no-repeat;
	}
	
	#spotlight #left2 {
	width:199px;
	float:left;
	background:#000000 url(../images/left_nav_bot2.gif) bottom no-repeat;
	}

#spotlight #centre {
	float:left;
	width:580px;
	margin:0 15px;
	}
	
	#spotlight #centrehome {
	float:left;
	width:520px;
	margin:0 15px;
	}

#spotlight #centre .innermodule {
	width:245px;
	float:left
	}
	
	#spotlight #centrehome .innermodule {
	width:245px;
	float:left
	}

#spotlight #right {
	width:200px;
	float:left;
	}

#spotlight #helper {
	background:#000000 url(../images/helper_bot.gif) bottom no-repeat;
	clear:both;
	width:505px;
	color:#fff;
	}

#spotlight #helper .smallmodule {
	width:155px;
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	}


/*------------------------ LISTS ------------------------*/

#spotlight #left ul {
	padding-bottom:40px;
	}
	
	#spotlight #left2 ul {
	padding-bottom:40px;
	}

#spotlight li a {
	padding:3px 10px;
	display:block;
	text-decoration:none;
	}

#spotlight #left li a {
	background:#FBCC28 url(../images/left_nav_arrow_inactive.gif) top right no-repeat;
	color:#000000;
	margin:3px 15px;
	}

#spotlight #left2 li a {
	background:#FBCC28 url(../images/left_nav_arrow_inactive.gif) top right no-repeat;
	color:#000000;
	margin:3px 15px;
	}

#spotlight #left li a.active, #spotlight #left li a:hover {
	background:#FBCC28 url(../images/left_nav_arrow_active.gif) top right no-repeat;
	}
	
	#spotlight #left2 li a.active, #spotlight #left2 li a:hover {
	background:#FBCC28 url(../images/left_nav_arrow_active.gif) top right no-repeat;
	}

#spotlight .innermodule li a {
	background:#1b1818 url(../images/left_nav_arrow_inactive_wh.gif) top right no-repeat;
	color:#fff;
	margin:3px 0;
	}

#spotlight .innermodule li a.active, #spotlight .innermodule li a:hover {
	background:#FBCC28 url(../images/left_nav_arrow_active_wh.gif) top right no-repeat;
	color:#000000;
	}

#spotlight .smallmodule li a {
	background:#1b1818 url(../images/left_nav_arrow_inactive.gif) top right no-repeat;
	color:#fff;
	margin:3px 0;
	}

#spotlight .smallmodule li a:hover {
	background:#242021 url(../images/left_nav_arrow_active.gif) top right no-repeat;
	}
	
	.important { padding:10px; background:#fbcc28; }

/*------------------------ USEFUL CLASSES ------------------------*/

.spacer {padding-left:15px;}

p { padding:0 0 8px 0; }

.firstlevel {  color:#000; margin-bottom:5px; border-bottom:dashed 1px #666;}
.firstlevel a { color:#000; } 

.eventslist a { color:#000 !IMPORTANT; } 
h1 { font-size:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} 
.light { color:#999999 !important; font-size:20px; padding-top:5px; } 
.allgigs { float:left; background:url(../Elements/allgigs_inactive.gif); width:36px; height:50px; margin-right:8px; }
.allgigs:hover { float:left; background:url(../Elements/allgigs_active.gif); width:36px; height:50px; }
.allgigsactive { float:left; background:url(../Elements/allgigs_active.gif); width:36px; height:50px; margin-right:8px; }

.date1 { float:left; background:url(../Elements/23sept_inactive.gif); width:36px; height:50px; margin-right:8px;}
.datebox1 { background:url(../Elements/12nov.gif) no-repeat; display:block;  width:36px; height:50px; }
.date1:hover { float:left; background:url(../Elements/23sept_active.gif); width:36px; height:50px; }
.date1active { float:left; background:url(../Elements/23sept_active.gif); width:36px; height:50px; margin-right:8px; }

.date2 { float:left; background:url(../Elements/24sept_inactive.gif); width:36px; height:50px; margin-right:8px;}
.datebox2 { background:url(../Elements/13nov.gif) no-repeat; display:block;  width:36px; height:50px; }
.date2:hover { float:left; background:url(../Elements/24sept_active.gif); width:36px; height:50px; }
.date2active { float:left; background:url(../Elements/24sept_active.gif); width:36px; height:50px; margin-right:8px; }

.date3 { float:left; background:url(../Elements/25sept_inactive.gif); width:36px; height:50px; margin-right:8px;}
.datebox3 { background:url(../Elements/14nov.gif) no-repeat; display:block;  width:36px; height:50px; }
.date3:hover { float:left; background:url(../Elements/25sept_active.gif); width:36px; height:50px; }
.date3active { float:left; background:url(../Elements/25sept_active.gif); width:36px; height:50px; margin-right:8px; }

.date4 { float:left; background:url(../Elements/26sept_inactive.gif); width:36px; height:50px; margin-right:8px;}
.datebox4 { background:url(../Elements/15nov.gif) no-repeat; display:block;  width:36px; height:50px; }
.date4:hover { float:left; background:url(../Elements/26sept_active.gif); width:36px; height:50px; }
.date4active { float:left; background:url(../Elements/26sept_active.gif); width:36px; height:50px; margin-right:8px; }

.date5 { float:left; background:url(../Elements/27sept_inactive.gif); width:36px; height:50px; margin-right:8px;}
.datebox5 { background:url(../Elements/27sept_inactive.gif) no-repeat; display:block;  width:36px; height:50px; }
.date5:hover { float:left; background:url(../Elements/27sept_active.gif); width:36px; height:50px; }
.date5active { float:left; background:url(../Elements/27sept_active.gif); width:36px; height:50px; margin-right:8px; }

.dropdown { background:#EE6133; color:#fff; border:none; padding:3px;} 

.cal { padding:5px; background:#FFC000; float:left; margin:3px; border:solid 1px #000;} 


.wkdate { float:left; } 

ul#queens_nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#queens_nav li { float:left; margin-right:4px; }
ul#queens_nav li a { display:block; height:30px; width:10px; text-indent:-9999px; }

li#queensnav_all a { background:url(../images/queens-nav.gif) no-repeat 0px 0px; width:30px;}
li#queensnav_all a:hover, li#queensnav_all a.active { background:url(../images/queens-nav.gif) no-repeat 0px -36px;}

li#queensnav_16 a { background:url(../images/queens-nav.gif) no-repeat -30px 0px; width:30px;}
li#queensnav_16 a:hover, li#queensnav_16 a.active { background:url(../images/queens-nav.gif) no-repeat -30px -36px;}

li#queensnav_17 a { background:url(../images/queens-nav.gif) no-repeat -60px 0px; width:30px;}
li#queensnav_17 a:hover, li#queensnav_17 a.active { background:url(../images/queens-nav.gif) no-repeat -60px -36px;}

li#queensnav_18 a { background:url(../images/queens-nav.gif) no-repeat -90px 0px; width:30px;}
li#queensnav_18 a:hover, li#queensnav_18 a.active { background:url(../images/queens-nav.gif) no-repeat -90px -36px;}

li#queensnav_19 a { background:url(../images/queens-nav.gif) no-repeat -120px 0px; width:30px;}
li#queensnav_19 a:hover, li#queensnav_19 a.active { background:url(../images/queens-nav.gif) no-repeat -120px -36px;}