/* 
	TW Museums - memorynet - Jewish Lives CSS
	Copyright © Tyne & Wear Museums. All rights reserved.
	Created by SUMO Newcastle

*/

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html {
	height: 101%;
	font-size: 62.5%;
}

body {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	background-color: #FFFFFF;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4ea0c0;
}

h2 {
	font-size: 2.8em;
	font-weight: normal;
}

h3 {
	font-size: 1.85em;
	font-weight: normal;
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 7px;
}

h4 {
	font-size: 1.25em;
	padding: 0px;
	margin-top: 25px;
	xmargin-bottom: 7px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #59451a;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
}

a {
	color: #4ea0c0;
	text-decoration: none;
}

a:hover {
	color: #f36c21;
	text-decoration: none;
}

/***********************  Structure CSS ***************************/

div#wrapper {
	width: 749px;
	padding-right: 3px;
	background: #FFFFFF url(../img/bg_shadow.gif) repeat-y right top;
}

	#wrapper #wrapper-twm{
		position:relative;
		background:url(../img/wrapper-twm-bg.gif) left top repeat;
		height:45px;
		padding-top:10px;
	}

		#wrapper #wrapper-twm h1{
			float:left;
			padding-left:35px;
		}

			#wrapper #wrapper-twm h1 a{
				display:block;
				text-indent:-999em;
				height:36px;
				width:79px;
				background:url(../img/wrapper-twm.gif) left top no-repeat;
			}

		#wrapper #wrapper-twm p{
			float:right;
			padding:6px 25px 0 0;
			font-size:12px;
			margin:0;
			line-height:13px;
		}

			#wrapper #wrapper-twm p a{
				display:block;
				background:url(../img/wrapper-contact-bg.gif) right 3px no-repeat;
				color:#fff;
				padding-right:18px;
			}

		#wrapper #wrapper-twm form{
			float:right;
			padding-right:35px
		}

div#header {
	border-top: 9px solid #554117;
}

div#header #logo {
	float: left;
	margin-bottom: 15px;
}

div#header #search {
	float: right;
	margin-right: 20px;
	margin-top: 55px;
}

div#header #search #find {
	border: none;
}

div#menu {
	xmargin-top: 12px;
	border-top: 2px solid #bcbec0;
	padding-bottom: 3px;
	background: url(../img/bg_menubrownborder.gif) repeat-x left bottom;
}

div#homecontent {
	width: 749px;
}

div#homecontent #leftcol {
	width: 219px;
	padding-left: 20px;
	padding-top: 17px;
	padding-bottom: 20px;
	float: left;
}

div#homecontent #rightcol {
	width: 470px;
	padding-top: 17px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	float:left;
}

div#standardcontent {
	width: 749px;
	min-height: 400px;
}

div#fullcol {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

div.images {
	text-align: center;
}

div#explorecontent {
	width: 730px;
}

div.background {
	background: url(../img/bg_exploreitemsborder.gif) repeat-y left top;
}

div#explorecontent #leftcol{
	width: 360px;
	float:left;
	padding-top: 17px;
	padding-left: 20px;
	padding-bottom: 20px;
}

div#explorecontent #rightcol {
	width: 310px;
	float:right;
	padding-top: 17px;
	padding-left: 20px;
	padding-bottom: 20px;
}

/****************** Profile CSS **************************/

div#profilecontent {
	width: 749px;
}

div#profilecontent #leftcol {
	width: 360px;
	float: left;
	padding-left: 20px;
	padding-top: 17px;
	padding-bottom: 20px;
}

div#profilecontent #rightcol {
	width: 329px;
	float: right;
	padding-top: 17px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

/****************** About CSS **************************/

div#aboutcontent {
	width: 749px;
	min-height: 400px;
}

div#aboutcontent #leftcol {
	width: 180px;
	float: left;
	padding-left: 20px;
	padding-top: 17px;
	padding-bottom: 20px;
}

div#aboutcontent #rightcol {
	width: 509px;
	float: right;
	padding-top: 17px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

div#aboutcontent #rightcol h3 {	
	padding-top: 0px;
	margin-top: 0px;
}

/****************** Theme CSS **************************/

div#themecontent {
	width: 749px;
	min-height: 400px;
}

div#themecontent #leftcol {
	width: 340px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

div#themecontent #rightcol {
	width: 350px;
	float: right;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	xpadding-right: 20px;
}

div#themecontent #rightcol h3 {	
	padding-top: 0px;
	margin-top: 0px;
}

div.intro {
	width: 709px;
	padding-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #59451a;
}

div.intro img {
	float: left;
	margin-right: 20px;
}

div#footer {
	background: #3ba4cd;
}

div.clear {
	clear: both;
}

/**************************** styles CSS ************************/

div#search #keyword {
	font-size: 1.2em;
	color: #666666;
	padding: 3px;
	margin-top: -5px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFEC; 
}

div#search #find {
	margin-top: 10px;
	margin-bottom: -5px;
	margin-right: 20px;
}

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

div#search li {
	display: inline;
}

div#menu ul {
	list-style: none;
	border-top: 1px solid #FFFFFF;
	background: #58bfe8;
}

div#menu li {	
	float: left;
}

div#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #4ea0c0;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

div#menu li.access {
	padding-top: 6px;
	padding-left: 10px;
}

div#menu li.access a {
	font-size: 1em;
	font-weight: normal;
	margin-right: 8px;
	padding-top: 7px;
}

div#menu li.access a:hover {
	color: #f36c21;
	text-decoration: none;
}

div#menu ul li.graphicover {
	display: none;
	visibility: hidden;
}

div.homecurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_homecurrent.gif) no-repeat left top;
}

div.explorecurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_explorecurrent.gif) no-repeat left top;
}

div.artworkcurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_artworkcurrent.gif) no-repeat left top;
}

div.linkscurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_linkscurrent.gif) no-repeat left top;
}

div.aboutcurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_aboutcurrent.gif) no-repeat left top;
}

div.contactcurrent {
	width: 749px;
	height: 3px;
	background: url(../img/bg_contactcurrent.gif) no-repeat left top;
}

div#menucurrent li.currentexplore {
	width: 97px;
	height: 5px;
	display: block;
	background-color: #f55b12;
}

div#menu li.home a {
	width: 89px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_home.gif) no-repeat left top;
}

div#menu li.home a:hover {
	background: url(../img/bg_home_rollover.gif) no-repeat left top;
}

div#menu li.explore a {
	width: 97px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_explore.gif) no-repeat left top;
}

div#menu li.explore a:hover {
	background: url(../img/bg_explore_rollover.gif) no-repeat left top;
}

div#menu li.artwork a {
	width: 178px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_artwork.gif) no-repeat left top;
}

div#menu li.artwork a:hover {
	background: url(../img/bg_artwork_rollover.gif) no-repeat left top;
}

div#menu li.about a {
	width: 85px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_about.gif) no-repeat left top;
}

div#menu li.about a:hover {
	background: url(../img/bg_about_rollover.gif) no-repeat left top;
}

div#menu li.links a {
	width: 79px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_links.gif) no-repeat left top;
}

div#menu li.links a:hover {
	background: url(../img/bg_links_rollover.gif) no-repeat left top;
}

div#menu li.contact a {
	width: 99px;
	height: 27px;
	display: block;
	text-indent: -500000px;
	background: url(../img/bg_contact.gif) no-repeat left top;
}

div#menu li.contact a:hover {
	background: url(../img/bg_contact_rollover.gif) no-repeat left top;
}

div#breadcrumbs {
	width: 749px;
	padding-bottom: 15px;
	padding-top: 7px;
	padding-left: 20px;
}

div#breadcrumbs ul li p {
	font-size: 1em;
	font-weight: bold;
	color: #4ea0c0;
}

div#breadcrumbs ul li a {
	font-size: 1em;
	font-weight: normal;
	color: #4ea0c0;
	text-decoration: none;
}

div#breadcrumbs ul li a:hover {
	color: #f36c21;
	text-decoration: none;
}

div#breadcrumbs ul {
	padding: 0px;
	margin: 0px;
	display: inline;
}

div#breadcrumbs ul li, li p, li a {
	width: 100px;
	list-style: none;
	display: inline;	
}

div#hometitle {
	width: 710px;
	margin-left: 20px;
	margin-right: 19px;
	background: url(../img/bg_hometitleline.gif) no-repeat left bottom;
}

div#hometitle .left {
	width: 219px;
	float: left;
}

div#hometitle .right {
	width: 470px;
	float: right;
}

div#hometitle h3, h4 {
	margin-top: 20px;
	margin-bottom: 7px;
	padding: 0px;
}

div#hometitle h3 {
	font-size: 1.3em;
}

div#exploretitle {
	width: 710px;
	margin-left: 20px;
	margin-right: 19px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ac8230;
}

div#exploretitle h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

div#exploretitle a {
	font-size: 1.6em;
	font-weight:bold;
	color: #4ea0c0;
	text-decoration: none;
}

div#protitle {
	width: 710px;
	margin-left: 20px;
	margin-right: 19px;
	padding-bottom: 15px;
	background: url(../img/bg_profiletitleline.gif) no-repeat left bottom;
}

div#protitle .left {
	width: 360px;
	float: left;
}

div#protitle .right {
	width: 329px;
	float: right;
}

div#protitle h2, h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
}

/************************************** Profile CSS **************************************/

div#profilecontent #leftcol .photothumb {
	float:left;
	border: 5px solid #eee9de;
	margin-right: 10px;
	xmargin-bottom: 10px;
}

p.listeninfo {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}

div.memories {
	border-top: 1px solid #d5c097;
}

div.memories ul {
	padding: 0px;
	margin: 0px;
}

div.memories ul li {
	list-style: none;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
}

div.memories ul li.blue {
	background-color: #e8f6ff;
}

div.memories ul li a {
    color: #4ea0c0;
    text-decoration: none;
    padding-left: 20px;
    padding-top: 0px;
}

div.memories ul li a {
    background: url(../img/icon_audio.gif) no-repeat left top;
}

div.memories ul li a:hover {
	color: #f36c21;
	text-decoration: none;
}

div.memories ul.leftmem {
	width: 170px;
	float: left;
}

div.memories ul.rightmem {
	width: 170px;
	float: right;
}

div.memories {
	border-top: 1px solid #d5c097;
}

.themememories {
	text-align: left;
}

.themememories th {
	 font-size: 1em;
	 font-weight: normal;
	 color: #59451a;
}

.themememories td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.themememories td a.audio {
	padding-left: 25px;
	margin-left: 10px;
	background: url(../img/icon_audio.gif) no-repeat left top;
}

.themememories td a.name {
	padding-left: 0px;
	margin-left: 0px;
	background: none;
}

.themememories tr.blue {
	background-color: #e8f6ff;
}

div.subtitle {
	width: 749px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
}

div.subtitle h3 {
	padding: 0px;
	margin: 0px;
}

.relatedthemes {
	padding-top: 0px;
	margin-top: 0px;
}

.relatedthemes a {
	font-weight: bold;
	text-decoration: none;
}

.relatedthemes a:hover {
	color:#f36c21 !important;
	text-decoration: none;
}

div#pagetitle a:hover {	
	color: #f36c21;
	text-decoration: none;
}

div.photo {
	width: 100px;
	height: 105px;
	float: left;
	padding: 5px 5px 31px 5px;
	margin-right: 5px;
	margin-top: 15px;
	background-color: #eee9de;
}
div.photo a {
	font-weight: bold;
	color:#4ea0c0;
	text-decoration: none;
}

div.photo a:hover {
	color: #f36c21;
	text-decoration: none;
}

div.photo img {
	padding-bottom: 5px;
}

p.photoinfo {
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px;
}

div.item {
	width: 90px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

div.item a {
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
}

.itemlink {
	font-weight: bold;
	color:#4ea0c0;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
}

.itemlink a:hover {
	color: #f36c21;
	text-decoration: none;
	padding-right: 15px;
	background: url(../img/icon_magnifyglass.gif) no-repeat right center;
}

div.lastitem {
	margin-right: 0px;
}

div#intro {
	width: 710px;
	margin-left: 20px;
	margin-right: 19px;
	border-bottom: 1px solid #d5c097;
}

div#intro p {
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 40px;
	margin: 0px;
}

div#footermenu ul {
	width: 749px;
	height: 23px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #007f91;
}

div#footermenu li {
	float: left;
	padding: 0px;
	margin: 0px;
}

div#footermenu li a {
	display: block;
}

div#footermenu li a.home {
	width: 70px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_foothome.gif) no-repeat left top;
}

div#footermenu li a.explore {
	width: 69px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_footexplore.gif) no-repeat left top;
}

div#footermenu li a.artwork {
	width: 139px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_footartwork.gif) no-repeat left top;
}

div#footermenu li a.about {
	width: 60px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_footabout.gif) no-repeat left top;
}

div#footermenu li a.links {
	width: 52px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_footlinks.gif) no-repeat left top;
}

div#footermenu li a.contact {
	width: 73px;
	height: 23px;
	text-indent: -500000px;
	background: url(../img/btn_footcontact.gif) no-repeat left top;
}

div#footermenu li a.backtotop {
	width: 96px;
	height: 23px;
	margin-left: 170px;
	text-indent: -500000px;
	background: url(../img/btn_footbacktotop.gif) no-repeat left top;
}

div#logos ul {
	list-style: none;
	padding-left: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
}

div#logos li {
	display:inline;
	margin-right: 20px; 
}

div#logos li a {
	background-image: none;
}

ul.bullets li {
	list-style: none;
	padding-left: 15px;
	margin: 0px;
	background: url(../img/bg_bullet.gif) no-repeat 0px 6px;
}

div.noborder {
	border-bottom: none !important;
}

img.textile {
	margin-left: 20px;
	margin-right: 20px;
}

div#heronote {
	width: 710px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom:5px;
	padding-top: 5px;
	border-bottom: 1px solid #d5c097;
}

div#heronote p {
	font-size: 1.1em;
	color: #4ea0c0;
	float: left;
	margin: 0px;
}

div#heronote a {
	font-weight: bold;
	float: right;
	padding-left: 18px;
	margin: 0px;
	background: url(../img/icon_magnifyglassblue.gif) no-repeat left top;  
}

p.textileinfo {
	font-size: 1.1em;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px;
}

ul.photodetails li {
	width: 85px;
	height: 90px;
	float: left;
	list-style: none;
	padding: 0px;
	margin-right: 5px;
	border: 5px solid #eee9de;
}

ul#aboutmenu li {
	font-size: 1.1em;
	list-style: none;
	padding-bottom: 7px;
	margin: 0px;
}

ul#aboutmenu li.subcurrent a {
	font-weight: bold;
	color: #f36c21;
}

div#pdfnote {
	width: 140px;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 30px;
	margin-bottom: 20px;
	background: #eee9de url(../img/icon_pdflogo.gif) no-repeat left top;
}

div#pdfnote p {
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 7px;
	margin: 0px;
}

div#pdfnote p.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #d70909;
	padding-top: 0px;
	padding-bottom: 3px;
	margin: 0px;
}

div#rightcol p.downloadpdf a {
	padding:0px;
	margin: 0px;
}

img.sight {
	float: left;
}

img.hearing {
	float: left;
}

div.hearingtext {
	margin-left:70px;
}

div.sighttext {
	margin-left:70px;
}

p.errormsg {
	color:#CC0000;
}

div.rightimg {
	text-align: right;
}

a.themeone {
	color: #005f6c !important;
}

a.themetwo {
	color: #026f99 !important;
}

a.themethree {
	color: #0c7eab !important;
}

a.themefour {
	color: #198dbb !important;
}

a.themefive {
	color: #2a9fcd !important;
}

a.themesix {
	color: #3ba4cd !important;
}

a.themeseven {
	color: #48b0d8 !important;
}

a.themeeight {
	color: #48b0d8 !important;
}

a.themenine {
	color: #59bce3 !important;
}

a.themeten {
	color: #64cbf3 !important;
}

a.themeeleven {
	color: #75929c !important;
}

a.themetwelve {
	color: #61757c !important;
}

a.themethirteen {
	color: #41575e !important;
}

div.bsl {
	border-top: 1px solid #ac8230;
}

div.bsl img {
	float:right;
	margin-left: 5px;
	margin-top: 10px;
}

div.bsl a.bsllogo {
	background-image: none;
	padding: 0px;
}

div.bsl p {
	font-size: 1em;
	line-height: 1.4em;
}

label {
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	font-size: 1.2em;
	color: #59451a;
}

input {
	border: 1px solid #999999;
}

#name, #email, #subject {
	font-size: 1em;
	color: #FF6600;
	xwidth: 170px;
	padding: 2px;
}

#comments {
	width: 270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FF6600;
	border: 1px solid #999999;
	padding: 2px;
}

#comment label {
	width: 150px;
	padding-bottom: 5px;
}

.required {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF6600;
	padding-right: 5px;
}

#submitBtn input {
	padding-top: 10px;
	border: none;
}

div.transcript p {
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.theartist {
	padding-top: 5px;
}

div.theartist ul {
	padding: 0px;
	margin: 0px;
}

div.theartist ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #59451a;
	list-style: none;
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(../img/bg_bullet.gif) no-repeat left center;
}
p.imgmenu a {
	margin-right: 10px;
}

/**************************** Titles CSS ************************/

h1.jewishlives {
	width: 337px;
	height: 43px;
	margin-top: 40px;
	margin-left:15px;
	text-indent: -500000px;
	background:url(../img/h1_jewishlives.gif) no-repeat left top;
}

h2.twhistories {
	width: 172px;
	height: 16px;
	margin-top: 17px;
	margin-bottom: 3px;
	text-indent: -500000px;
	background:url(../img/h2_twhistories.gif) no-repeat left top;
}

h3.relatedtitle {
	padding-bottom: 10px;
	border-bottom: 1px solid #ac8230;
}

h3.listentitle {
	padding-bottom: 10px;
	border-bottom: 1px solid #ac8230;
}

/**************************** Links CSS ************************/

a[href^="http:"] {
	background: url(../img/icon_externallink.gif) no-repeat right top;
	padding-right: 20px;
}

p.bslintro {
    padding: 0px;
    margin: 0px;
}

div.memories ul li a.bsllink {
    padding-left: 7px;
    background-image: none;
}