/* CSS for new header on 'older' pages... 
Small changes Jan 2009 to harmonise with the new home page. Base font is different so shrink the crumbtrail, search label and primary nav a bit relative to MOL_new.css
*/

.container {
	margin-top: 0;
	
}

#navWrap ul,
#navWrap li {
	margin: 0;
	padding: 0;
}


#crumbtrail strong {
	padding-left: 10px;
	background: url(../images/rebrand/blue_triangle.gif) 0 50% no-repeat;
	margin-right: 5px;
	color: #ff0066;
}

#crumbtrail a,
#crumbtrail a:visited {
	padding-left: 10px;
	background: url(../images/rebrand/blue_triangle.gif) 0 50% no-repeat;
	margin-right: 5px;
	text-decoration: none;
}

#crumbtrail a:hover,
#crumbtrail a:visited:hover {
	text-decoration: underline;
}



#crumbtrail {
	padding: 5px 0;
	font-size: 0.85em;
}

#crumbtrail p {
	margin: 0;
	padding: 0;
}

#navWrap {
	width: 770px;
	background: #fff url(../images/rebrand/grey_dot.gif) bottom left repeat-x;
	overflow: hidden; /* this clears floated elements, which is nice... you'll see it quite a few times. */
	position: relative;
}

.search {
	float: right;
	}


#header {
	height: 70px;
	border-bottom: 1px solid #bebebe;
	background: #13064f url(../images/rebrand/header_bg.gif) 0 0 no-repeat;
	position: relative;
}


#header h1 {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 118px;
	height: 47px;
}

#header h1 a { /* using accessible image replacement technique... text indented out of 'viewing port' to leave bg image (logo) visible */
	display: block;
	width: 118px;
	height: 47px;
	overflow: hidden;
	text-indent: -9999px; /* hide the html text */
	text-decoration: none;
	background: url(../images/rebrand/h1_logo.gif) 0 0 no-repeat;
}




/* =navigation */

ul#siteNav {
	float: left;
	margin-left: 10px;
	display: inline; /* fix floated element margin-doubling bug in IE6 */
	margin-top: 5px;
}

ul#siteNav li {
	float: left;
	margin-right: 10px;
}


ul#siteNav li#mol_tab,
ul#siteNav li#mol_tab a,
ul#siteNav li#mol_tab a:visited {
	width: 137px;
	height: 22px;
	
}

ul#siteNav li#docklands_tab,
ul#siteNav li#docklands_tab a,
ul#siteNav li#docklands_tab a:visited {
	width: 118px;
	height: 22px;
	
}

ul#siteNav li#arch_tab,
ul#siteNav li#arch_tab a,
ul#siteNav li#arch_tab a:visited {
	width: 131px;
	height: 22px;
	
}

ul#siteNav li a,
ul#siteNav li a:visited {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background-color: #f3f3f3;
}

ul#siteNav li#mol_tab a,
ul#siteNav li#mol_tab a:visited {
	background: #f3f3f3 url(../images/rebrand/navtab_mol.gif) 0 0 no-repeat;
	}
	
ul#siteNav li#docklands_tab a,
ul#siteNav li#docklands_tab a:visited {
	background: #f3f3f3 url(../images/rebrand/navtab_docklands.gif) 0 0 no-repeat;
	}
	
ul#siteNav li#arch_tab a,
ul#siteNav li#arch_tab a:visited {
	background: #f3f3f3 url(../images/rebrand/navtab_arch.gif) 0 0 no-repeat;
	}
	
	
ul#siteNav li#mol_tab a:hover,
ul#siteNav li#mol_tab a:visited:hover,
ul#siteNav li#mol_tab a.active,
ul#siteNav li#mol_tab a.active:hover,
ul#siteNav li#mol_tab a.active:visited,
ul#siteNav li#mol_tab a.active:visited:hover,
ul#siteNav li#docklands_tab a:hover,
ul#siteNav li#docklands_tab a:visited:hover,
ul#siteNav li#docklands_tab a.active,
ul#siteNav li#docklands_tab a.active:hover,
ul#siteNav li#docklands_tab a.active:visited,
ul#siteNav li#docklands_tab a.active:visited:hover,
ul#siteNav li#arch_tab a:hover,
ul#siteNav li#arch_tab a:visited:hover,
ul#siteNav li#arch_tab a.active,
ul#siteNav li#arch_tab a.active:hover,
ul#siteNav li#arch_tab a.active:visited,
ul#siteNav li#arch_tab a.active:visited:hover
/*
Rik's fixes 29/1/2009
to fix the top nav tabs so that the 'active' tab is selected across the three museums in non-home pages:
(you are selecting the current tab by using a .mol (or .docklands or .arch) class on the container div  to target a specific tab, rather than using an a.active class which is the method on the home pages... )
*/
.mol ul#siteNav li#mol_tab a,
.mol ul#siteNav li#mol_tab a:hover, 
.mol ul#siteNav li#mol_tab a:visited, 
.mol ul#siteNav li#mol_tab a:visited:hover,

.docklands ul#siteNav li#docklands_tab a, 
.docklands ul#siteNav li#docklands_tab a:hover, 
.docklands ul#siteNav li#docklands_tab a:visited, 
.docklands ul#siteNav li#docklands_tab a:visited:hover,

.arch ul#siteNav li#arch_tab a, 
.arch ul#siteNav li#arch_tab a:hover, 
.arch ul#siteNav li#arch_tab a:visited, 
.arch ul#siteNav li#arch_tab a:visited:hover 
 {
	background-position: 0 -22px;
	}

/*see also end of file*/


#subNav {
	border-bottom: 1px solid #adadad;
	padding: 5px 0;
	height: 1.3em; /* need this to make IE 6 clear the floated list elements */
	margin-bottom: 20px;

	font-size: 0.9em;
}

#subNav ul {
	margin-left: 0;
}

#subNav li {
	float: left;
}

#subNav li a,
#subNav li a:visited {
	float: left;
	display: block;
	text-transform: uppercase;
	color: #ff0066;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #999;
}

#subNav li.last a,
#subNav li.last a:visited {
	border: none;
	}

#subNav li a:hover,
#subNav li a:visited:hover {
	text-decoration: underline;
}

#subNav li a.active,
#subNav li a.active:visited {
	font-weight: bold;
	color: #fff;
	background: #ff0066;
}


/* =forms */


.search label {
	color: #666;
	font-size: 0.85em;
	font-weight: bold;
}

.search .search-input {
	border: 1px solid #ccc;
	margin-right: 5px;

}

#SearchSelect1_SearchButton {
	position: relative;
	top: 3px; /* IE messes up vertical alignment so we did this... */
}



/* =subsite overrides */

.docklands #header {
	background: #13064f url(../images/rebrand/header_docklands_bg.gif) 0 0 no-repeat;
}

.docklands  #header h1 {
	width: 250px;
	height: 47px;
}

.docklands #header h1 a { 

	width: 250px;
	height: 47px;
	background: url(../images/rebrand/h1_docklands_logo.gif) 0 0 no-repeat;
}

.docklands  #subNav li a,
.docklands  #subNav li a:visited {
	color: #000066;
	}
	
.docklands   #subNav li a.active,
.docklands   #subNav li a.active:visited {
	background: #000066;
	color: #fff;
}

.docklands #intro {

	background: #fff url(../images/rebrand/intro_pic_docklands.jpg) top right no-repeat;
}

.docklands #intro #introText {
	font-size: 1em;
	}

.docklands .module h3 {
	background: #dadada;
	color: #000066;
}


.docklands h2 {
	color: #000066;
}

.docklands h2 a,
.docklands h2 a:visited,
.docklands h3 a,
.docklands h3 a:visited {
	color: #000066;
}

.docklands #crumbtrail strong {
	color: #000066;
	}


/* Archaeology subsite */



.arch #header {
	background: #840B0E url(../images/rebrand/header_arch_bg.gif) 0 0 no-repeat;
}

.arch   #header h1 {
	width: 272px;
	height: 47px;
}

.arch  #header h1 a { 

	width: 272px;
	height: 47px;
	background: url(../images/rebrand/h1_arch_logo.gif) 0 0 no-repeat;
}

.arch   #subNav li a,
.arch  #subNav li a:visited {
	color: #cc3300;
	}
	
.arch    #subNav li a.active,
.arch   #subNav li a.active:visited {
	background: #cc3300;
	color: #fff;
}

.arch  #intro {

	background: #fff url(../images/rebrand/intro_pic_arch.jpg) top right no-repeat;
}

.arch  .module h3 {
	background: #d6d6d6;
	color: #cc3300;
}

.arch  h2,
.arch  h2 a,
.arch  h2 a:visited,
.arch  h3 a,
.arch  h3 a:visited,
.arch #crumbtrail strong {
	color: #cc3300;
}




/*Firefox: stop second horizontal nav (#subNav) from wrapping onto two lines:*/

#subNav {
    font-size: 0.85em;
}

/*make linked headers blue:*/

.arch h2, 
.arch h2 a, 
.arch h2 a:visited, 
.arch h3 a, 
.arch h3 a:visited {
    color: #0151A5;
}

/*JF*/
#google_translate_element, #google_translate_element div div
{
	float:right; 
}
#google_translate_element:after{clear:both}