/* ------------------------------------
bradford parks style sheet
version: 1.1
author: jane mcdevitt
email: jane@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */


/*typography and colours
--------------------------------------------------*/

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #333;
	font-size: .7em;
	margin: 0px;
	background-color: #ccc;
	}	
	
	
	
h1 {
	font-size:120%;
	margin-top:0;
	}	
	
h2, h3 {
	font-size: 100%;
	}	
	
p.sub {
	width:126px; 
	margin-left:15px;
	text-align:center;
	}	
	
p.sub a, p.sub a:visited {
	color:#1864a7;
	}	

p.sub a:hover {
	color:#0c4170;
	}		
	
	
.decoratehd {
	padding:5px;
	border:#e3d9cf 1px solid;
	background-color:#f5f1ed;
	margin:20px 0;
	}
	
#subnav h2 {
	font-size: 100%;
	font-weight:normal;
	margin:12px 0 18px 13px;
	}			
	
#footer p {
	margin:0;
	}	
	
#information a, #extracontent a {
	color:#1864a7;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}	
	
#information a:visited, #extracontent a:visited {
	color:#1864a7;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}	
	
#information a:hover, #extracontent a:hover {
	color:#0c4170;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}		
	
#information p {
	margin:0 0 1em 0;
	line-height:1.6em;
	}
	
#information {
	font-size: 120%;
	}
	
blockquote {	
	margin:0 0 1em 0;
	padding:0 30px;
	line-height: 1.6em;
	border-left: #ccc 1px solid;
	}	
	
.external {
	background:url(../images/external.gif) no-repeat right top;
	padding-right:10px;
	}	
	
.highlight {
	color:#990000;
	}
	
.videogame {
	margin: 0;
	padding: 10px 20px 5px 20px;
	border:#e3d9cf 1px solid;
	background:#f6f3ef;
	}
	
.videogame img {
	float:right;
	padding: 5px;
	margin-left:10px;
	border:#e3d9cf 1px solid;
	background:#fff;
	}					
	
acronym, abbr {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dotted #999;
	}
	
abbr {
	speak:spell-out;
	}

acronym {
	speak:normal;
	}	
	
#footer a {
	color:#333;
	text-decoration:none;
	border-bottom:#98806b 1px solid;
	}
	
#footer a:hover {
	color:#333;
	text-decoration:none;
	border-bottom:#333 1px solid;
	}	
	
.red {
	color:#CC0000;
	}

.green {
	color:#009900;
	}

.purple	{
	color:#663399;
	}

.orange	{
	color:#FF6600
	}

.blue {	
	color:#0066CC;
	}	
	
.title {
	color: #92897d;
	font-weight: bold;
	font-size: medium;
	}
	
.year {
	color: #4caacc
	}	
	
#information p.eventbutton {
	width:165px;
	background-color:#f6f3ef;
	text-align:center;
	float:left;
	margin: 0 7px 8px 0;
	padding:8px;
	border:1px solid #cdc7c2;
	}
	
#information p.eventbutton2 {
	width:165px;
	background-color:#f6f3ef;
	text-align:center;
	float:left;
	margin: 0 7px 8px 92px;
	padding:8px;
	border:1px solid #cdc7c2;
	}	
	
#information p.eventbutton a, #information p.eventbutton2 a {
	border-bottom:none;
	}	

/*structure
--------------------------------------------------*/

#wrapper {
	width: 804px;
	margin: 0 auto;
	text-align:left;
	background:url(../images/tile.jpg) top #fff;
	}
	
#content {
	width: 764px;
	margin: 0 20px;
	}		
	
#header a  {
	display: block;
	width: 764px;
	}
	
#header img  {
	display: block;
	width: 0;
	}
	
#header span {
	display: block;
	width: 764px;
	height: 88px;
	background: url(../images/logo.jpg) no-repeat ;
	}	

#mainnav {
	width:764px;
	float:left;
	background:url(../images/topmenugrad.jpg) bottom repeat-x #FF8119;
	display:block;
	}

#maincolumn {
	width:604px;
	float:right;
	}

#subnav {
	background:url(../images/subnavtop.jpg) top no-repeat;
	width: 160px;
	float:left;
	}

#information {
	width: 570px;
	margin: 0;
	padding:15px 0 15px 15px;
	}	

#footer {	
	margin:0;
	padding:5px;
	text-align:center;
	background:url(../images/footergrad.jpg) top repeat-x #b19c87;
	}
	
#bottomshadow {
	background: url(../images/botshad.jpg) top no-repeat;
	height:10px;
	width:804px;
	margin:0 auto;
	padding:0;
	}	
	
.column01, .column02, .column03 {
	width:182px;
	float:left;
	}	
	
.column01, .column02, .column04 {
	margin-right:8px;
	}	

.column01 ul, .column02 ul, .column03 ul, column04 ul {
	padding-left:20px;
	}
	
.column04 {
	width:130px;
	float:left;
	}	
	
.column05 {
	width:365px;
	float:left;
	}	
	
	
#calarea {
	float:left;
	width:200px;
	}
	
#buttonarea {
	float:right;
	width:250px;
	border-left:1px solid #C7BAA3;
	padding-left:50px;
	}
	

/*lists
--------------------------------------------------*/

 #information ul li{
	padding: 2px 0;
	line-height:1.6em;
	}
	
ul.simple,  ul.simple ul {	
	list-style-type:none;	
	}	
	
#information dl {
  	float: left;
  	width: 570px;
  	padding: 0;
  	display: inline; 
	text-align:left;
	margin-bottom:10px;
  	}
	
#information dl span {
  	width:60px;
	color:#999;
	display:block;
	float:left;
  	}	
	
#information dt {
  	float: right;
  	width: 455px; 
	margin: 4px 0 8px 0;
	color:#3e77a6;
	line-height:1.6em;
  	}
	
#information dd {
  	margin: 0 0 0 115px;
  	padding: 0;
	line-height:1.6em;
	width:455px;
  	}
	
#information dl dd.img {
   	margin: 0;
	width:100px;
   	}
	
#information dd.img img { 
  	float: left;
  	margin: 4px 15px 0 0;
	width:100px;
  	}	
	
#information dl dd.img {/*needed for IE*/
	float: left;
   	}	
	
#information dl p {
	margin:0;
	line-height:1.4em;
	}


/*navigation 
--------------------------------------------------*/

	
#mainnav ul {
	margin:0 0 0 11px ;
	padding:0;
	letter-spacing: .02em;
	}

#mainnav li {
	float:left;	
	list-style-type:none;	
	}
	
#mainnav a {
	float:left;
	text-decoration: none;
	color:#FFFFFF;
	padding:2px .9em 4px .9em;
	border-bottom: 0;
	}
	
#mainnav a:hover {
	background-color:#E74700;
	}
	
#subnav {
	margin:0;
	padding: 0;
	}	

#subnav ul {
	padding: 20px 0;
	list-style-type: none;
	margin: 0;
	}
	
#subnav ul a {
	padding:6px;
	margin:0;
	margin-left:8px;
	display: block;
	text-decoration: none;
	border-top: #bcac9c solid 1px;
	color: #424343;
	width: 130px;
	\width: 142px;
	w\idth: 130px;
	}

#subnav li a:hover {
 	background: #f0ebe5;
 	}	
	
#subnav a.active {
	background-color: #f0ebe5;
	}	
	
#subnav a.underline {
	border-bottom: #bcac9c solid 1px;
	}	
	
#subnav a.activeunder {
	background-color: #f0ebe5;
	border-bottom: #bcac9c solid 1px;
	}	
	
#subnav a.underline {
	border-bottom: #bcac9c solid 1px;
	}		
	
#subnav li ul {
	padding:0;
	margin:0;
	}		
	
#subnav li ul li {
	padding:0; 
	margin:0; 
	}	

#subnav li ul li a {
	padding-left:16px;
	background:url(../images/fancybullet.gif) no-repeat 0 50% ;
	border-top: none;
	width:120px;
	\width: 142px;
	w\idth: 120px;
	}
	
#subnav li ul li a:hover {
	background: url(../images/fancybullet.gif) no-repeat 0 50% #f0ebe5;
	}
			
	
/*breadcrumbs
--------------------------------------------------*/	

p.breadcrumb {
	border-top:#dcd1c4 1px dashed;
	border-bottom:#dcd1c4 1px dashed;
	margin: 25px 18px 0 18px;
	padding:6px 0;
	color:#666;
	font-size:90%;
	}
	
.breadcrumb a {/*make this work! - could take it out of the information area*/
	text-decoration:none;
	color:#666;
	}	
	
.breadcrumb a:hover {/*make this work! - could take it out of the information area*/
	text-decoration:none;
	color:#1864a7;
	}	
	
	

/*images
--------------------------------------------------*/

img {  
	border-style: none;
	}

#subnav img {
	display:block;
	margin:40px auto;
	text-align:center;
	} 
	
#subnav img.less {
	margin-bottom:10px;
	}	
	
.floatright {
	float:right;
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
	margin-left:10px;
	}	
	
.floatrightnodeor {
	float:right;
	margin-left:6px;
	}	
	
.floatleft {
	float:left;
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
	margin-right:10px;
	}	
	
.decorate {
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
	}	
	

/*other
--------------------------------------------------*/

.clear {clear:both}

.horrule {
	clear:both;
	height: 1px;
	border-top: 1px solid #dcd1c4;
	margin: 15px 0;
	}

.horrule hr {
	display: none;
	}

/*form
--------------------------------------------------*/
	
/*fieldset {
	padding:1em;
	border:1px solid #cfbfb0;
	margin:20px 0;
	width:500px;
	font-size:90%;
	}
	*/

	
legend {
	font-weight: bold;
	color:#333;
	margin-bottom:10px;
	}	

label {
	float:left;
	width:30em;
	padding-bottom: 5px;
	display:block;
	}
	
label.narrow {
	width:10em;
	}	

input[type="text"] {
	width:100px;
	}

textarea {
	width:400px; 
	height:100px;
	}

input.radio, input.checkbox, input.submit {
	width:auto;
	}

input.radio {
	float:left;
	margin-right:1em;
	}
	
input.double {
	margin-right:80px;
	}	
	
input[type="text"], textarea {
	border: 1px solid #999999;
	border-bottom: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	}	
	
div#mc_embed_signup {
	width:130px;
	margin-left:15px;
	border:1px solid #B19C87;
	}
	
form#mc-embedded-subscribe-form fieldset {
	width:auto;
	border:none;
	margin:0;
	}
	
form#mc-embedded-subscribe-form label {
	width:auto;
	border:none;
	margin:0;
	padding:0;
	}	
	
html>body form#mc-embedded-subscribe-form label, html>body form#mc-embedded-subscribe-form input[type="text"], html>body form#mc-embedded-subscribe-form input#mc-embedded-subscribe {/*IE7 only*/
     *margin-left:6px;
	}	
	
html>body form#mc-embedded-subscribe-form legend  {/*IE7 only*/
     *margin: 10px 0;
	}	
	
html>body form#mc-embedded-subscribe-form input[type="text"] {/*IE7 only*/
     *width:107px;
	}	
	
form#mc-embedded-subscribe-form legend {
	font-weight:normal;
	border:none;
	margin: 6px 0 ;
	padding:0;
	}
	
form#mc-embedded-subscribe-form input[type="text"], form#mc-embedded-subscribe-form textarea {	
	border:1px solid #B19C87;
	margin-bottom:10px;
	width:110px;
	padding:2px 0;
	}
	
#mce-success-response {
	margin-bottom:10px;
	}
	
/*table
--------------------------------------------------*/	

.charges {
	border: 1px solid #cebfaf;
	margin-bottom:15px;
	}	
	
.charges td, .charges th {
	padding:8px;
	border: 1px solid #cebfaf;
	}		
	
.charges caption {
	display:none;
	}
	
.tabledecor {
	border: 1px solid #cebfaf;
	margin-bottom:15px;
	}	
	
.tabledecor caption {
	display:none;
	}	
	
th {
	text-align:left;
	}
	
.bandstand {
	border:1px solid #cdc7c2;
	padding:6px;
	}
	
.bandstand td, .bandstand th {
	padding:6px;
	}
	
.bandstand caption {
	font-weight:bold;
	text-align:left;
	padding: 20px 0 10px 0;
	}	
	
/*googlemaps and flickr api
--------------------------------------------------*/		
	
#googlemap1 {
	width: 220px; 
	font-size:90%;
	margin-bottom:10px;
	}	
	
.gmnoprint {
	width:120px;
	}
	
#googlemap1 img {
	float:right;
	margin:6px 0 0 6px;
	}	
	
#googlemap1 h3 {
	margin:0 0 8px 0;
	padding:0;
	}	

#map {	
	margin-top:15px;
 	width: 500px; 
 	height: 300px;
	margin-bottom:8px;
	overflow:hidden;
 	}
	
#information #map a {	
	border-bottom:none;
 	}	
	
p.map {
	margin-top:0px;
	font-size:80%;
	}
	
#information .content h3, #information .content p {
	margin:0;
	line-height:normal;
	}
	
#flickr {
	margin-top: 20px;
	margin-bottom:20px;
	}

#flickr a img {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom:0;
	}

#flickr a:hover img {

	}	
	
#flickr p {
	font-size:80%;
	margin:1em 0;
	}	
	
div.horrule {
	height: 1px;
	border-top: 1px solid #C7BAA3;
	margin: 20px 0 20px 0;
	}


div.horrule hr {
	display: none;
	clear:both;
	}	
	
/*calendar
--------------------------------------------------*/	

table.calendar {
	width: 200px;
	padding: 0;
	margin: 0 20px 20px 0;
	border-left: 1px solid #dedede;
	font-family:  Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align: center;
	background-color: #fff;
	float:left;
	}

#information .calnav, #information .calnav a {
	color: #3e78aa;	
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	padding:0 5px;
	border-bottom:none;
	}	

table.calendar caption {
	margin: 0;
	padding: 6px;
	width: 200px;	 
	font-family:  Arial, Helvetica, sans-serif;
	text-align: center;
	font-style:normal;
	color:#333;
	background-color:#fff;
	border:1px solid #dedede;
	}

table.calendar th {
	font-style:normal;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	color:#333;
	text-align:center;
	}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #3e78aa;
	font-weight: bold;
	background: url(images/bg_calendar.gif) no-repeat #fff right bottom;
	}

table.calendar td {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding:6px;
	text-align: center;
	}

#information table.calendar td a:link, #information table.calendar td a:visited {
	text-decoration: none;
	display: block;
	border-bottom:none;
	}

table.calendar td a:link, table.calendar td a:visited {	
	color: #666;
	}

table.calendar td a:hover, table.calendar td a:active {
	color: #000;
	font-weight:bold;
	}

#precal {
	width:200px;
	background: url(images/bg_calendar.gif) repeat-x #fff right bottom;
	border-bottom: 1px solid #CCC;
	font-size:80%;
	float:left;
	}

#precal a {
	color:#3e78aa;
	padding:6px;
	}
	
#information a.caltoday { 
	float:left;
	margin-left:8px;
	border-bottom:none
	}
	
a.caltmw { 
	float:right;
	margin-right:8px;
	}	

#information p.calpara {
	margin-top:40px;
	}	
