body {
	font: 100% "Trebuchet MS", Arial, sans-serif;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background: #A4CF1B;
}


a img {
border: none;}

#wrapper1header {
	background: #FFFFFF url(images/common/man2.jpg) no-repeat right top;
	height: 170px;
}
#wrapper2header {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#logo {
	height: 103px;
	width: 691px;
}
#topnav {
	width: 600px;
	text-align: left;
}
										#navbar, #navbar ul {
										padding: 0;
										margin: 0;
										list-style: none;
										display: block;
										height: 65px;
										width: 700px;
										position: absolute;
										background: url(images/common/biglittlecity-header10.gif) no-repeat right bottom;
										}
										
										
										/*
										The Root-Level list items. Floating left allows
										them to appear horizontally. Width is for IE5 Mac. The last rule in
										this style sheet will set the width for this element to auto for all
										other browsers - hiding it from IE5 Mac. The width is proportional.
										As you add and edit root menu items, you will need to test this width
										to ensure it is wide enough to accomodate all text.
										*/
										#navbar li {
										float: left;
										width: 6em;
										padding: 20px 0px 0px;
										}
										
										
										/* The single backslash \ character inside this comment
										causes IE5 Mac to ignore the following rule, which allows other
										browsers to render top-level menu items to their natural width.
										Do not edit this rule in any way. */
										#navbar li {width: auto;}
										
				
										/*
										Root-Level Links.  Do not change the first two properties.
										Adjust padding values to make the root links taller and to offset them
										from the left and right edges of the link box. Font-size is set here and                                        will apply to all menu levels. Font color is set to dark grey.
										*/
										#navbar a {
										display: block;
										text-decoration: none;
										color: #CC0000;
										padding: 8px;
										font-weight: bold;
										font-size: 95%;
										}
										
										/*
										Changes the Text color and background color when the Root-Level
										menu items are moused over. The second selector sets color and background
										when Root-Level items are accessed with the keyboard tab key. The third
										selector sets an active state to support keyboard access in MSIE. The fourth
										selector is assigned to IE5 and IE6 Windows via the P7_ExpMenu script.
										Note that IE7 supports hover on elements other than links and so behaves
										like Firefox, Opera, and Safari - making the menu operable even if                                        JavaScript is not enabled.
										*/
										#navbar li:hover a, #navbar a:focus,
										#navbar a:active, #navbar li.p7hvr a {
										color: #B0DB20;
										}


										
										
#wrapper1title {
	background: #CC0001 url(images/common/red_band.png) repeat-x;	
}
#wrapper2title {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	min-height: 70px;
}
#wrapper2title h1 {
	color: #FFFFFF;
	margin: 0px;
	padding: 15px 0px 0px;
	font-size: 135%;
	font-weight: normal;
}
#search {
	float: right;
	width: 230px;
	padding: 18px 0px 0px;
	margin: 0px;
}
#search p {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#search input {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}


#wrapper1content {
	background: #FFFFFF url(images/common/mr_spin.png) no-repeat left bottom;
	width: 100%;
}
#wrapper2content {
	width: 783px;
	margin: 0 auto;
	text-align: left;
}
#content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 549px;
}


#navbox1 {
	background: url(images/nav_boxes/blue/bottom.png) no-repeat left bottom;
	width: 173px;
	margin: 20px 10px 20px 0px;
	float: left;
}
#navbox2 {
	background: url(images/nav_boxes/green/bottom.png) no-repeat left bottom;
	width: 173px;
	margin: 20px 10px 20px 0px;
	float: left;
	display:inline;
}
#navbox3 {
	background: url(images/nav_boxes/yellow/bottom.png) no-repeat left bottom;
	width: 173px;
	margin: 20px 10px 20px 0px;
	float: left;
	display:inline;
}

#navbox4 {
	background: url(images/nav_boxes/yellow/bottom.png) no-repeat left bottom;
	width: 220px;
	margin: 20px 10px 20px 0px;
	float: left;
	display:inline;
}

.printText {
	font-size: 60%;
}

#navbox1 h2 {
	text-align:left;
	padding:10px 5px 15px 10px;
	margin:0px;
	background: #12AFD2 url(images/nav_boxes/blue/top.png) no-repeat left top;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: normal;
}
#navbox2 h2 {
	text-align:left;
	padding:10px 5px 15px 10px;
	margin:0px;
	background: url(images/nav_boxes/green/top.png) no-repeat left top;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: normal;
}
#navbox3 h2 {
	text-align:left;
	padding:10px 5px 15px 10px;
	margin:0px;
	background: url(images/nav_boxes/yellow/top.png) no-repeat left top;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: normal;
}
#navbox1 p, #navbox2 p, #navbox3 p {
	padding:5px 19px 12px 12px;
	margin:0;
	color: #FFFFFF;
	font: 90%/20px;
}

#navbox1 a, #navbox2 a, #navbox3 a {
	color: #FFFFFF;
	text-decoration: none;
	
}
#navbox1 h2 a:hover, #navbox2 h2 a:hover, #navbox3 h2 a:hover {
	color: #000000;
	text-decoration: underline;
	
}
#copy1 {
	width: 360px;
}

#westfield {
	width: 360px;
	background: url(images/nav_boxes/westfield/bottom_png32.png) no-repeat left bottom;
	behavior: url(iepngfix.htc); 
	margin: 20px 0px;
}
#westfield h3 {
    text-align:left;
	padding:10px 5px 0px 10px;
	margin:0px;
	background: url(images/nav_boxes/westfield/top.png) no-repeat left top;
	color: #000000;
	font: bold 100%;
	
}
#westfield p {
	text-align:left;
	padding:10px 5px 0px 10px;
	margin:0px;
	color: #FFFFFF;
	line-height: 22px;
	font: bold 85%;
}
#homeimage {
	width: 175px;
	background: url(images/buskers_general/rob_torres.jpg) no-repeat;
	height: 385px;
	float: right;
	margin: -140px 5px 0px 0px;
	padding: 0px;
}
#copy2 {
	width: 550px;
}
#content p {
	font-size: 85%;
	line-height: 1.8em;
}
.containingbox {
	width: 548px;
		}
		
.containingbox a {
	 font-size: 115%;
	margin: 0px;
	padding: 10px 8px 0px;
	line-height: 22px;
	color: #11AFD1;
		}
    		
.containingbox a:hover {
	color: #a4cf1b;
	}		
		
.maincopy {
	width: 548px;
		}
.maincopy a {
	color: #CC0000;
		}		
.maincopy a:hover {
	color: #96C016;
}		
.maincopy p {
	padding: 0px 15px 0px 5px;
	margin-top: 5px;
	
		}
.maincopy h3 {
	font-size: 95%;
	color: #CC0000;
	padding-left: 5px;
	line-height: 1.7em;
		}
.maincopy h4 {
	font-size: 85%;
	color: #CC0000;
	padding-left: 5px;
	margin: 10px 10px 0px 0px;
		}
.performers {
	float: left;
	width: 162px;
	border: 1px solid #11AFD1;
	margin: 0px 15px 25px 3px;
	display: inline;
	height: 100px;
}
.thumbimg {
	float: right;
}

.performers p{
	font-size: 85%;
	color: #333333;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.performers h3{
	font-size: 95%;
	color: #FFFFFF;
	background: #11AFD1;
	margin: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;	
}

.performers h4{
	font-size: 78%;
	color: #FFFFFF;
	background: #11AFD1;
	margin: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;	
}

.performers h5{
	font-size: 85%;
	color: #FFFFFF;
	background: #11AFD1;
	margin: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;	
}

.performers a {
	color: #FFFFFF;
	text-decoration: none;
}
.performers a:hover {
	color: #333333;
	text-decoration: underline;
}





#sidebar {
	float:right;
	width:230px;
	margin:20px 0px 10px 0px;
}
#sidebarimage {
    margin-bottom:20px;
}
#sidebar1 p,#sidebar2 p {
	padding:9px 19px 10px 12px;
	margin:0;
	color: #FFFFFF;
	font: 90%;
}
#sidebar1 {
	margin-bottom:20px;
	background: #12AFD2 url(images/right_col_boxes/bottom_blue.png) no-repeat left bottom;
}


#sidebar2 {
	margin-bottom:20px;
	background: #CC0000 url(images/right_col_boxes/bottom_red.png) no-repeat left bottom;
}
#sidebar2 form {
	margin: 0px;
	padding: 10px 0px 20px 20px;
}
#sidebar1 h2 {
	text-align:left;
	padding:10px 5px 0px 10px;
	margin:0px;
	background: #12AFD2 url(images/right_col_boxes/top_blue.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;	
}
#sidebar2 h2 {
	text-align:left;
	padding:10px 5px 0px 10px;
	margin:0px;
	background:#CC0000 url(images/right_col_boxes/top_red.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}


#sidebar3 {
	width:233px;
	height:210px;
	margin-bottom:20px;
	background: url(images/right_col_boxes/all-vote.png) no-repeat left bottom;
}

#sidebar3 h2 {
	text-align:left;
	padding:10px 5px 0px 10px;
	margin:0px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/right_col_boxes/top_vote.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#wrapper1footer {
	background: url(images/common/green_band.jpg) repeat-x;
}
#wrapper2footer {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	height: 40px;
	color: #FFFFFF;
	padding: 50px 0px 0px 0px;
	font: normal 110%;
}

#contentGallery {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 600px;
}

#contentProgramme {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 780px;
}

.programmeTable {
	background: #99CC00;
	padding: 5px;
	width: 100%;
}
.programmeHeader {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	background: #96C016;
	line-height: 16px;
	vertical-align: top;
}
.programmeDate {
	font-size: 100%;
	color: #222222;
	background: #B0DB20;
	line-height: 16px;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}
.programmeActs {
	font-size: 80%;
	color: #333333;
	background: #FFFFFF;
	line-height: 16px;
	vertical-align: top;
}
.nightperformers {
	float: left;
	width: 162px;
	height: 100px;
	border: 1px solid #FCC952;
	margin: 0px 15px 25px 3px;
	display: inline;
}
.nightbox {
	width: 527px;
	float: left;
	padding: 0px;
	margin-right: 18px;
	margin-left: 3px;
	margin-bottom: 20px;
	border: 1px solid #FCC952;
}
.nightbox h3 {
	font-size: 115%;
	margin: 0px;
	padding: 8px 0px 5px 8px;
	background: #FCC952;
	color: #FFFFFF;
}
.nightbox h4 {
	font-size: 90%;
	margin: 0px;
	padding: 10px 8px 0px;
	line-height: 22px;
	color: #F0A904;
}
.nightbox p {
	font-size: 90%;
	margin: 0px;
	padding: 10px 8px 8px;
	line-height: 22px;
}
.nightbox a {
	color: #CC0000;
}
.nightbox a:hover {
	color: #FCC952;
}
.nightperformers h4{
	font-size: 110%;
	color: #FFFFFF;
	background: #FCC952;
	margin: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	
}



.biobox {
	width: 527px;
	float: left;
	padding: 0px;
	margin-right: 18px;
	margin-left: 3px;
	margin-bottom: 20px;
	border: 1px solid #0C9EBE;
}

.watch {
	width: 527px;
	margin: 0px 0px 0px 3px;
}
.watch table{
	background: #11AFD1;
	width: 100%;
	
}
.watch td{
	background: #FFFFFF;	
}

.watch h5{
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	background: #11AFD1;
	
}
.locationNumber {
	font-weight: bold;
	color: #CD1E32;
}

.watch h6{
	color: #11AFD1;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
}

.biobox h3 {
	font-size: 115%;
	margin: 0px;
	padding: 8px 0px 5px 8px;
	background: #11AFD1;
	color: #FFFFFF;
}
.biobox h4 {
	font-size: 90%;
	margin: 0px;
	padding: 10px 8px 0px;
	line-height: 22px;
	color: #11AFD1;
}
.biobox p {
	font-size: 90%;
	margin: 0px;
	padding: 10px 8px 8px;
	line-height: 22px;
}
.biobox a {
	color: #CC0000;
}
.biobox a:hover {
	color: #11AFD1;
	text-decoration: none;
}
.nightperformers h4{
	font-size: 110%;
	color: #FFFFFF;
	background: #FCC952;
	margin: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	
}

.sponsorstable td a{

										display: block;
										text-decoration: none;
										color: #eeeeee;
										padding: 8px;
										font-weight: bold;
										font-size: 95%;
										}
										




.night {
	width: 527px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
.night table{
	background: #FCC952;
	width: 100%;	
}
.night td{
	background: #FFFFFF;	
}
.night h5{
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	background: #FCC952;
	
}
.night h6{
	color: #F0A904;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
	background: #FFFBF0;
}

a.prog:link, a.prog:visited {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.prog:hover {
	color: #000000;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;
	font-weight: bold;
	background-color: #DBFC71;
}

a.nightsh:link, a.nightsh:visited {
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.nightsh:hover {
	color: #000000;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-decoration: none;
	font-weight: bold;
	background-color: #FF6600;
}