/* ----------------------------------------- */
/* ---- Basic Colour Scheme Used ---- */
/* ----------------------------------------- */
/* #F4CE7A - Page background colour (tan) */
/* #000066 - Browser background either side of page (dark blue) */
/* #000066 - Main headlines and other keywords e.g. people's names (dark blue) */
/* #000000 - Sub headings (black) */
/* #0000FF - All hypertext links (blue); link background when mouseover (i.e. inverted) */
/* #FFAE00 - Link background colour (dark orange); link color when mouseover (i.e. inverted) */
/* #626262 - Current page "disabled" link (grey) */
/* --------------------------------------- */

/* --------------------------------------- */
/* ---- Layout  framework styles ---- */
/* --------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #000066;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-attachment: fixed;
	background-image: url(../images/shadow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Basic layout panels for page template */

html, body, #container, #popupcontainer {
	min-height: 100%; 
	height: 100%;
}

html>body, html>body #container, html>body #popupcontainer {
	height: auto;
}

#container, #popupcontainer {
	position: absolute;
	left: 85px; /* Leave room for shadow image */
	padding: 0;
	margin: 0;
	border-left: 10px solid #000000;
	border-right: 10px solid #000000;
	background-color: #F4CE7A;
}

#container {
	width: 880px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
}

#popupcontainer {
	border-top: none;
	border-bottom: none;
}

#header {
	padding: 5px 0 0 0;
/*	height: 60px; */
}
#header img {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#header, #mainnavbar {
	color: #000000;
	background-color: #F4CE7A;
}
#headerprt {
	display: none;
}

/* #headerOLD {
	background-image: url(../images/masthead.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 90px;
} */

/* Main navigation menu bar at top of page */
/* Comprises navmenu and searchpanel */

#mainnavbar {
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
}

#navmenu {
	float: left;
	margin: 0; 
	padding: 5px 10px 5px 20px;
	text-align: left; 
}

#searchpanel {
/* display:none; */
	margin: 0;
	float: right;
	padding: 0 20px 0 0;
	text-align: right;
}

/* Main Content area */

#content {
	margin: 0;
	padding: 10px 20px 10px 20px;
	margin-bottom: 1em;
	clear: both;
}

/* Separator to ensurance floats don't drift into footer */
#basebuffer {
	clear: both;
	height: 5px;
	font-size: 1em;
	padding: 10px 0;
	margin-bottom: 10px;
/* border: 1px solid white; */
}

/* Standard page footer */

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0.5em 0 0.6em 0;
	margin: 0;
	clear: both;
	text-align: center;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFAE00;
	color: #626262;
	font-size: 0.8em;
}

/* ------------------------------------- */
/* ---- Content Layout Designs ---- */
/* ------------------------------------- */

/* 1. Separate columns for content and picture/info/menu */
/* Note that a floated image and caption can be achieved via imgcap styles */

#contentpanel, #contentpanelsep, #contentpanelwide, #contentpanelwidesep, #contentmenu, #contentmenusep, #contentimgmap  {
	float: left;
	padding: 0 10px 0 0; /* Padding to column separator border */
	margin:0;
}
#contentpanelsep, #contentpanelwidesep, #contentmenusep {
	border-right: 1px solid #000000;
}

#picpanel, #infopanel {
	width: 360px;
}
#narrowpanel {
	width: 310px;
}
#contentpanel, #contentpanelsep {
	width: 450px; 
}
#contentpanelwide, #contentpanelwidesep {
	width: 500px; 
}

#menupanel {
	width: 200px;
}
#contentmenu, #contentmenusep {
	width: 610px; 
}

#imgmappanel {
	width: 470px;
	height: 430px;
	/* border: 1px solid white; */
}
#contentimgmap {
	width: 340px; 
	text-align: right;
	/* border: 1px solid red; */
}

#picpanel, #infopanel, #narrowpanel, #menupanel, #imgmappanel {
	float: right;
	margin: 0 0 0 10px; /* Spacing to left-hand content column */
	padding: 0; 
}

#picpanel p {
	font-size: 0.8em;
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 10px 0 0;
}

#booklistintropanel  {
	float: left;
	width: 670px;
	padding: 0;
	margin:0;
}
#booksearchhpanel {
	float: right;
	width: 130px;
	margin: 0;
	padding: 0; 
}

#booksearchvpanel {
	clear: both;
	width: 848px;
	margin: 10px -10px 10px 0;
	padding: 0; 
}
#booksearchvpanel iframe {
	float: left;
}

.mappanel {
	float: left;
	margin: 0;
	padding: 5px 10px 5px 0;
}
.mappanel iframe {
	border: 1px solid #000000;
}

/* 2. Two columns of content text */
/*     Like newspaper columns */
/*     Assumption is that Col1 always has deeper content than Col2 */
/*     NB Content already provides overall surround padding */

#contentcol1, #contentcol2, #contentcol1deeper, #contentcol2deeper {
	float: left;
	width: 400px; /* Content = 880px - 2 x 20px Content padding */
	margin: 0;
	clear: none;
}
#contentcol1, #contentcol1deeper {
	padding: 0 10px 0 5px; /* Padding to column separator */
}
#contentcol2, #contentcol2deeper {
	padding: 0 5px 0 10px; /* Padding to column separator */
}
#contentcol1deeper {
	border-right: 1px solid #000000;
}
#contentcol2deeper {
	border-left: 1px solid #000000;
}


/* 3. Top and Bottom panels */
/*     A horizontal division of the page into 2 panels */
#toppanel, #bottompanel {
	clear: both;
	padding: 10px 30px 20px 30px;
	border: 2px groove #FFFFFF;
/*	min-height: 200px;*/
}
#toppanel {
	margin: 0 10px 20px 10px;
}
#bottompanel {
	margin: 20px 10px 10px 10px;
}

/* 4. A-Z Index Listing */

#atozlistingpanel {
	margin: 0 0 0 3em; /* Left margin to make room for atozpanel plus its padding*/
	padding: 0 0 0 20px; /* Padding to column separator border */
}
#atozpanel {
	float: left;
	margin: 0;
	padding: 0;
}

/* 5. Panel with large background image to right */

#panelbghead {
	padding: 0; 
	margin: 0;
	background-image: url(../images/cmhead.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#panelbghead p, #panelbghead h1, #panelbghead h2 {
	margin-right: 505px; /* Right margin to make room for background image*/
	text-align: right;
}
#panelbghead p {
	margin-bottom: 0;
	margin-top: 5px;
}

/* 6. Single horizontal panel */
/*     A horizontal division of the page e.g. used for bookboxes */
.horizontalpanel, .tophorizontalpanel {
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
	min-height: 140px;
}


/* ------------------------------------- */
/* ---- Floating Content Panels ---- */
/* ------------------------------------- */

/* Advert or Announcements Box */

#adbox {
	background-color: #FFFFFF;
	font-size: 1em;
	float: left;
	width: 150px;
	border: 3px double #000000;
	padding: 5px;
	margin: 0 10px 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
#adbox h1 {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}
#adbox p {
	margin: 0px;
	border-top: 1px dotted #000066;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* Information Box */
.infobox {
	float: right;
	width: 330px; /* Must be less than Infopanel 360px - 10px left margin */
	border: 2px ridge #000000;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	color: #7E2217; 
	background-color: #FFFFFF;
}
.infobox h2 {
	color: #000066;
	font-size: 125%;
	font-weight: bold;
	border-bottom: 1px dotted #000066;
	margin-bottom: 0.3em;
	margin-top: 0em;
	padding-bottom: 0.2em;
	padding-top: 0.3em;
}
.infobox p {
	margin: 0.2em 0 0.2em 0;
	padding: 0;
}
.infobox ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	text-indent: -1em;
}
.infobox ol {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: 0em;
}
.infobox ul li, .infobox ol li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E2217;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
}


/* ---------------------- */
/* ---- Navigation ---- */
/* ---------------------- */

/* Main Navigation Menu styles */

#navmenu h2 {
	display: none;
}
#navmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
#navmenu ul li {
	list-style: none;
	display: inline;
	vertical-align: baseline;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#navmenu ul li a {
	padding: 4px 10px 4px 5px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #0000FF;
	background-color: #FFAE00;
	text-decoration: none;
}
#navmenu ul li a:focus, #navmenu ul li a:hover {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #FFAE00;
	background-color: #0000FF;
}
#navmenu ul li br {
	padding-bottom: 50px;
}

/* Tabbed Navigation Bar */

#tabbednavbar {
	margin: 10px 0 0 0;
	padding: 0;
}
#tabbednavbar h1 {
	display: block;
	float: left;
	font-size: 1.5em;
	margin: 0;
	padding: 0 5px 0 22px;
	vertical-align: middle;
}
#tabbednavbar .h1img h1 {
	display: none;
}
#tabbednavbar .h1img img {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 5px 0 20px;
	vertical-align: top;
}
#tabbednavbar ul {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 0 3px 15em;
	margin: 0;
	border-bottom: 1px solid #000000;
}
#tabbednavbar ul li {
	list-style: none;
	margin: 0;
	display: inline;
	vertical-align: baseline;
}
#tabbednavbar ul li a {
	padding: 3px .5em 3px .5em;
	margin-left: 1px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: none;
	background-color: #FFAE00;
	text-decoration: none;
}
#tabbednavbarr ul li a:link, #tabbednavbar ul li a:visited {
	color: #0000FF;
}
#tabbednavbar ul li a:hover, #tabbednavbar ul li a:focus {
	color: #FFAE00;
	background-color: #0000FF;
	border-color: #000000;
}

/* Current page tab style */
.evtsocietypage #tabbednavbar ul li.evtsocietylink a, 
.evttheatrepage #tabbednavbar ul li.evttheatrelink a, 
.evtrosepage #tabbednavbar ul li.evtroselink a, 
.evtbookfilmpage #tabbednavbar ul li.evtbookfilmlink a, 
.evtotherpage #tabbednavbar ul li.evtotherlink a,
.bkscmlifepage #tabbednavbar ul li.bkscmlifelink a,
.bkscmworkpage #tabbednavbar ul li.bkscmworklink a,
.bkscmplayspage #tabbednavbar ul li.bkscmplayslink a,
.bkscmpoemspage #tabbednavbar ul li.bkscmpoemslink a,
.bkscmdeathpage #tabbednavbar ul li.bkscmdeathlink a,
.bkswraightpage #tabbednavbar ul li.bkswraightlink a,
.bkslitcritpage #tabbednavbar ul li.bkslitcritlink a,
.bksdramapage #tabbednavbar ul li.bksdramalink a,
.bksshakauthpage #tabbednavbar ul li.bksshakauthlink a,
.bkselizpage #tabbednavbar ul li.bkselizlink a,
.bksjnlartspage #tabbednavbar ul li.bksjnlartslink a,
.lksmarlowepage #tabbednavbar ul li.lksmarlowelink a,
.lkstextspage #tabbednavbar ul li.lkstextslink a,
.lksdramapage #tabbednavbar ul li.lksdramalink a,
.lksshakauthpage #tabbednavbar ul li.lksshakauthlink a,
.lksmarlovianpage #tabbednavbar ul li.lksmarlovianlink a,
.lkselizpage #tabbednavbar ul li.lkselizlink a {
	color: #000000;
	background-color: #F4CE7A;
	border-bottom: 1px solid #F4CE7A;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}


/* Menu Navigation Panel */

#menunavbox {
	width: 200px;
	background-color: #FAFAD2;
	font-size: 90%;
	float: right;
	border: 2px ridge #000000;
	padding: 0 10px 10px 10px;
	margin: 0px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
#menunavbox h1, #subnavbox h2 {
	font-weight: bold;
	text-align: left;
	text-transform: capitalize;
	margin-top: 0;
	padding-left: 0;
}
#menunavbox h1 {
	font-size: 200%;
	margin-bottom: 0;
	padding-top: 5px;
}
#menunavbox h2 {
	font-size: 110%;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	margin-bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
#menunavbox ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	text-indent: -1em;
}
#menunavbox ul li {
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 0em;
	padding-top: 0.2em;
	margin-bottom: 0em;
	padding-bottom: 0.3em;
}
/* Highlight current page in menu */
.news2010page li.news2010link, .news2009page li.news2009link, .news2008page li.news2008link, .news2007page li.news2007link, .news2006page li.news2006link, .news2005page li.news2005link {
	background-color: #FFCC00;
}


/* General Horizontal List of Links */

#genlinkbar, .repeatedlinkbar {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}
.repeatedlinkbar {
	padding: 5px 0 5px 0;
	border: 1px solid #000000;
	background-color: #FFAE00;
}
#genlinkbar h2, .repeatedlinkbar h2 {
	display: none;
}
#genlinkbar ul, .repeatedlinkbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
#genlinkbar ul li, .repeatedlinkbar ul li {
	list-style-type: none;
	display: inline;
	font-size: 0.9em;
	margin: 0;
	padding: 0 5px 0 5px;
	border-right: 1px solid #000000;
}
#genlinkbar ul li.lastitem, .repeatedlinkbar ul li.lastitem {
	border-right: none;
}

/* Previous-Next Page Navigation Links */

#pagenavbar, #pagenavbarleft {
	clear: both;
	font-size: 0.8em;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#pagenavbar {
	text-align: right;
}
#pagenavbarleft {
	text-align: left;
}

.navcurrentpage {
	color: #626262;
}
.navcurrentsection {
	background-color: #FFCC00;
}

/* Section and Section-Page Links */

#sectionnavbar {
	clear: both;
	font-size: 0.8em;
	margin: 0;
	padding: 10px 0 10px 0;
	height: 15px;
}

#sectionlinks {
	float: left;
	text-align: left;
}
#pagelinks {
	float: right;
	text-align: right;
}
#sectionlinks, #pagelinks {
	margin: 0;
	padding: 4px 0 4px 0;
}

#sectionnavbar h2 {
	display: none;
}

#sectionnavbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
#sectionnavbar ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#sectionnavbar ul li a {
	padding: 2px 10px 2px 5px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #0000FF;
	background-color: #FFAE00;
	text-decoration: none;
}
#sectionnavbar ul li a:focus, #sectionnavbar ul li a:hover {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #FFAE00;
	background-color: #0000FF;
}
/* The following pairings of pages/links represent a link to the "current page" */
.lifepagebirth1 #sectionnavbar ul li.birthsectlink a, 
.lifepagebirth2 #sectionnavbar ul li.birthsectlink a, 
.lifepagebirth3 #sectionnavbar ul li.birthsectlink a, 
.lifepagebirth4 #sectionnavbar ul li.birthsectlink a, 
.lifepageeducation1 #sectionnavbar ul li.educationsectlink a, 
.lifepageeducation2 #sectionnavbar ul li.educationsectlink a, 
.lifepageeducation3 #sectionnavbar ul li.educationsectlink a, 
.lifepageagent1 #sectionnavbar ul li.agentsectlink a, 
.lifepageagent2 #sectionnavbar ul li.agentsectlink a, 
.lifepageagent3 #sectionnavbar ul li.agentsectlink a, 
.lifepageagent4 #sectionnavbar ul li.agentsectlink a, 
.lifepagefreethink1 #sectionnavbar ul li.freethinksectlink a, 
.lifepagefreethink2 #sectionnavbar ul li.freethinksectlink a, 
.lifepagefreethink3 #sectionnavbar ul li.freethinksectlink a, 
.lifepagedeptford #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford1 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford2 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford3 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford4 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford5 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford6 #sectionnavbar ul li.deptfordsectlink a, 
.lifepagedeptford7 #sectionnavbar ul li.deptfordsectlink a, 
.lifepageexile1 #sectionnavbar ul li.exilesectlink a, 
.lifepageexile2 #sectionnavbar ul li.exilesectlink a, 
.lifepageexile3 #sectionnavbar ul li.exilesectlink a, 
.lifepageexile4 #sectionnavbar ul li.exilesectlink a, 
.lifepagebirth1 #sectionnavbar ul li.birthp1link a, 
.lifepagebirth2 #sectionnavbar ul li.birthp2link a, 
.lifepagebirth3 #sectionnavbar ul li.birthp3link a, 
.lifepagebirth4 #sectionnavbar ul li.birthp4link a, 
.lifepageeducation1 #sectionnavbar ul li.educationp1link a, 
.lifepageeducation2 #sectionnavbar ul li.educationp2link a, 
.lifepageeducation3 #sectionnavbar ul li.educationp3link a, 
.lifepageagent1 #sectionnavbar ul li.agentp1link a, 
.lifepageagent2 #sectionnavbar ul li.agentp2link a, 
.lifepageagent3 #sectionnavbar ul li.agentp3link a, 
.lifepageagent4 #sectionnavbar ul li.agentp4link a,
.lifepagefreethink1 #sectionnavbar ul li.freethinkp1link a, 
.lifepagefreethink2 #sectionnavbar ul li.freethinkp2link a, 
.lifepagefreethink3 #sectionnavbar ul li.freethinkp3link a,  
.lifepagedeptford1 #sectionnavbar ul li.deptfordp1link a, 
.lifepagedeptford2 #sectionnavbar ul li.deptfordp2link a, 
.lifepagedeptford3 #sectionnavbar ul li.deptfordp3link a, 
.lifepagedeptford4 #sectionnavbar ul li.deptfordp4link a, 
.lifepagedeptford5 #sectionnavbar ul li.deptfordp5link a, 
.lifepagedeptford6 #sectionnavbar ul li.deptfordp6link a, 
.lifepagedeptford7 #sectionnavbar ul li.deptfordp7link a,
.lifepageexile1 #sectionnavbar ul li.exilep1link a, 
.lifepageexile2 #sectionnavbar ul li.exilep2link a, 
.lifepageexile3 #sectionnavbar ul li.exilep3link a, 
.lifepageexile4 #sectionnavbar ul li.exilep4link a { 
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #626262;
	background-color: #CCCCCC;
}

/* PANEL MENU */

#menupanel h1, #menupanel h2, #menupanel h3 {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	margin-right: 10px;
}
#menupanel h1 {
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0;
}
#menupanel h2 {
	font-size: 100%;
}
#menupanel h3 {
	font-size: 90%;
}
#menupanel h2, #menupanel h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
}
#menupanel .h1img, #menupanel .h2img, #menupanel .h3img {
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 10px;
}
#menupanel .h1img {
	padding-top: 1em;
}
#menupanel .h2img {
	padding-top: 1em;
}
#menupanel .h3img {
	padding-top: 0.5em;
}

#menupanel ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	text-indent: -1em;
}
#menupanel ul li {
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	margin-right: 10px;
}
#menupanel ul li.currentpage {
	font-weight: bold;
	color: #999999;
}

/* Following represent "current page" in the navigation menu */
.pubpageguide #menupanel ul li.guidelink a, 
.pubpagejnl #menupanel ul li.jnllink a, 
.pubpagejnl01 #menupanel ul li.jnl01link a, 
.pubpagejnl02 #menupanel ul li.jnl02link a, 
.pubpagejnl03 #menupanel ul li.jnl03link a, 
.pubpagejnl04 #menupanel ul li.jnl04link a, 
.pubpagejnl05 #menupanel ul li.jnl05link a, 
.pubpagejnl06 #menupanel ul li.jnl06link a, 
.pubpagejnl07 #menupanel ul li.jnl07link a, 
.pubpagejnl08 #menupanel ul li.jnl08link a, 
.pubpagejnl09 #menupanel ul li.jnl09link a, 
.pubpagejnl10 #menupanel ul li.jnl10link a, 
.pubpagenwl #menupanel ul li.nwllink a, 
.pubpagenwl21 #menupanel ul li.nwl21link a, 
.pubpagenwl22 #menupanel ul li.nwl22link a, 
.pubpagenwl23 #menupanel ul li.nwl23link a, 
.pubpagenwl24 #menupanel ul li.nwl24link a, 
.pubpagenwl25 #menupanel ul li.nwl25link a, 
.pubpagenwl26 #menupanel ul li.nwl26link a, 
.pubpagenwl27 #menupanel ul li.nwl27link a, 
.pubpagenwl28 #menupanel ul li.nwl28link a, 
.pubpagenwl29 #menupanel ul li.nwl29link a, 
.pubpagenwl30 #menupanel ul li.nwl30link a,
.pubpagenwl31 #menupanel ul li.nwl31link a,
.pubpagenwl32 #menupanel ul li.nwl32link a,
.pubpagenwl33 #menupanel ul li.nwl33link a,
.pubpagenwl34 #menupanel ul li.nwl34link a,
.pubpagenwl35 #menupanel ul li.nwl35link a {
	color: #626262;
	background-color: #FFCC00;
}

/* MARLOWE'S WORKS */
/* Content and Menu Panel */

#contentworks {
	float: right;
	width: 660px; 
	padding: 0 5px 0 0; /* Padding to column separator border */
	margin:0;
/*	border: 1px solid green; */
}

#worksquotepanel, .worksimagepanel {
	float: right;
	margin: 0;
	padding: 0 0 5px 10px;
}
#worksquotepanel p {
	display: none;
}

#worksmenupanel {
	width: 160px;
	float: left;
	padding: 0 0 5px 0; /* Spacing is specified in content */
	margin: 0; 
/*	border: 1px solid red; */
}

#worksmenupanel h1, #worksmenupanel h2, #worksmenupanel h3 {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
#worksmenupanel h1 {
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0;
}
#worksmenupanel h2 {
	font-size: 100%;
}
#worksmenupanel h3 {
	font-size: 90%;
}
#worksmenupanel h2, #worksmenupanel h3 {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	border-bottom: 1px dotted #000066;
}
#worksmenupanel .h1img, #worksmenupanel .h2img, #worksmenupanel .h3img {
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: -3px;
}
#worksmenupanel .h1img {
	padding-top: 1em;
}
#worksmenupanel .h2img {
	padding-top: 0.3em;
}
#worksmenupanel .h3img {
	padding-top: 0.6em;
}

.imgworksmenuwoodcut {
	/* to centre image */
	padding: 10px 0 3px 0;
	margin: 0;
}

#worksmenupanel ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	text-indent: -1em;
}
#worksmenupanel ul li {
	font-size: 0.9em;
/*	border-bottom: 1px dotted #000066; */
	margin-top: 0.1em;
	margin-bottom: 0em;
	padding-bottom: 0.1em;
}
#worksmenupanel ul li.wkplotactlink {
	text-indent: -0.3em;
	margin-left: 0.8em;
	list-style-type: disc;
}

/* Following represent "current page" in the navigation menu */
#worksmenupanel ul li.currentworklink a,
.wkpageintro #worksmenupanel ul li.wkintrolink a,
.wkpagepdfdoc #worksmenupanel ul li.wkpdfdoclink a,
.wkpagehisttext #worksmenupanel ul li.wkhisttextlink a,
.wkpagehisttitlepage #worksmenupanel ul li.wkhisttitlepagelink a,
.wkpagehistdocument #worksmenupanel ul li.wkhistdocumentlink a,
.wkpagehistmanuscript #worksmenupanel ul li.wkhistmanuscriptlink a,
.wkpagehistdating #worksmenupanel ul li.wkhistdatinglink a,
.wkpagehistauthorship #worksmenupanel ul li.wkhistauthorshiplink a,
.wkpagehiststaging #worksmenupanel ul li.wkhiststaginglink a,
.wkpageinterpsources #worksmenupanel ul li.wkinterpsourceslink a,
.wkpageinterpthemes #worksmenupanel ul li.wkinterpthemeslink a,
.wkpageinterpcriticism #worksmenupanel ul li.wkinterpcriticismlink a,
.wkpageinterpstaging #worksmenupanel ul li.wkinterpstaginglink a,
.wkpageinterpcited #worksmenupanel ul li.wkinterpcitedlink a,
.wkpageplotdrampers #worksmenupanel ul li.wkplotdramperslink a,
.wkpageplotsummary #worksmenupanel ul li.wkplotsummarylink a,
.wkpageplotscenediv #worksmenupanel ul li.wkplotscenedivlink a,
.wkpageplotact1sc1 #worksmenupanel ul li .wkplotact1label,
.wkpageplotact1sc1 #worksmenupanel ul li a.wkplotact1scene1link,
.wkpageplotact1sc2 #worksmenupanel ul li .wkplotact1label,
.wkpageplotact1sc2 #worksmenupanel ul li a.wkplotact1scene2link,
.wkpageplotact1sc3 #worksmenupanel ul li .wkplotact1label,
.wkpageplotact1sc3 #worksmenupanel ul li a.wkplotact1scene3link,
.wkpageplotact1sc4 #worksmenupanel ul li .wkplotact1label,
.wkpageplotact1sc4 #worksmenupanel ul li a.wkplotact1scene4link,
.wkpageplotact1sc5 #worksmenupanel ul li .wkplotact1label,
.wkpageplotact1sc5 #worksmenupanel ul li a.wkplotact1scene5link,
.wkpageplotact2sc1 #worksmenupanel ul li .wkplotact2label,
.wkpageplotact2sc1 #worksmenupanel ul li a.wkplotact2scene1link,
.wkpageplotact2sc2 #worksmenupanel ul li .wkplotact2label,
.wkpageplotact2sc2 #worksmenupanel ul li a.wkplotact2scene2link,
.wkpageplotact2sc3 #worksmenupanel ul li .wkplotact2label,
.wkpageplotact2sc3 #worksmenupanel ul li a.wkplotact2scene3link,
.wkpageplotact2sc4 #worksmenupanel ul li .wkplotact2label,
.wkpageplotact2sc4 #worksmenupanel ul li a.wkplotact2scene4link,
.wkpageplotact2sc5 #worksmenupanel ul li .wkplotact2label,
.wkpageplotact2sc5 #worksmenupanel ul li a.wkplotact2scene5link,
.wkpageplotact3sc1 #worksmenupanel ul li .wkplotact3label,
.wkpageplotact3sc1 #worksmenupanel ul li a.wkplotact3scene1link,
.wkpageplotact3sc2 #worksmenupanel ul li .wkplotact3label,
.wkpageplotact3sc2 #worksmenupanel ul li a.wkplotact3scene2link,
.wkpageplotact3sc3 #worksmenupanel ul li .wkplotact3label,
.wkpageplotact3sc3 #worksmenupanel ul li a.wkplotact3scene3link,
.wkpageplotact3sc4 #worksmenupanel ul li .wkplotact3label,
.wkpageplotact3sc4 #worksmenupanel ul li a.wkplotact3scene4link,
.wkpageplotact3sc5 #worksmenupanel ul li .wkplotact3label,
.wkpageplotact3sc5 #worksmenupanel ul li a.wkplotact3scene5link,
.wkpageplotact4sc1 #worksmenupanel ul li .wkplotact4label,
.wkpageplotact4sc1 #worksmenupanel ul li a.wkplotact4scene1link,
.wkpageplotact4sc2 #worksmenupanel ul li .wkplotact4label,
.wkpageplotact4sc2 #worksmenupanel ul li a.wkplotact4scene2link,
.wkpageplotact4sc3 #worksmenupanel ul li .wkplotact4label,
.wkpageplotact4sc3 #worksmenupanel ul li a.wkplotact4scene3link,
.wkpageplotact4sc4 #worksmenupanel ul li .wkplotact4label,
.wkpageplotact4sc4 #worksmenupanel ul li a.wkplotact4scene4link,
.wkpageplotact4sc5 #worksmenupanel ul li .wkplotact4label,
.wkpageplotact4sc5 #worksmenupanel ul li a.wkplotact4scene5link,
.wkpageplotact5sc1 #worksmenupanel ul li .wkplotact5label,
.wkpageplotact5sc1 #worksmenupanel ul li a.wkplotact5scene1link,
.wkpageplotact5sc2 #worksmenupanel ul li .wkplotact5label,
.wkpageplotact5sc2 #worksmenupanel ul li a.wkplotact5scene2link,
.wkpageplotact5sc3 #worksmenupanel ul li .wkplotact5label,
.wkpageplotact5sc3 #worksmenupanel ul li a.wkplotact5scene3link,
.wkpageplotact5sc4 #worksmenupanel ul li .wkplotact5label,
.wkpageplotact5sc4 #worksmenupanel ul li a.wkplotact5scene4link,
.wkpageplotact5sc5 #worksmenupanel ul li .wkplotact5label,
.wkpageplotact5sc5 #worksmenupanel ul li a.wkplotact5scene5link,
.wkpagerefbib #worksmenupanel ul li.wkrefbiblink a,
.wkpagerefweb #worksmenupanel ul li.wkrefweblink a,
.wkpageoverview #worksmenupanel ul li.wkoverviewlink a {
	color: #000066;
	font-weight: bold;
	background-color: #FFCC00;
	padding: 0.1em 0.2em 0.1em 0.2em;
	border: 1px solid black;
}

/* Scene-to-Scene Navigation */

#scenenavbar {
	height: 40px;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#scenenavprev, #scenenavcurrent, #scenenavnext {
	margin: 0;
	float: left;
}
#scenenavprev, #scenenavnext {
	width: 74px;
	padding: 15px 0;
}
#scenenavcurrent {
	padding: 10px;
}
#scenenavprev, #scenenavnext {
	font-size: 90%;
}
#scenenavprev {
	text-align: right;
	padding-left: 0;
}
#scenenavcurrent {
	text-align: center;
}
#scenenavnext {
	text-align: left;
}

#scenenavprev a {
	padding: 20px 10px 20px 40px;
	margin: 0;
	text-decoration: none;
	background-image: url(../images/arrowleft.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#scenenavprev a:hover, #scenenavprev a:focus, #scenenavnext a:hover, #scenenavnext a:focus {
	color: #FFAE00;
}
#scenenavprev a:hover, #scenenavprev a:focus {
	background-image: url(../images/arrowlefton.gif);
}
#scenenavnext a {
	padding: 20px 40px 20px 10px;
	margin: 0;
	text-decoration: none;
	background-image: url(../images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#scenenavnext a:hover, #scenenavnext a:focus {
	background-image: url(../images/arrowrighton.gif);
}


/* A-Z Index */

#atozpanel h2 {
	display: none;
}
#atozpanel ul {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	text-indent: 0;
}
#atozpanel ul li, .atozbutton {
	font-size: 0.9em;
	margin: 0 0 0.2em 0;
	padding: 0;
	text-align: center;
	color: #626262;
}
#atozpanel ul li a {
	display: block;
}
.atozbutton {
	font-weight: bold;
}
#atozpanel ul li a, .atozbutton {
	width: 1.8em;
	padding: 2px 3px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #0000FF;
	background-color: #FFAE00;
	text-decoration: none;
}
#atozpanel ul li a:focus, #atozpanel ul li a:hover {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	color: #FFAE00;
	background-color: #0000FF;
}

/* Quick Website Search and Search Criteria Selection forms */

#cataloghdrpanel {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

#catalogheader {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#searchcritpanel {
	margin: 0 0 0 420px;
	padding: 0;
	text-align: right;
}

#searchpanel form {
	margin: 0;
	padding: 0 5px 0 20px;
}

#searchcritpanel form {
	margin: 0;
	padding: 0 0 3px 0;
}

.qsfieldset, .cscfieldset {
	margin: 0;
	padding: 0;
	border: none;
}
.qsfieldset label, .cscfieldset label {
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: middle;
}

/* ---------------------------------- */
/* ---- Main text styles ---- */
/* ---------------------------------- */

p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
.smalltext, .smalltextclrimg {
	font-size: 0.8em;
}
.clearimageabove, .clearimageabovebdr, .smalltextclrimg {
	padding-top: 0.8em;
	clear: both;
}
.clearimageabovebdr {
	border-top: 1px solid #000000;
}

.h1img, .h2img, .h3img, .h1cimg, .h2cimg, .h3cimg {
	margin: 0;
	padding: 0;
}
.h1cimg, .h2cimg, .h3cimg {
	text-align: center;
}
.h1cimg {
	clear: both;
}
.h1img h1, .h2img h2, .h3img h3, .h1cimg h1, .h2cimg h2, .h3cimg h3 {
	display: none;
	margin: 0;
	padding: 0;
}
.h1img img, .h2img img, .h3img img, .h1cimg img, .h2cimg img, .h3cimg img {
	margin: 0;
	padding: 0;
}
.h1img+p, .h2img+p, .h3img+p, .h1cimg+p, .h2cimg+p, .h3cimg+p {
	padding-top: 0;
	margin-top: 0;
}
.h1img+h2, .h1cimg+h2 {
	padding-top: 10px;
	margin-top: -5px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000066;
	margin-top: 0;
}
h1+h2, h1+p, h2+p {
	padding-top: 0;
	margin-top: -0.5em;
}
h1+ul, h2+ul {
	padding-top: 0;
	margin-top: 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0.3em;
}
ul li, ol li {
	margin-bottom: 1em;
}

.alphalist {
	list-style-type: lower-alpha;
}

.centred, .centrednospacing {
	text-align: center;
}

.nospacing, .centrednospacing {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0.2em;
}
.nospacing+p, .centrednospacing+p {
	padding-top: 0;
	margin-top: 0em;
}
p+ul.nospacing, p+ol.nospacing {
	margin-top: 0;
	padding-top: 0;
}
ul.nospacing, ol.nospacing {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
ul.nospacing li, ol.nospacing li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0.2em;
}

.address {
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
}

.date, .colworkwritedate, .colpubdate, .colworkpubdate, .colyear {
	font-weight: bold;
	color: #FF0033;
	color: #7E2217;
}
.msacomment {
	font-style: italic;
	color: #736F6E;
	background-color: yellow;
}
.highlighted {
	background-color: yellow;
}
.underlined {
	
	background-color: yellow;
}
.warning {
	color: #FF0000;
}
.questionhdr {
	font-size: 1.1em;
	color:#000066;
	font-weight:bold;
	padding-bottom: 0.2em;
	margin-bottom: 0;
	display: list-item;
	list-style-type: disc;
	margin-left: 15px;
}
p.questionhdr+p {
	padding-top:0;
	margin-top:0;
}
.itemprefixhdr {
	font-weight: bold;
	color: #000066;
}

.recommended {
	font-weight: bold;
	color: #C11B17;
}
.emailaddress {
	font-weight: bold;
	color: #7D0541;
}
.paymethod {
	font-weight: bold;
	color: #347235;
}

.sampleflag {
	font-weight: bold;
	color: #339900;
	background-color: #33FF99;
	border: 1px solid #339900;
}

/* Small Print Page */

#smallprintinfo {
	font-size: 90%;	
}
#smallprintinfo h1,  #smallprintinfo h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding: 0;
}
#smallprintinfo h1 {
	font-size: 1.5em;
	text-align: center;
	color: #000066;
}
#smallprintinfo h2 {
	font-size: 1.2em;
	color: #000000;
	text-align: left;
}

/* Foot notes */

.superscript, .subscript {
	font-size: 50%; 
}
.superscript {
	vertical-align: top;
	} 
.subscript {
	vertical-align: bottom;
	}
.simplenote, .simplenotesep, .rsimplenote, .lsimplenote, .csimplenote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.simplenotesep {
	border-top: 1px solid #000000;
	margin-top: 10px;
	padding-top: 10px;
}
.lsimplenote {
	text-align: left;
}
.csimplenote {
	text-align: center;
}
.rsimplenote {
	text-align: right;
}
#footnotepanel, #footnotepanelnosep, #tablefootnotepanel {
	display: block;
	clear: both;
	margin-bottom: 5px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 0.9em;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footnotepanel, #tablefootnotepanel {
	border-top: 1px solid #000000;
	margin-top: 20px;
}
#footnotepanelnosep {
	margin-top: 10px;
}
#footnotepanel ul, #footnotepanelnosep ul, #tablefootnotepanel ul {
	margin: 0;
	padding: 0 0 0 3em;
	list-style-type: none;
}
#footnotepanel ul li, #footnotepanel ul li.litbc, #footnotepanelnosep  ul li, #footnotepanelnosep ul li.litbc {
	margin-top: 0em;
	padding-top: 0.3em;
	margin-bottom: 0em;
	padding-bottom: 0.3em;
	text-indent: -3em;
}
#tablefootnotepanel ul li {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	text-indent: -3em;
}
#footnotepanel ul li.lastnote, #footnotepanelnosep ul li.lastnote, #tablefootnotepanel ul li.lastnote {
	padding-bottom: 1em;
}
#footnotepanel ul li.litbc, #footnotepanel ul li, #footnotepanelnosep ul li.litbc, #footnotepanelnosep ul li, #tablefootnotepanel ul li {
	border-bottom: none;
}
#footnotepanel ul li.licont, #footnotepanelnosep ul li.licont, #tablefootnotepanel ul li.licont {
	text-indent: 0;
}
.footnoteref {
	font-size: 75%; 
	vertical-align: top;
}
.footnoteid {
	color: #000066;
	font-weight: bold;
}
.footnotereturn {
	font-size: 0.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border: 1px solid #000000;
	background-color: #FFAA00;
	padding: 1px 2px;
}

/* Any ref to person is highlighted  */ 

.personref, .colpersonname, .colshortpersonname, .coldrampersname, .colplayrole {
	font-weight: bold;
	color: #000066;
}

/* References to Quoted Works (Author/Work/LineNos) - was #461B7E */ 

.author, .quoteauthor, .colauthor, .workref, .booktitle, .colworktitle, .colplaytitle, .quotelines, .publisher {
	color: #000066;
}
.author, .quoteauthor, .colauthor, .workref, .colworktitle, .colplaytitle {
	font-weight: bold;
}
.workref, .workrefsimple, .colworktitle, .colplaytitle, .quotelines, .publisher  {
	font-style: italic;
}
.articleauthor {
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin-top: 2em;
}

/* Quoted passage and single (inline) quote line */

.quotetext, .quotestrongtext, .quotepassage, .stagedirection, .quotemanuscript {
	font-size: 1em;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}
.quotestrongtext {
	font-weight: bold;
}
.quotepassage, .quotemanuscript {
	display: block;
	padding: 0 2em 0 3em;
	margin: 0 0 1em 0;
}
.quotemanuscript {
	padding: 0 0 0 1em;
}
.quotepassage p {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0.3em;
	margin-bottom: 0;
}
.quotepassageref {
	font-size: 0.9em;	
	display: block;
	padding: 0.2em 0 0.5em 30px; /* Indented from left */
	margin: 0;
}
.indentedline {
	padding-left: 15px;
}
.stagedirection {
	font-weight: bold;
	text-indent: 5em;
	padding-bottom: 0.3em;
	margin-bottom: 0;
}
.stagedirection:before {
	content: " {";
}
.stagedirection:after {
	content: "} ";
}

.textspeaker {
	font-weight: bold;
	text-indent: -1.5em;
}

/* Address Panel */

.addresspanel {
	float: left;
	margin: 0px 10px 5px 0;
	padding: 10px 20px 10px 20px;
	color: #000066;
	background-color: #C3FDB8;
	border: 3px ridge #000000;
}

.plaininfopanel {
	margin: 0;
	padding: 10px 0;
	clear: both;
}

/* Inset Link Panel */

.insetlinkpanel, .linkpanel {
	padding: 10px;
	color: #000000;
	background-color: #C3FDB8;
	border: 3px ridge #000000;
}
.insetlinkpanel {
	float: right;
	margin: 10px 5px 10px 20px;
	clear: both;
}
.linkpanel {
	margin: 10px 10px 10px 0;
}
.insetlinkpanel h1, .insetlinkpanel h2, .linkpanel h1, .linkpanel h2 {
	padding-bottom: 0.3em;
	padding-top: 0.2em;
}
.insetlinkpanel h1, .linkpanel h1 {
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0;
}
.insetlinkpanel h2, .linkpanel h2 {
	font-size: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #000000;
}

.insetlinkpanel ul, .linkpanel ul {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	text-indent: -1em;
}
.insetlinkpanel ul li, .linkpanel ul li {
	font-size: 0.9em;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	margin-right: 0px;
}


/* Itinerary List */

#itinerary {
	margin: 5px 5px 10px 0;
	padding: 10px 20px 10px 20px;
	color: #000066;
	background-color: #FAFAD2;
	border: 2px groove #FFFFFF;
	clear: both;
}
#itinerary h1, #itinerary h2 {
	font-weight: bold;
	text-align: left;
	text-transform: capitalize;
	margin-top: 0;
	padding-left: 0;
}
#itinerary h1 {
	font-size: 150%;
	margin-bottom: 0;
	padding-bottom: 0.2em;
	padding-top: 5px;
}
#itinerary h2 {
	font-size: 120%;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
#itinerary ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
}
#itinerary ul li {
	font-weight: bold;
	margin-top: 0em;
	padding-top: 0.2em;
	margin-bottom: 0em;
	padding-bottom: 0.3em;
	text-indent: -1em;
}
#itinerary ul li.itineraryitemdescr {
	font-weight: normal;
	text-indent: 0;
	color: #000000;
}

/* --------------------- */
/* ---- Link styles ---- */
/* --------------------- */

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #0000FF;
}

/* ---------------------- */
/* ---- Image styles ---- */
/* ---------------------- */

img, img.leftimage, img.rightimage, img.bordered, img.leftbordered, img.rightbordered, img.inleftimage, img.inrightimage, img.inbordered, img.inleftbordered, img.inrightbordered, img.leftbottom, img.rightbottom {
	margin: 0;
	padding: 0;
	border: 0;
}
img.leftimage, img.rightimage, img.leftbordered, img.rightbordered, img.inleftimage, img.inrightimage, img.inleftbordered, img.inrightbordered {
	clear: none;
}

.bigpdficon {
	float: left;
	margin: 0;
	padding: 10px 3px 10px 0;
}
img.leftimage, img.leftbordered, img.inleftimage, img.inleftbordered, img.leftbottom {
	float: left;
}
img.rightimage, img.rightbordered, img.inrightimage, img.inrightbordered, img.rightbottom {
	float: right;
}
img.leftimage, img.leftbordered, img.leftbottom {
	margin: 0 10px 2px 0;
}
img.rightimage, img.rightbordered, img.rightbottom {
	margin: 0 0 2px 10px;
}
img.inleftimage, img.inleftbordered, img.inrightimage, img.inrightbordered {
	margin: 0 10px 2px 10px;
}
img.leftbottom, img.rightbottom {
	vertical-align: bottom;
}
img.bordered {
	margin: 0 0 5px 0;
}
img.inbordered {
	margin: 0 10px 5px 10px;
}

.imagecenter, .imagecentercleared, .imagecenterbordered {
	/* to centre image */
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imagecentercleared {
	clear:both; 
	margin-top:-30px;
}

img.bordered, img.leftbordered, img.rightbordered, img.inbordered, img.inleftbordered, img.inrightbordered, .imagecenterbordered {
	border: 1px solid #000000;
}

/* Images with captions: */
/* rimgcap      - image floated to right, no border */
/* limgcap      - image floated to left, no border */
/* rbdrimgcap  - image floated to right, with border */
/* lbdrimgcap  - image floated to left, with border */
/* in*            - the same as above but indented 10px */

.rimgcap, .limgcap, .rbdrimgcap, .lbdrimgcap, .inrimgcap, .inlimgcap, .inrbdrimgcap, .inlbdrimgcap {
	padding: 0;
	clear: none;
}
.limgcap, .lbdrimgcap {
	margin: 0 10px 5px 0;
}
.rimgcap, .rbdrimgcap {
	margin: 0 0 5px 10px;
}
.inlimgcap, .inlbdrimgcap, .inrimgcap, .inrbdrimgcap {
	margin: 0 10px 5px 10px;
}
.rimgcap, .rbdrimgcap, .inrimgcap, .inrbdrimgcap {
	float: right;
}
.limgcap, .lbdrimgcap, .inlimgcap, .inlbdrimgcap {
	float: left;
}
.rimgcap img, .limgcap img, .rbdrimgcap img, .lbdrimgcap img, .inrimgcap img, .inlimgcap img, .inrbdrimgcap img, .inlbdrimgcap img {
	margin: 0;
	padding: 0;
	float: none;
}
.rbdrimgcap img, .lbdrimgcap img, .inrbdrimgcap img, .inlbdrimgcap img {
	border: 1px solid #000000;
}
.captionbox {
	border-style:solid; 
	border-color:#000000; 
	border-width: 0px 1px 1px 1px;
	margin: 1px 0 0 0;
	padding: 0;
/*	clear: both; */
}
.rbdrimgcap .captionbox, .lbdrimgcap .captionbox, .inrbdrimgcap .captionbox, .inlbdrimgcap .captionbox  {
	border-width: 1px 1px 1px 1px;
}
.rimgcap .captionbox, .limgcap .captionbox, .inrimgcap .captionbox, .inlimgcap .captionbox  {
	border-width: 1px 1px 1px 1px;
}
.captiontext, .captiontextcenter {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	background: #FFAE00;
	background: #FFFF80;
	margin: 0;
	padding: 3px;
}
.captiontextcenter {
	text-align: center;
}

/* ------------------------------ */
/* ---- Debate Page Flag ---- */
/* ------------------------------ */

#msdebatepage {
	display: block;
	float: left;
	width: 140px;
	height: 130px;
	padding: 0;
	margin: 0 0.5em 0 0;
	background-image: url(../images/msdebate.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#msdebatepage h3 {
	display: none;
	margin: 20px 30px 0 25px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000066;
}

/* --------------------- */
/* ---- News Styles ---- */
/* --------------------- */

#newsheadlines {
	margin: 0;
	padding: 0 5px 5px 5px;
	font-size: 1em;
}

.hdstory, .hdstorylast {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	color: #000000;
}

.hdstory {
	border-bottom: 1px solid #000000;
}

.hdstory h1, .hdstorylast h1 {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
}

.hdstory p, .hdstorylast p {
	padding: 0;
	margin: 0;
}

#newshdr {
	padding: 0;
	margin: 0;
}
#newshdr h1 {
	padding: 0;
	margin: 0;
	font-size: 2em;
}

#newshdr .strapline {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
}

/* Details style panels: */
/* - events board items */
/* - link box                 */
/* - recommended book summary */

.playbilleventspanel {
	margin: 10px 0 10px 0;
	padding: 0;
/*	border: 1px solid #000000; */
	clear: both;
}
.playbillbox, .playbillboxbordered {
	float: left;
	width: 180px;
	margin: 10px;
	padding: 0;
/*	min-height: 275px; */
/*	border: 1px solid red; */
}
.playbillboxbordered {
	border: 1px solid #000000;
}
.playbillbox img {
	float: left;
	margin: 0;
	padding: 0;
/*	border: 1px solid #000000; */
}

.eventnotice, .linkbox {
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #000000;
	background-color: #FAFAD2;
	clear: both;
}
.eventnoticenobox {
	margin: 0 0 10px 0;
	clear: both;
}
.eventnotice, .eventnoticenobox {
	padding: 3px;
}
.linkbox {
	padding: 5px 10px;
	min-height: 135px;
}
.eventnotice img, .linkbox img, .eventnoticenobox img {
	float: left;
	padding: 0;
	border: 1px solid #000000;
}
/* Exceptions: */
.eventnotice .h3img img, .linkbox .h3img img, .eventnoticenobox .h3img img {
	float: none;
	border: none;
}
.eventnotice img, .eventnoticenobox img {
	margin: 0 20px 0 0;
}
.eventnoticenobox img.roselogo {
	border: none;
	margin-top: -40px;
}
.linkbox img {
	margin: 5px 10px 2px 0;
}
.eventnotice img.borderless, .eventnoticenobox img.borderless, .linkbox img.borderless {
	border: none;
}
.eventnotice img.lustdom {
	border: none;
	padding: 5px 10px 0 10px;
}
.eventdata {
	margin: 0 20px 0 170px; /* leave space for image */
	padding: 0;
	font-size: 0.8em;	
}
.eventdata h2, .linkbox h2 {
	font-size: 1.5em;
	margin: 0 0 0.2em 0;
	padding: 0;
}
.eventdata ul {
	margin: 0;
	padding: 0 0 0 3em;
	list-style-type: none;
/* The following just adds some layout to the list element to overcome a strange disappearing image bug in IE7 */
/* The cause of the problem is apparently the background-color in .eventnotice - if that's removed all is fine */
/* But we want a background colour and so this layout "hack" stops the IE7 bug.
/* Found the fix described here: http://www.cayenne.co.uk/ie7/disappearing-content.html */
	min-height: 1px; 
}
.eventdata ul li {
	margin-top: 0;
	padding-top: 0.1em;
	margin-bottom: 0;
	padding-bottom: 0.3em;
	text-indent: -3em;
}

.linkbox p {
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 0.5em 0;
}


.bookbox {
	float: left;
	margin: 10px 20px 10px 0;
	padding: 0;
	width: 380px;
}
.bookbox img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #000000;
}
.bookbox img.noborder {
	border: 0px;
}
.bookbox h2 {
	font-size: 0.8em;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.3em 10px;
	border-bottom: 1px dotted #000066;
}
.bookbox ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	min-height: 1px; 
}
.bookbox ul li {
	font-size: 0.8em;	
	margin: 0;
	padding: 0.1em 0 0.2em 0;
}

.label {
	color: #000066;
	font-weight: bold;
}

.bookbox ul li img {
	clear: none;
}

.booktitle {
	font-size: 120%;
	font-weight: bold;
}

/* ----------------- */
/* Standard Table */
/* ----------------- */

.standardtable, .standardtablenotfixed {
	margin: 0 0 2em 0;
	padding: 0;
	font-size: 100%;
	padding: 5px 10px;
}
.standardtable {
	table-layout: fixed;
}
.standardtable caption, .standardtablenotfixed caption {
	caption-side: top;
	padding: 0 0 0.3em 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	color: #000066;
	text-align: center;
}
.standardtable th, .standardtable td, .standardtablenotfixed th, .standardtablenotfixed td {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em;
	text-align: left;
}
.standardtable th, .standardtablenotfixed th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
/* A text style to mimic the table column header style */
.colhdrtextstyle {
	font-weight: bold;
	color: #FFAE00;
	background-color: #000066;
	padding: 2px;
}
.standardtable td, .standardtablenotfixed td {
	border-bottom: 1px dotted #000066;
	vertical-align: top;
}
.standardtable tr.jointrow td, .standardtablenotfixed tr.jointrow td {
	border-bottom: none;
}

.standardtable ul, .standardtablenotfixed ul {
	padding: 0 0 0 10px;
	margin-top: 0;
	margin-bottom: 0;
}
.standardtable ul li, .standardtablenotfixed ul li {
	padding-bottom: 0.3em;
	margin-bottom: 0;
}

/* Some common column data types */

/* intended for incremental row numbering 1, 2, 3 etc */
td.colnumber {
	text-align: right; 
	width: 30px;
}
.colyear {
	text-align: left;
	width: 50px;
}
.coleducatestab {
	text-align: left;
	width: 180px;
}
.colessaytitle {
	text-align: left;
	width: 270px;
}
td.coldrampersname {
	width: 100px;
}
td.colgenlabel, td.colactlabel, td.colactscenelabel, td.coldrampersname {
	text-align: right;
	font-weight: bold;
}
td.colgenlabel {
	width: 80px;
}
td.colactlabel {
	width: 50px;
}
td.colactscenelabel {
	width: 40px;
}
td.colscenelist, td.colactlabel {
	padding: 5px;
	margin: 0;
	border: none;
}
td.colgenlabel, td.colactscenelabel, td.colscenedescr {
	padding: 10px 0;
	margin: 0;
}
td.colscenedescr {
	padding-left: 10px;
}
td.coldrampersdescr p, td.colscenedescr p {
	margin: 0 0 0.5em 0;
	padding: 0;
}
td.colnumber {
	text-align: right; 
	width: 30px;
}
td.colplaytitle {
	text-align: left;
	width: 200px;
}
td.colplayrole {
	text-align: left;
	width: 125px;
}
td.colspeechsummary {
	text-align: left;
	width: 300px;
}

	
/* --------------------- */
/* ---- Rates Table ---- */
/* --------------------- */

.ratestable {
	margin: 0;
	padding: 0;
}
.ratestable caption {
	caption-side: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 5px 0;
	margin: 0;
}
.ratestable td {
	vertical-align: middle;
	padding: 2px;
	margin: 0;
}
.subratecol {
	text-align: right;
	font-weight: bold;
}
.spacercol {
	text-align: center;
}
.currencycol {
	text-align: left;
	font-weight: bold;
}
/* --------------------------- */
/* ---- Bank Details Table ---- */
/* --------------------------- */

.bankdetailstable {
	margin: 0;
	padding: 0;
}
.bankdetailstable td {
	vertical-align: middle;
	padding: 0 3px 0 1px;
	margin: 0;
}
.bankfieldcol {
	text-align: right;
}
.bankdetailcol {
	text-align: left;
	font-weight: bold;
	text-indent: 0;
}

/* ----------------------------- */
/* ---- Contact Card styles ---- */
/* ----------------------------- */

.contactcard {
	margin: 0 0 20px 0;
	padding: 0px;
	background-image: url(../society/images/addresscard.jpg);
	background-repeat: no-repeat;
	width: 400px;
}
.contacttable {
	margin: 5px 20px 10px 10px;
	padding: 0;
}
.contacttable caption {
	caption-side: top;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	font-weight: bold;
	color: #000066;
	text-align: left;
	padding: 1.2em 0 0.5em 80px;
}
.contacttable td {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	line-height: 2em; 
	color: #000000;
	vertical-align: top;
	padding: 0 5px 0 5px;
	margin: 0;
}
.colcontactlabel {
	text-align: right;
	width: 60px;
	font-weight: bold;
}
.colcontactdata {
	text-align: left;
	width: 350px;
}

/* ------------------------------ */
/* ---- Contents List styles ---- */
/* ------------------------------ */

#nwlcontentslist, #jnlcontentslist {
	table-layout: fixed;
	padding: 10px;
}
#nwlcontentslist caption, #jnlcontentslist caption {
	caption-side: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	color: #000066;
	text-align: center;
}

#nwlcontentslist th, #nwlcontentslist td, #jnlcontentslist th, #jnlcontentslist td {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em;
}
#nwlcontentslist th, #jnlcontentslist th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
#nwlcontentslist td, #jnlcontentslist td {
	border-bottom: 1px dotted #000066;
	vertical-align: top;
}
#nwlcontentslist .contenttitlerow td, #jnlcontentslist .contenttitlerow td {
	font-size: 1em;
	border-bottom: none;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
}
#nwlcontentslist .contenttitlerow td.colicondownload, #jnlcontentslist .contenttitlerow td.colicondownload {
	border-bottom: 1px dotted #000066;
}
#nwlcontentslist .contentprecisrow td, #jnlcontentslist .contentprecisrow td {
	padding-bottom: 0.5em;
}
.colpage {
	text-align: right;
	width: 30px;
}
.coltitle {
	text-align: left;
}
#nwlcontentslist td.coltitle, #nwlcontentslist th.coltitle, #jnlcontentslist td.coltitle, #jnlcontentslist th.coltitle {
	width: 320px;
}
#nwlcontentslist .contenttitlerow td.coltitle, #jnlcontentslist .contenttitlerow td.coltitle {
	font-weight: bold;
}
.colauthor {
	text-align: left;
	width: 150px;
}
.coldownload {
	text-align: center;
	width: 100px;
}
.colicondownload {
	text-align: center;
}
/* Download button is are CSS roll-overs */
.coldownload a:link, .coldownload a:visited {
	text-decoration: none;
	color: #0000FF;
	background-color: #FFAE00;
	padding: 1px;
	border: solid 1px #000000;
}
.coldownload a:focus, .coldownload a:hover {
	text-decoration: none;
	color: #FFAE00;
	background-color: #0000FF;
	padding: 1px;
	border: solid 1px #000000;
}

/* ------------------------------ */
/* ---- Catalogue Tables  ---- */
/* ------------------------------ */

/* Background bookshelf image */
#bookshelf {
	height: 100px;
/*	width: 100%; */
	background-image: url(../marsoclib/images/bookshelf.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0;
	margin: 5px 0 10px 0;
	border: none;
}
#bookshelf h2 {
	display: none;
}

/* Note this is a hidden IFRAME that enables access to catalog table HTML in external file */
/* Not currently used as problems loading in Safari */
#libcatalogiframe {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 0px;
	visibility: hidden;
/*	border: 1px solid green; */
}

/* This is the panel where the library catalog data is displayed */
#libcatalogpanel {
	margin: 0;
	padding: 0;
/*	border: 1px solid red; */
}

#catalogtable {
	table-layout: fixed;
	padding: 10px 0;
	margin-bottom: 20px;
}
#catalogtable caption {
	caption-side: top;
}
#catalogtable caption, .searchresultssummary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #000066;
	text-align: left;
	padding: 5px 0;
	margin: 0;
}
.searchresultssummary {
	text-transform: capitalize;
}

#catalogtable th, #catalogtable td {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em;
}
#catalogtable th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
#catalogtable td {
	border-bottom: 1px dotted #000066;
	vertical-align: top;
}
.colkeyword {
	text-align: left;
	width: 170px;
	font-weight: bold;
}
#catalogtable td.coltitle, #catalogtable th.coltitle {
	width: 300px;
}
.colbooktitle {
	text-align: left;
	width: 230px;
}
.colcatno {
	text-align: left;
	width: 30px;
}
#catalogtable td.colauthor, #catalogtable th.colauthor {
	width: 120px;
}
.colissue {
	text-align: left;
	width: 90px;
}
.colisbn {
	text-align: centre;
	width: 100px;
}
.colformat {
	text-align: centre;
	width: 60px;
}
.colpublish {
	text-align: left;
	width: 100px;
}
.coldonor {
	text-align: left;
	width: 100px;
}

/* ------------------------ */
/* ---- Reading List ---- */
/* ------------------------ */

#readinglist {
	table-layout: fixed;
	padding: 10px 0;
}
.worksreftable {
	table-layout: fixed;
	padding: 0;
	margin: 10px 0 30px 0;
}
#readinglist caption {
	caption-side: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	color: #000066;
	text-align: center;
	padding: 5px 0 10px 0;
	margin: 0;
}

#readinglist th, #readinglist td, .worksreftable th, .worksreftable td {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.5em 0.5em;
	margin: 0;
}
#readinglist th, .worksreftable th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
#readinglist td, .worksreftable td {
	border-bottom: 1px dotted #000066;
	vertical-align: top;
}
.colrec {
	text-align: center;
	width: 15px;
	padding-left: 0;
	padding-right: 0;
}
#readinglist td.coltitle, #readinglist th.coltitle {
	width: 250px;
	font-weight: bold;
}
.worksreftable td.coltitle, .worksreftable th.coltitle {
	width: 220px;
}
#readinglist td.colauthor, #readinglist th.colauthor {
	width: 120px;
}
.worksreftable td.colauthor, .worksreftable th.colauthor {
	width: 80px;
}
.coljnl {
	text-align: left;
	width: 170px;
}
.colref {
	text-align: left;
	width: 150px;
}
.colbibref {
	text-align: left;
	width: 100px;
}
.colbibref, .bibref {
	font-weight: bold;
	font-style: italic;
}
.colpublisherandyear {
	text-align: left;
	width: 120px;
}
.colshortpersonname {
	text-align: left;
	width: 120px;
}
.colwebsitename {
	text-align: left;
	font-weight: bold;
	width: 160px;
}
.worksreftable th.coldescription, .worksreftable td.coldescription {
	text-align: left;
	width: 320px;
}
.colurl {
	text-align: left;
	width: 130px;
}

/* ----------------------------- */
/* ---- People Roles List ---- */
/* ----------------------------- */

#peopleroleslist {
	table-layout: fixed;
	padding: 10px 0 10px 0;
	margin: 0 0 30px 0;
}
#peopleroleslist caption {
	caption-side: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	color: #000066;
	text-align: center;
	padding: 0.3em 0 0.3em 0;
	margin: 0;
}

#peopleroleslist th, #peopleroleslist td {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em 0.5em 0.7em 0.5em;
	margin: 0;
}
#peopleroleslist th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
#peopleroleslist td {
	vertical-align: top;
}
.colrole {
	text-align: right;
	font-weight: bold;
	width: 160px;
	padding-left: 0;
	padding-right: 10px;
}
.colpersonname {
	text-align: left;
	width: 220px;
}
.colpersondata {
	text-align: left;
	width: 340px;
}
.colpersonlink {
	text-align: center;
	width: 100px;
}

/* --------------------------------- */
/* ---- Literary Works Table ---- */
/* --------------------------------- */

.workstableheader {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
}
.litworkstable {
	margin: 0 0 2em 0;
	padding: 0;
	font-size: 90%;
}
.litworkstable caption {
	caption-side: top;
	padding: 0 0 0.2em 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	color: #000066;
	text-align: center;
}
.workstableheader, .litworkstable, .litworkstable caption {
	margin-left: 0;
	margin-right: 0;
}
.litworkstable th, .litworkstable td {
	margin: 0;
	padding: 0.1em 0.3em 0.1em 0.3em;
}

.litworkstable th {
	font-weight: bolder;
	color: #FFAE00;
	background-color: #000066;
	vertical-align: bottom;
}
.litworkstable td {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
}
.colworktitle {
	text-align: left;
}
.colworkwritedate, .colworkpubdate {
	text-align: left;
}

/* ------------------------------ */
/* ---- Application Form styles -- */
/* ------------------------------ */

/* Panel containing button in popup window */
#popupwindowbuttonpanel {
	clear: both;
	font-size: 1em;
	padding: 10px 0;
	margin: 0 0 10px 0;
	text-align: center; 
/*	border: 1px solid white; */
}

form {
	margin: 0;
	padding: 0;
}
#msformholder {
	margin: 0 0 10px 0;
	padding: 0;
	width: 460px; /* IE6 fix */
}
.msformbuttonpanel {
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding: 5px 2px 5px 2px;
	clear: both;
}
.msformbutton {
	font-weight: bold;
	color: #0000FF;
	background-color: #FFAE00;
}
.msformbutton:hover {
	font-weight: bold;
	color: #FFAE00;
	background-color: #0000FF;
}

.formnotes {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: left;
}

.formnoscriptmsg {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	margin: 20px 20px;
	padding: 0;
}

/* Following is a patch to try and ensure fielset contains floating fields in safari */
fieldset {
	overflow: hidden;
}
.appformfieldset, .pubsformfieldset, #errorbox {
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 10px;
	border: 2px groove #FFFFFF;
}
#errorbox {
	position: relative;
	visibility: hidden;
	color: #FFFFFF;
	background-color: #FF0000;
}
.appformfieldset, .pubsformfieldset {
	color: #000000;
	overflow: hidden;
}

.appformfieldset h3, .pubsformfieldset h3 {
	margin: 0;
	padding: 0 10px;
	text-align: center;
}

.appformfieldset label, .pubsformfieldset label {
	float: left;
	width: 100px;
	text-align: right;
	vertical-align: bottom;
	margin: 2px 0.5em 2px 1em;
	padding: 2px 0 0 0;
	clear: both;
}
.requiredfieldlabel {
	color: #FF0000;
	font-weight: bold;
}

.appformfieldset input, .appformfieldset textarea, .pubsformfieldset input, .pubsformfieldset textarea {
	float: left;
	width: 300px;
	margin: 2px 0 2px 0;
	padding: 0 3px 0 3px;
}
.appformfieldset select {
	width: 200px;
	float: left;
}
.pubsformfieldset select {
	width: 200px;
	float: left;
}
.pubsformfieldset select.selectqtyfield {
	width: 50px;
}
.appformfieldset input.smallfield, .appformfieldset input.disabledfield, .pubsformfieldset input.smallfield, .appformfieldset input.disabledfield {
	width: 150px;
}
.pubsformfieldset input.totcostfield {
	width: 50px;
}
.appformfieldset br, .pubsformfieldset br {
	clear: both;
}
.appformfieldset input.disabledfield, .pubsformfieldset input.disabledfield, .pubsformfieldset input.totcostfield {
	font-weight: bold;
/*	color: #736F6E; */
	color: #4A4344;
	background-color: #CCCCCC;
}

/* Order Form Quantity Table */

.pubsordertable {
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.pubsordertable td {
	margin: 0;
	padding: 0 3px 0 3px;
	vertical-align: middle;
}
.pubsordertable td.pubnamecol {
	text-align: right;
	font-weight: bold;
	width: 300px;
	padding-right: 10px;
}
.pubsordertable td.pubqtycol, .pubcostcol {
	text-align: left;
	width: 50px;
}