/***** BASIC HTML Styles *****/
/*Lady Lever*/
/*Headings - Primary colour*/
h2, p.h2look
{
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #4D4D4D;
}

h3, p.h3look
{
	line-height: 1.2em;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	color: #4D4D4D;
}

/* changed h4 - DB */
h4, p.h4look
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	color: #4D4D4D;
}

h1
{
	line-height: 1.2em;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 1em 0;
}
h1.venue a
{
	color: #000000;
}

/* added contextHeader to remove h2 from context panel heading */
.contextHeader, h2.white a
{
	
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, .contextHeader, h2.white a
{
	color: #4d4d4d;
}

/*Top bar - Background Primary colour*/


div.boxtitle, hr.boxout
{
	border-top-width: 0.2em;
	border-top-style: solid;
	border-top-color: #63297E;
	background-color: #ffffff;
}

/*Border Colour*/
td.sidenavbg
{
	border-color: #63297E;
}

/*overwrite of boxes and gallery panels to include stripe down left hand side */

.salmonblackborder
{
	background-color: #eeeeee;
	margin: 0.5em 0.25em 0.5em 0.25em;
	padding: 3px 6px 3px 6px;
	border: solid 1px #63297E;
	border-left: solid 12px #63297E;
}
table.gallerypanel
{
	margin: 3px 3px 1em 3px;
	padding: 3px 3px 3px 3px;
}
table.gallerypanel td.galleryitem img.photocentre
{
	margin-top: 10px;
	border: solid 1px #999999;
}
td.galleryitem
{
	padding: 0px 0px 10px 0px;
}

/* Gallery overwrite colours from tourgallery.css */

div.ImagePanel
{
	height: auto;
	float: left;
	border-color: #63297E;
	background-color: #DDDDDD;
}
div#MyImageGallery_ImgPnl img
{
	display: block;
	margin: 0px auto 5px auto;
	text-align: center;
}

div#MyImageGallery_PgrImgs_PagerPanel DIV
{
	margin-top: 0.5em;
	background-color: #63297E;
}

div#MyImageGallery_PgrImgs DIV a:link, div#MyImageGallery_PgrImgs DIV a:visited
{
	color: #63297E;
}

div#MyImageGallery_PgrImgs DIV a:hover
{
	color: #FFFFFF;
}

a:link, a:visited, a:active
{
	color: #32539f;
	text-decoration: none;
}

ul li
{
	background-image: url(/online/graphics/link_arrow.gif);
}

#subnav li
{
	background-color: #63297E;
}

.feature-box-museums
{
	border-top-width: 0.2em;
	border-top-style: solid;
	border-top-color: #63297E;
}

ul#museum-list li
{
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
}

#subnav li a:link, #subnav li a:visited, #subnav li a:active, .back2top a:link, .back2top a:visited, .back2top a:active
{
	color: #ffffff;
}

#header a:link, #header a:visited, #header a:active
{
	text-decoration: none;
}

#header ul li
{
	background-image: none;
}

td.contentdisplaynoimage {
    border-top: 0.2em solid #467f88;
}

/* rebrand 2010 styles */

#navcontainer {
    border:0px solid red;
    width:652px;
	margin: 0;
	margin-bottom:5px;
	float:left;
}

#navcontainer ul {
    padding:0;
    margin:0;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li {
    display: inline;
	text-align:center;
    width:106px;
    height:41px;
    border:0px solid blue;
    padding:0;
    margin:0;
}

#navcontainer ul li a {
    width:106px;
    height:41px;
	color: White;
	text-decoration: none;
	text-align:center;
	line-height:41px;
	margin-left:2px;
	float: left;
}

#navcontainer ul li.navAbout a {
    background-image:url(/graphics/homepage/about_us.gif);
}

#navcontainer ul li.navAbout a:hover {
    background-image:url(/graphics/homepage/about_us_on.gif);
}

#navcontainer ul li.navEdu a {
    background-image:url(/graphics/homepage/education.gif);
}

#navcontainer ul li.navEdu a:hover {
    background-image:url(/graphics/homepage/education_on.gif);
}

#navcontainer ul li.navSupport a {
    background-image:url(/graphics/homepage/support_us.gif);
}

#navcontainer ul li.navSupport a:hover {
    background-image:url(/graphics/homepage/support_us_on.gif);
}

#navcontainer ul li.navBlog a {
    background-image:url(/graphics/homepage/blog.gif);
}

#navcontainer ul li.navBlog a:hover {
    background-image:url(/graphics/homepage/blog_on.gif);
}

#navcontainer ul li.navMultimedia a {
    background-image:url(/graphics/homepage/multimedia.gif);
}

#navcontainer ul li.navMultimedia a:hover {
    background-image:url(/graphics/homepage/multimedia_on.gif);
}

#navcontainer ul li.navBookshop a {
    background-image:url(/graphics/homepage/bookshop.gif);
}

#navcontainer ul li.navBookshop a:hover {
    background-image:url(/graphics/homepage/bookshop_on.gif);
}

#navcontainer ul li .navText {
    display:none
}

#navcontainer ul li a.twoline {
	line-height:20px;
}

#navcontainer ul li a:hover {
	background-color: white;
	color: #284179;
}