/* ------------------------------------
bradford museums 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%;
	}	
	
.decoratehd {
	padding:5px;
	border:#e3d9cf 1px solid;
	background-color:#f5f1ed;
	margin:25px 0;
	}
	
#subnav h2 {
	font-size: 100%;
	font-weight:normal;
	margin:12px 0 18px 13px;
	}			
	
#footer p {
	margin:0;
	}	
	
#information a:link, .home a, p.side a {
	color:#1864a7;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}	
	
#information a:visited, .home a:visited {
	color:#1864a7;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}	
	
#information a:hover, .home a:hover,  p.side a {
	color:#0c4170;
	text-decoration:none;
	border-bottom: #91bad0 solid 1px;
	}		
	
#information p, .home p {
	margin:0 0 1em 0;
	line-height:1.6em;
	}
	
#information, .home p {
	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;
	}
	
.notice {
	border:#dfd7cb 1px solid;
	padding: 14px 18px 6px 18px;
	background: url(../images/noticegrad2.jpg) repeat-x top left #fff;
	margin-bottom:10px;
	}	
	
.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;
	}	
	
p.side {
	width:130px;
	text-align:center;
	margin-left:15px;
	}

/*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, .home {
	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;
	}	


/*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;
	}	
	

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

img {  
	border-style: none;
	}

#subnav img {
	display:block;
	margin:20px auto;
	text-align:center;
	} 
	
.floatright {
	float:right;
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
	margin-left:10px;
	}	
	
.decorate, .thumbnail img {
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
	}	

.thumbnail {
	width:180px;
	float:left;
	margin-right:9px;
	display:block;
	}
	
.thumbnail p {
	font-size:80%;
	}	
	


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

.clear {clear:both}

div.horrule {
	height: 1px;
	border-top: 1px solid #dcd1c4;
	margin: 20px 0 20px 0;
	}

div.horrule hr {
	display: none;
	}	

/*minitours -------------------------*/


 dl {
  	float: left;
  	width: 555px;
  	margin: 6px 0;
  	padding: 0;
  	display: inline; 
  	}
	
dt {
  	float: right;
  	width: 451px; 
  	margin: 0;
  	padding: 0;
  	
  	}
	
dd {
  	margin: 0 0 0 104px;
  	padding: 0;
  	line-height: 1.5em;
  	}
	
dl dd.img {
   	margin: 0;
   	}
	
dd.img img { 
  	float: left;
  	margin: 0 12px 0 0;
	padding: 5px;
	border:#e3d9cf 1px solid;
	background-color:#f6f3ef;
  	}