/* ------------------------------------
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 {
	display:none;
	}	
	
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:link, #extracontent a:link {
	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;
	}	
	

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

#information ul li{
	padding: 2px 0;
	line-height:1.6em;
	}
	
ul.simple,  ul.simple ul {	
	list-style-type:none;	
	}	


/*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;
	}
	
.breadcrumb a {/*make this work! - could take it out of the information area*/
	text-decoration:none;
	color:#666;
	}
	
.breadcrumb a:visted {/*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;
	}	
	
/*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%;
	}
	
#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;
	}