/************************************************************************************
-------------------------------------------------------------------------------------
	
	"nrm.css"
	@desc	Main layout rules for www.nrm.org.uk
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/

/*@import 'sliders.css';
@import 'type.css';
@import 'modules.css';
@import 'themes.css';
@import 'nav.css';
@import 'thickbox.css';*/

/*	Global
-----------------------------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
}
ul#skip-nav{
	position: absolute;
	top: -999em;
}

html, body {	
	/*height: 100%;
	min-height: 100%;*/
}

/*	Main layout
-----------------------------------------------------------------------------------*/

#wrapper-outer{
	height: 100%;
	min-height: 100%;
	padding-bottom: 100px;
}
#wrapper{
	background: url('../images/design/common/tint.png');
	margin: 0 auto;
	padding: 0 25px 40px 25px;
	width: 918px;

}
#header{
	min-height: 175px;
	position: relative;
}
#header-content{
	float: right;
	height: 105px;
	position: relative;
	width: 485px;
}

#content	{padding: 20px 0 0 0;	}

.home #content{
	padding-top: 30px;
}
/* Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#content{
		padding: 0 0 0 0;
	}
}

#primary{
	padding: 0;
}

#side-nav{
	background: #fff;
	float: left;
	padding: 5px 20px;
}
#side-bar{
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 226px;
}

#footer-wrapper{
	background: #000;

	height: 70px;
	padding: 15px 0;
	width: 100%;
}
#footer{
	font-size: .75em;
	margin: 0 auto;
	width: 918px;
}

/*	Two column layout
-----------------------------------------------------------------------------------*/

.two-col #primary{
	float: right;
	margin-top: -8px;
	width: 718px;
}

.two-col-alt #primary{
	float: right;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px;
	width: 678px;
}
.t24.two-col-alt  #primary	{	padding-bottom: 10px;	}
.two-col-alt #primary.hasCorners{
	margin-bottom: 29px;
	margin-top: 0;
	width: 718px;
}

/*	Three column layout
-----------------------------------------------------------------------------------*/

.three-col #primary{
	float: left;
	margin: 0 20px;
	width: 472px;
}

/*	One column layout ie: Search results
-----------------------------------------------------------------------------------*/

.one-col #primary	{	margin-bottom: 0;	}
.t20.one-col #primary	{
	margin-bottom: 20px;
	width: 878px;
} 
.t25.one-col #primary.full-width	{	margin-bottom: 20px;} 
.t20.one-col #primary.hasCorners	{
	margin-bottom: 20px;
	width: 918px;
} 



/*	Page backgrounds
-----------------------------------------------------------------------------------
body{	
	background: #000;
}
body{	
	background: #000 url('../images/design/page-backgrounds/home_1916_sm.jpg')	no-repeat fixed top center;
}*/









/* ---- sliders.css */
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"sliders.css"
	@desc	Slider elements for www.nrm.org.uk
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/



/*	Misc sliders in modules
-----------------------------------------------------------------------------------*/

/* @group Misc sliders in modules */

.general-slider.module{
	padding: 0;
}

/*	Classes to apply when slider is active	*/

.general-slider.slideable{ 
	height: 300px;
	position: relative;
	margin: 0 0 15px 0;
}
.general-slider.slideable .general-slider-content{
	overflow: hidden;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;			
}
.general-slider .general-slides-inner-wrapper{ 
	font-size: 1.3em;
	margin: 0;
	list-style: none; 
}
.general-slider.slideable .general-slides-inner-wrapper{ 
	width: 9999px; 
	top: 0; 
	left: 0;  
}
ul.general-slides-inner-wrapper{ 
	list-style: none; 
}
.general-slider.slideable .general-slides-inner-wrapper li.item{
	display: block;
	float: left;
	font-size: 1.3em;
	padding: 0;
	width: 310px;
	margin: 0;
}

.general-slider div.caption{  
	padding: 20px 0;
}

/*	Slider controls	*/

.general-slider.slideable .thumbNav{
	position: absolute;
	top: 0;
	text-align: right;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 310px;
}
.general-slider.slideable .thumbNav a{
	background-image: url('../images/design/icons/slider-nav-small.png');
	background-position: top left;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0;
	height: 12px;
	margin: 0 0 0 5px;
	text-indent: -999em;
	width: 12px;
}
.general-slider.slideable .thumbNav a:hover,
.general-slider.slideable .thumbNav a.cur{ 
	background-image: url('../images/design/icons/slider-nav-small-cur.png');	
}
.general-slider.slideable .controls{
	left: 0;
	position: absolute;
	height: 12px;
}

/*
Template 2 and 3 sliders
----------------------------------------------------------------------------------------------------*/


.general-slider.t2-slider.slideable,
.general-slider.t3-slider.slideable{ 
	height: 310px;
	width: 300px;
}
.general-slider.t3-slider.slideable							{	height: 330px;	}
.general-slider.t2-slider.slideable .general-slider-content,
.general-slider.t3-slider.slideable .general-slider-content	{	height: 325px;}

.general-slider.t3-slider.slideable .general-slider-content	{	height: 350px;}

.general-slider.t2-slider.slideable .general-slider-content,
.general-slider.t3-slider.slideable .general-slider-content,
.general-slider.t2-slider.slideable .controls,
.general-slider.t3-slider.slideable .controls,
.general-slider.t2-slider.slideable .thumbNav,
.general-slider.t3-slider.slideable .thumbNav,
.general-slider.t2-slider.slideable .general-slides-inner-wrapper li.item,
.general-slider.t3-slider.slideable .general-slides-inner-wrapper li.item{
	width: 310px;
}
.general-slider.t2-slider.slideable .controls,
.general-slider.t3-slider.slideable .controls	{	top: 155px;	}

/*		Template 13c sliders	
----------------------------------------------------------------------------------------------------*/

.general-slider.t13-slider.slideable	{
	height: 271px;
	margin-bottom: 45px;
}

.general-slider.t13-slider.slideable{ 
	height: 266px;
	width: 428px;
}
.general-slider.t13-slider.slideable .general-slider-content	{	height: 271px;}
.general-slider.t13-slider.slideable .general-slider-content,
.general-slider.t13-slider.slideable .controls,
.general-slider.t13-slider.slideable .thumbNav,
.general-slider.t13-slider.slideable .general-slides-inner-wrapper li.item{
	width: 428px;
}
.general-slider.t13-slider.slideable .general-slides-inner-wrapper li.item{
	height: 271px;
}
.general-slider.t13-slider.slideable .controls	{	top: 275px;	}

/*		Template 13d sliders	
----------------------------------------------------------------------------------------------------*/

.general-slider.t13d-slider.slideable	{
	height: 271px;
	margin-bottom: 45px;
}

.general-slider.t13d-slider.slideable{ 
	height: 266px;
	width: 428px;
}
.general-slider.t13d-slider.slideable .general-slider-content	{	height: 271px;}
.general-slider.t13d-slider.slideable .general-slider-content,
.general-slider.t13d-slider.slideable .controls,
.general-slider.t13d-slider.slideable .thumbNav,
.general-slider.t13d-slider.slideable .general-slides-inner-wrapper li.item{
	width: 428px;
}
.general-slider.t13d-slider.slideable .general-slides-inner-wrapper li.item{
	height: 271px;
}
.general-slider.t13d-slider.slideable .controls	{	top: 275px;	}


/*
Template 5  & 18 sliders
----------------------------------------------------------------------------------------------------*/

.general-slider.t5-slider.slideable,
.general-slider.t18-slider.slideable{ 
	float: left;
	height: 360px;
	width: 470px;
}
.general-slider.t5-slider.slideable .general-slider-content,
.general-slider.t18-slider.slideable .general-slider-content{
	height: 350px;
}
.general-slider.t5-slider.slideable .general-slider-content,
.general-slider.t18-slider.slideable .general-slider-content,
.general-slider.t5-slider.slideable .thumbNav,
.general-slider.t18-slider.slideable .thumbNav,
.general-slider.t5-slider.slideable .general-slides-inner-wrapper li.item,
.general-slider.t18-slider.slideable .general-slides-inner-wrapper li.item{
	width: 470px;
}
.general-slider.t5-slider.slideable .general-slides-inner-wrapper li.item,
.general-slider.t18-slider.slideable .general-slides-inner-wrapper li.item{
	height: 250px;
}
.general-slider.t5-slider.slideable .general-slides-inner-wrapper li.item img
.general-slider.t18-slider.slideable .general-slides-inner-wrapper li.item img{
	overflow: hidden;
	height: 250px;
}
.general-slider.t5-slider.slideable .controls,
.general-slider.t18-slider.slideable .controls	{	
	width: 460px;
	top: 255px;
}

.blue .general-slider.t5-slider.slideable .general-slider-content,
.blue .general-slider.t18-slider.slideable .general-slider-content{
	background: url('../images/design/corners/caption-470-blue.png') bottom left;
}
.green .general-slider.t5-slider.slideable .general-slider-content,
.green .general-slider.t18-slider.slideable .general-slider-content{
	background-color: #1F4924;
	background: url('../images/design/corners/caption-470-green.png') bottom left;
}
.general-slider.t5-slider.slideable .general-slider-content .caption,
.general-slider.t18-slider.slideable .general-slider-content .caption{
	padding: 0 20px;
}

/*
	Template 6 sliders
----------------------------------------------------------------------------------------------------*/

.general-slider.t6.slideable{ 
	float: left;
	height: 310px;
	width: 676px;
}
.general-slider.t6.slideable .general-slider-content	{
	height: 295px;
	width: 676px;
}
.general-slider.t6.slideable .thumbNav	{	width: 676px;	}
.general-slider.t6.slideable .general-slides-inner-wrapper li.item{
	height: 305px;
	width: 676px;
}
.general-slider.t6.slideable .controls	{	
	width: 676px;
	top: 300px;
}

/*
	Template 18 sliders
----------------------------------------------------------------------------------------------------

.general-slider.rainhill-internal-left.slideable {
	width: 468px;
	height: 324px;
}
.general-slider.rainhill-internal-left.slideable .general-slider-content {
	width: 468px;
	height: 324px;
}
.general-slider.rainhill-internal-left.slideable .general-slides-inner-wrapper li.item {
	width: 468px;
	height: 257px;
}
.general-slider.rainhill-internal-left.slideable .controls {
	width: 458px;
	top: 252px;
}*/

/*

/*
	Template 22 sliders
----------------------------------------------------------------------------------------------------*/

.general-slider.t22-slider.slideable{ 
	float: left;
	height: 420px;
	width: 676px;
	margin-bottom: 30px;
}
.general-slider.t22-slider.slideable .general-slider-content	{
	height: 420px;
	width: 676px;
}
.general-slider.t22-slider.slideable .thumbNav	{	width: 676px;	}
.general-slider.t22-slider.slideable .general-slides-inner-wrapper li.item{
	height: 420px;
	width: 676px;
}
#primary .general-slider.t22-slider .general-slides-inner-wrapper li.item img {
	margin-bottom: 0;
	display: block;
}
.general-slider.t22-slider.slideable .controls	{	
	width: 666px;
	top: 335px;
}
.general-slider.t22-slider .caption	{
	padding: 25px 20px 15px 20px;
	width: 636px;
	background: url(../images/design/corners/caption-678-blue.png) no-repeat bottom;
	margin-top:0;
	height: 50px;
	position:relative;
}
#content .general-slider.t22-slider .caption p	{	margin: 0;	}
.general-slider.t22-slider.slideable a.arrow {	height: 325px;	}

/*
	Template 12 sliders
----------------------------------------------------------------------------------------------------*/

.general-slider.t12-slider{ 
overflow: hidden;
	width: 432px;
}
.general-slider.t12-slider.slideable{ 
	float: left;
	height: 340px;
	width: 432px;
	margin-bottom: 20px;
}
.general-slider.t12-slider.slideable .general-slider-content	{
	height: 360px;
	width: 432px;
}
.general-slider.t12-slider.slideable .thumbNav	{
	width: 432px;
}
.general-slider.t12-slider.slideable .general-slides-inner-wrapper li.item{
	background: url(../images/design/corners/caption-432-blue.png) no-repeat scroll left bottom;
	height: 360px;
	width: 432px;
}
#primary .general-slider.t12-slider .general-slides-inner-wrapper li.item img {
	margin-bottom: 0;
	display: block;
}
.general-slider.t12-slider.slideable .controls	{	
	width: 425px;
	top: 255px;
}
.general-slider.t12-slider .caption	{
	margin-top:0;
	padding: 20px 20px 10px 20px;
	position:relative;
	width: 392px;
}
#content .general-slider.t12-slider .caption p	{
	margin: 0;
}
.general-slider.t18.slideable a.arrow {
	height: 340px;
}

/*
	Template 14 and 24 sliders
----------------------------------------------------------------------------------------------------*/

.general-slider.t14-slider.slideable,
.general-slider.t24-slider.slideable{ 
	float: left;
	height: 420px;
	width: 676px;
	margin-bottom: 30px;
}
.general-slider.t14-slider.slideable .general-slider-content,
.general-slider.t24-slider.slideable .general-slider-content	{
	height: 450px;
	width: 676px;
}
.general-slider.t14-slider.slideable .thumbNav,
.general-slider.t24-slider.slideable .thumbNav	{	width: 676px;	}

.general-slider.t14-slider.slideable .general-slides-inner-wrapper li.item,
.general-slider.t24-slider.slideable .general-slides-inner-wrapper li.item{
	height: 450px;
	width: 676px;
}
#primary .general-slider.t14-slider .general-slides-inner-wrapper li.item img,
#primary .general-slider.t24-slider .general-slides-inner-wrapper li.item img {
	margin-bottom: 0;
	display: block;
}
.general-slider.t14-slider.slideable .controls,
.general-slider.t24-slider.slideable .controls	{	
	width: 666px;
	top: 335px;
}

.general-slider.t14-slider .caption,
.general-slider.t24-slider .caption	{
  padding:15px 20px 15px 20px;
  width: 636px;
  background: url(../images/design/corners/caption-678-blue.png) no-repeat scroll left bottom;
  margin-top:0;
  position:relative;
}
#content .general-slider.t14-slider .caption p,
#content .general-slider.t24-slider .caption p	{	margin: 0;	}

.general-slider.t14-slider.slideable a.arrow,
.general-slider.t24-slider.slideable a.arrow {	height: 340px;	}

/*
	Sliders in overlays ie t8
----------------------------------------------------------------------------------------------------*/

.overlay-content .general-slider.slideable{ 
	float: left;
	height: 385px;
	width: 655px;
}
.overlay-content .general-slider.slideable .general-slider-content	{
	height: 385px;
	width: 655px;
}
.overlay-content .general-slider.slideable .thumbNav{
	width: 655px;
}
.overlay-content .general-slider.slideable .general-slides-inner-wrapper li.item{
	height: 385px;
	width: 655px;
}
.overlay-content .general-slider.slideable .controls	{	
	width: 656px;
	top: 370px;
}

/* @end */


/*
	Prev and next arrows
-----------------------------------------------------------------------------------*/

.slideable a.arrow{
	background-position: 0 -50%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	position: absolute;
	text-indent: -999em;
	width: 40px;
	z-index: 999;
}
.slideable a.arrow:hover{
	background-position: 100% 50%;
}	
.slideable a.next{
	background-image: url('../images/design/icons/slider-next.png');
	right: 0;
}
.slideable a.prev{
	background-image: url('../images/design/icons/slider-prev.png');
	left: 0;
}

.slideable.t5-slider a.arrow{
	height: 250px;
}
.slideable.t6-slider a.arrow{
	height: 290px;
}
.overlay-content .slideable a.arrow{
	height: 365px;
}


/*	Home page slider
-----------------------------------------------------------------------------------*/

/* @group Home slider */

#home-slider.module	{	padding: 0;	}

/*	Classes to apply when slider is active	*/

#home-slider{ 
	width: 918px;
	position: relative; 
	margin: 0 0 15px 0;
	padding: 0;
}
#home-slider.slideable{ 
	height: 330px;
	margin-bottom: 20px;
}
#home-slider .home-slider-content{
	width: 918px;
	margin: 0;	
}
#home-slider.slideable .home-slider-content{
	overflow: auto;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;	
}
#home-slider.slideable .home-slides-inner-wrapper{ 
	width: 9999px; 
	height: 330px;
	padding: 8px 0;
	position: absolute; 
	top: 0; 
	left: 0;  
	margin: 0;
}

#home-slider .home-slides-inner-wrapper li.item{
	display: block;
	float: left;
	font-size: 1em;
	height: 300px;
	padding: 15px;
	position: relative;
	width: 878px;
	margin: 0 0 20px 0;
}
#home-slider.slideable .home-slides-inner-wrapper li.item{
	height: 302px;
	/*padding: 15px 0 100px 0;*/
	
	width: 918px;
}
#home-slider.slideable .home-slides-inner-wrapper li.item.hasCorners{
	height: 312px;
	margin-bottom: 0;
	padding: 0 20px;
	width: 918px;
}

/*	Slider control bar	*/

#home-slider.slideable #controls{
	background-position: top left;
	bottom: 0;
	height: 35px;
	left: 0;
	position: absolute;
	width: 918px;
}
#home-slider.slideable  .thumbNav{
	position: relative;
	height: 35px;
	top: 0;
	text-align: center;
}
#home-slider.slideable .thumbNav li{
	height: 35px;
	line-height: 35px;
}
#home-slider.slideable #controls .thumbNav  a{
	float: left;
	outline: none;
}
#home-slider.slideable .thumbNav a{
	background-image: url('../images/design/icons/slider-nav-large.png');
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0;
	height: 35px;
	margin: 0 5px 0 0;
	outline: none;
	text-indent: -999em;
	width: 12px;
}
#home-slider.slideable .thumbNav a:hover,
#home-slider.slideable .thumbNav a.cur{ 
	background-image: url('../images/design/icons/slider-nav-large-cur.png');	
}

#home-slider.slideable a#start-stop{
	color: white;
	font-size: .8em;
	height: 35px;
	line-height: 35px;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 60px;
}
#home-slider.slideable a#start-stop{
	background-position: left;
	background-repeat: no-repeat;	
	padding-left: 20px;
}

#home-slider.slideable a#start-stop{
	background-image: url('../images/design/icons/btn-play.png');
	right: 0;
}
#home-slider.slideable a#start-stop.playing{
	background-image: url('../images/design/icons/btn-pause.png');
}
#slider-start-stop a.inactive{
	color: #FFD129;
	text-decoration: none;
}



/* @end */




/* --------- type.css */
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"type.css"
	@desc	Typographic rules for www.nrm.org.uk
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/

html{
	color: #fff;
	
}
body{
	font-size:100%;
	line-height: 1.5em;
	font-family:  Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, #navigation, #nav-sub{
	font-weight: normal;
	font-family:  "Trebuchet MS", Arial, sans-serif;	
}


/*	Logo
-----------------------------------------------------------------------------------*/
/* @group Logo */

#logo,
#logo h1,
#logo p,
#logo a{
	height: 105px;
	left: 0;
	position: absolute;
	top: 0;
	width: 105px;
}
#logo,
#logo a{
	background: url('../images/design/common/logo.png') no-repeat top left;
	text-indent: -999em;
}
#logo p a{	display: block;	}

/* @end */

/*	Breadcrumbs
-----------------------------------------------------------------------------------*/

/* @group Breadcrumbs */

p#breadcrumbs{	padding: 0 0 10px 20px;	}

/* @end */

/* @group Headings */

/*	Headings
-----------------------------------------------------------------------------------*/

h1, h2, h3, h4{
	font-weight: normal;
	font-family:  "Trebuchet MS", Arial, sans-serif;
}
h1{
	font-size: 2.375em;
	line-height: 1em;
	margin-bottom: 15px;
	position: relative;
}
h1 span{
	display: block;
	font-size: 0.5em;
	line-height: 1em;
	padding-top: 10px;
}
h2{
	font-size: 1.625em;
	font-weight: bold;
	margin-bottom: 10px;
}
#primary h1,
#primary h2,
.module h2{
	background: url('../images/design/common/vert-bars.gif') repeat-x bottom;	
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#primary h1{	padding-bottom: 25px;	}
#primary h1.no-bars{
	background: none;
	padding-bottom: 0;
}
#primary h2{
	font-size: 1.125em;
	font-weight: bold;	
}
#primary h2.no-bars,
.three-col #primary h2{
	background: none;
	font-size: 1.625em;
	padding-bottom: 0;
}
.three-col #primary h2{
	font-size: 1.125em;
	font-weight: normal;
}

.module h2{
	font-size: 1.125em;
	font-weight: bold;
}
.module h3{
	font-size: 1.625em;
	font-weight: bold;
	margin-bottom: 15px;
}

.two-col #primary .module h3{ 
	font-weight: normal;
	margin: 10px 0 10px 0;
	padding: 0;
}
.col.half h3			{	margin: 30px 0 10px 0;	}
.col.half h3:first-child{	margin: 0 0 10px 0;	}

.three-col .full-width h3{
	background: url('../images/design/common/vert-bars.gif') repeat-x bottom;
	font-size: 1.2em;
	font-weight: normal;	
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.three-col #primary.full-width h3{
	background: none;	
	margin: 25px 0 5px 0;
	padding-bottom: 0;
}

ul.trail-items h3		{	font-weight: bold;	}

#sitemap #primary h3 {
	font-size: 1.2em;
	margin: 15px 0 5px 0;
}

#primary .inner-third.right h3,
.three-col .inner-third.right h3{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 10px;
}
#collection .row.no-padding h3{
	margin-bottom: 5px;
}
.module h4{
	font-weight: bold;
	margin-bottom: 10px;
}

h4 span		{	display: block;	}
.module .with-badge-content h4	{	margin: 0 0 0 0;	}

.one-col .search-info h4{
	font-size: 1.125em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0;
}


/*	Locomotion logo	*/

h1 span.locomotion,
h2 span.locomotion,
h3 span.locomotion{
	background: url('../images/design/common/locomotion.png') no-repeat top left;
	display: block;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -999em;
	width: 110px;
}
h1 span.locomotion{		top: .5em;	}
.half span.locomotion{
	background: url('../images/design/common/locomotion-sm.png') no-repeat top left;
	height: 16px;
	top: .2em;
	width: 70px;
}

/* @end */

/*	Links
-----------------------------------------------------------------------------------*/

/* @group Links */

a{
	color: #fff;
}
a:hover{
	color: #FFD129;
}
#primary h2 a,
#primary h2 a:hover,
.module h2 a,
.module h2 a:hover,
.module h3 a,
.module h3 a:hover,
.module h4 a,
.module h4 a:hover {
	color: #fff;
	text-decoration: none;
}
#primary ul.search-results h3 a			{	text-decoration: underline;	}
#primary ul.search-results h3 a:hover	{	color: #FFD129;	}

#sitemap #primary h3 a			{	text-decoration: underline;	}
#sitemap #primary h3 a:hover	{	color: #FFD129;	}

#primary .event-list h4 a:hover,
#primary .inner-half h4 a:hover{
	color: #FFD129;	
	text-decoration: underline;
}


ul.search-results p	span.result-link a		{	color: #FFD129;		}

a.external{
	background: url('../images/design/icons/external.gif') no-repeat right;
	padding-right: 15px;
}
.module h4 a	{	text-decoration: underline;	}
.two-col-alt .module.third h4 a	{	text-decoration: none;	}

/* @end */

/*	Misc type
-----------------------------------------------------------------------------------*/

/* @group Misc type */

#content li, p{
	font-size: 0.75em;
	line-height: 1.475em;
}
#content p{
	margin-bottom: 15px;
}
.intro p{
	font-family:  "Trebuchet MS", Arial, sans-serif;
	font-size: 1.125em;
	line-height: 1.3em;
	margin-bottom: 20px;
}
p.special,
.quote p{	
	color: #FFD129;	
}
.quote p cite{ 	
	color: #fff;
	font-style: normal;	
}
.right p.special					{	float: left;	}
.full-width .col.half p.special		{	float: none;	}
p.special span						{	display: block;	}
#content ul#blinds p.special		{	font-size: 0.8em;	}


/*	Horizontal rules	*/

hr{
	color: #fff;
	background-color: #fff;
	border: none;
	height: 2px;
	margin: 5px 0 20px 0;
	width: 100%;
}
hr.float{
	clear: both;
	float: left;
	width: 100%;
}
form hr.float{
	margin: 20px 0;
}
.green hr{
	color: #1f4924;
	background-color: #1f4924;
}

.blue hr{
	color: #003356;
	background-color: #003356;
}
.blue .module.third	hr,
.darkblue.module.third	hr	{	background: #004D7A;color: #004D7A;	}
.green .module.third hr,
.darkgreen.module.third hr	{	background: #356738;color: #356738;	}
.col hr.first				{	background: #FFD129;color: #FFD129;	}
.pagination hr{
	clear: both;
	float: left;
	background: #004D7A;
	color: #004D7A;
	margin: 0 0;
}
.module.blue ul.event-list hr{
	background: #004D7A;
	color: #004D7A;
}
.module.green ul.event-list hr{
	background: #356738;
	color: #356738;
}
.three-col #primary hr.float{
	margin-top: 20px;
}

.t14 #primary hr.float{
	margin-top: 0;
}

/* @end */

/*	Lists
-----------------------------------------------------------------------------------*/

/* @group Lists */

ul.link-list{
	list-style: none;
	margin: 10px 0 0 0;
}
ul.link-list li{
	background: url('../images/design/icons/bul-arrow-yellow.png') no-repeat 0 0.3em;
	line-height: 24px;
	margin: 0 15px 5px 0;
	padding-left: 20px;	
	position: relative;
}
ul.link-list.upload{
	clear: left;
	float: left;
	margin-bottom: 0;
	width: 100%;
}
ul.link-list.upload li{
	margin-bottom: 0;
}
ul.link-list li.back			{	background: url('../images/design/icons/page-arrow-left.png') no-repeat 0 0.3em;	}
ul.link-list.columned			{	float: left;	}
ul.link-list.columned li{
	float: left;
	width: 160px;
}
#primary ul.link-list			{	margin-bottom: 20px;	}
#home .module ul.link-list		{	margin-bottom: 0;	}
.module .inner-half ul.link-list{	margin: 5px 0 0 0;	}


#primary .module.tags ul.link-list,
#primary .tags ul.link-list{	
	position: absolute;
	top: 5px;
	right:  20px;
} 
#primary .module.tags ul.link-list li,
#primary .tags ul.link-list li{
	margin: 0;
}
#primary .module.tags  .inner.hasCorners ul.link-list,
.two-col-alt #primary .tags ul.link-list{
	top: -8px;
	right:  0;
}

dd ul.link-list{
	font-size: 1.3em;
}

/*	Sitemap lists	*/

body.sitemap ul.link-list 	{
	font-size: 1.2em;
	margin: 10px 0 20px 0;
}
body.sitemap ul.link-list ul{	
	font-size: 1.275em;
	list-style: none;
	margin: 10px 0;
}


/*	Definition lists	*/

dl{
	font-size: .8em;
	line-height: 1.325em;
	padding: 0;
}

dd{
	color: #FFD129;
	margin-bottom: 10px;
}

/*	Tags in tag clouds	*/

#tags li{
	display:inline;
}
#tags li a{
	display:block;
	float:left;
	line-height:25px;
	margin-right:10px;	
}

/* @end */

/* @group Images */

/*	Images
-----------------------------------------------------------------------------------*/

img{
	border: none;
}
.module img,
#primary img{
	border-bottom: 5px solid #FFD129;
	margin-bottom: 15px;
}
.three-col #primary .full-width .inner-half.right img,
#primary ul.event-list .img-holder img	{
	border-bottom: none;
	margin-bottom: 0;
}
#side-bar .module img	{	margin-bottom: 0;}
#primary .module .img-holder.cut-out img,
#primary img.badge,
#primary img.cut-out,
#primary ul.image-thumbs .img-holder img{
	border-bottom: none;
	margin-bottom: 0;
}
#primary .general-slider.slideable img	{	margin-bottom: 20px;	}


img.badge{
	float: left;
	margin: 0 25px 0 0;
}
.full-width .col.half img.badge				{	margin-right: 10px;	}
.two-col-alt .col.third.module img.badge,
.two-col ul.event-list img.badge	{	margin-right: 10px;	}

div.img-holder{
	text-align: center;
	width: 100%;
}
.three-col #primary .img-holder		{	width: 428px;	}
.three-col #primary .img-holder img	{	margin-bottom: 0;	}

.three-col #primary .full-width .inner-half.right img	{	margin-bottom: 0;	}

.three-col #side-bar .img-holder		{	width: 186px;}

/*	Image captions	*/

.three-col #primary .img-holder .caption{
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: -5px 0 15px 0;
	padding: 15px 10px 15px 10px;
	text-align: left;
	width: 408px;
}
.three-col #primary .blue .img-holder .caption{
	background-color: #003356;
	background-image: url('../images/design/corners/caption-428-blue.png');
}
.three-col #primary .green .img-holder .caption{
	background-color: #1F4924;
	background-image: url('../images/design/corners/caption-428-green.png');
}
ul.event-list .img-holder	{
	border-bottom: 5px solid #FFD129;
	height: 115px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width: 170px;
}
ul.image-thumbs .img-holder	{
	border-bottom: 5px solid #FFD129;
	height: 70px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width: 100px;	
}
.three-col .full-width .inner-half.right.cut-out{	border-bottom: none;}
.three-col .full-width.blue .inner-half.right	{	background: #003356;}
.three-col .full-width.green .inner-half.right	{	background: #1f4924;}

/* @end */

/*	Forms
-----------------------------------------------------------------------------------*/
/* @group Forms */

#primary .module form,
#primary .module fieldset{
	float: left;
	width: 100%;
}
#primary form.nls .checks li label{margin-left:10px;width:180px;}
input,
button,
textarea,
select,
.jquery-selectbox {
	font-family:  Verdana, Arial, sans-serif;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		
}
.jquery-selectbox{
	position: relative;
	z-index: 999;
}
input.text{
	background: none;
}
#primary form p{
	margin: 0;
}
#primary input.text{
	border: 1px solid #fff;
	float: left;
	padding: 3px;
	width: 175px;	
}
#primary input.text.errors{
	border: 1px solid #fff;
}
label{
	display: block;
	line-height: .5em;
}
label.search-label{
	display: none;
}
#primary label{
	line-height: 1em;
	margin-bottom: 15px;
}
fieldset{
	float: left;
	border: none;
	margin: 2px 0 0 0;
	padding: 0px 0 0 0;
}
legend{
	display: none; /* Not ideal, but rather have the legend hidden than no legend	*/
}

#content #primary button.submit{
	background: #FFD129;
	border: none;
	color: #000;
	cursor: pointer;
	float: right;
	font-family:  "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		
}
#content #primary button.submit:hover{
	background: #000;
	color: #FFD129;	
}

#content button.submit		{	float: right;	}
#content button.submit span	{	padding: 3px 5px; }

/* Search field in header and sidebars	*/

#side-bar  fieldset,
#search-box fieldset{
	border: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	margin: 2px 0 0 0;
	padding: 0 15px 5px 5px;
	width: 235px;
}
#side-bar legend,
#search-box legend{
	display: none; /* Not ideal, but rather have the legend than no legend	*/
}
#side-bar input,
#search-box input{
	border: none;
	color: #fff;
	margin-top: 4px;
}
#side-bar input.text,
#search-box input.text{
	float: left;
	background: #231F20;
	border-right: 2px solid #fff;
	color: #fff;
	width: 160px;
}

#search-box button.submit,
#side-bar button.submit{
	background: url('../images/design/common/btn-search.png') no-repeat top left;
	border: none;
	color: #fff;
	cursor: pointer;
	float: right;
	height: 13px;
	line-height: 20px;
	margin-top: 7px;
	padding: 7px 0 0 0;
	text-align: left;
	width: 53px;
}
#side-bar button.submit span,
#search-box button.submit span{
	cursor: pointer;
	display: block;
	height: 20px;
	text-indent: -999em;
	width: 50px;
}
#side-bar button.submit:hover,
#search-box button.submit:hover{
	background-position: bottom left;
}

/*	Searchbox in sidebar	*/

#side-bar fieldset	{	
	padding-right: 0;
	width:178px;
}

#side-bar input.text{
	background: transparent;
	font-size: 0.65em;
	height: 17px;
	line-height: 20px;
	width: 115px;
}
#side-bar button.submit{
	height: 13px;
	width: 53px;
}
#side-bar .red button.submit	{	background: url('../images/design/common/btn-search-red.gif') no-repeat top left;	}
#side-bar .green button.submit	{	background: url('../images/design/common/btn-search-green.gif') no-repeat top left;	}
#side-bar .orange button.submit	{	background: url('../images/design/common/btn-search-orange.gif') no-repeat top left;	}

#side-bar button.submit span	{	text-indent: -999em;width: 50px;	}
#side-bar button.submit:hover	{	background-position: bottom left;	}

/*	Searchbox on search results page	*/

.t20 #content #primary  input.text{	
	border: 1px solid #fff;
	color: #fff;
	margin-right: 10px;
	width: 360px;
}
#content #primary.full-width .module.full-width  button.submit	{	float: left;	}

/*	Main sign up form	*/

form.nls{
	
}
#content #primary form.nls p select,
#content #primary form.nls p input{
	margin-top: 0;
	width: 201px;
}

#primary form.nls label{
	line-height: 1.5em;
	margin-bottom: 3px;
}
#primary form.nls em					{	color: #FFD129;	}
#primary form.nls p label				{	margin-bottom: 5px;}
#primary form.nls p.with-select label	{	margin-bottom: 4px;}
#primary form.nls li label	{	
	float: left;
	margin-left: 5px;
	padding-top: 0;
	padding-left: 5px;
	width: 190px;
}
#primary form.nls li input	{	float: left;	}
#primary form.nls input.text{
	color: #fff;
}
#primary form.nls fieldset p,
#primary form.nls fieldset li{
	clear: left;
	float: left;
	line-height: 25px;
	margin-bottom: 10px;
	width: 210px;
}
#primary form.nls fieldset p{
	padding-top: 10px;
}
#primary form.nls .intro{
	margin-bottom: 20px;
	width: 440px;
}
#primary form.nls .intro p{
	margin-bottom: 20px;
	width: 440px;
}
#primary form.nls fieldset ul{list-style: none;}
#primary form.nls .right	{
	clear: right;
	float: right;
}
#primary label.error,
#primary input.error{
	color: #FFD129;
}
#content #primary form.nls select.dob-dd	{	width: 55px;	}
#content #primary form.nls select.dob-mm	{	width: 55px;	}
#content #primary form.nls select.dob-yy	{	width: 90px;	}

/* @end */

/*	Filter forms and pagination incl. all type
-----------------------------------------------------------------------------------*/

.filter-tools  div.filter{
	float: left;
	margin-right: 10px;
	position: relative;
	width: 182px;
}
#content .filter-tools  div.filter p	{	margin: 0 0 5px 0;	}
#content .filter-tools  button{
	top: 19px;
	position: absolute;
	right: 0;
	margin: 0 0 0 0;
}
#content .filter-tools  button{
	right: 10px;
	top: 24px;
}
#content .filter-tools.hasCorners  button{
	top: 19px;
	right: 0;
}
.filter-tools fieldset	{	padding-top: 0;	}
#primary .filter-tools label{
	display: block;
	line-height: 1.2em;
	margin-bottom: 3px;
	padding-bottom: 0;
}
select{
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
	width: 182px;
}
#content .filter-tools button.submit	{	width: 65px;	}

/*	Calendar filters 	*/

#content .calendar-filters.module div.filter label{	
	float: left;
	line-height: 30px;
	margin-bottom: 0;
	padding-right: 5px;
}
#content .calendar-filters.module div.date label{	
	margin: 0;
	padding: 0 5px;
}
#content .calendar-filters.module fieldset{	
	margin: 0;
	padding: 0;
}
#content .calendar-filters.module div.filter p{	
	line-height: 10px;
	margin-bottom: 0;
}
#content #primary .calendar-filters.module p.button{	
	position: absolute;
	top: 22px;
	right: 20px;
	height: 24px;
	width: 50px;
}
#content .calendar-filters.module div.filter select				{	margin-top: 4px;		}
#content .calendar-filters.module.hasCorners div.filter select	{	margin-top: 0;			}

#content #primary .calendar-filters.module.hasCorners p.button	{
	top: 4px;
	right: 10px;
}
#content .calendar-filters.module div.filter.date select		{	width: 60px;			}
#content .calendar-filters.module div.filter.category select	{	
	margin-top: 3px;
	width: 107px;
}
#content .calendar-filters.module div.filter.category select	{
	width: 100px;
}
#content .calendar-filters.module.hasCorners div.filter.category select	{
	width: 147px;
}

#content .calendar-filters.module div.filter.date p				{	float: left;			}

/*	Pagination 	*/

.pages-displaying				{	
	float: left;
	line-height: 23px;
}
.pagination div.filter					{	float: right;}
#primary .pagination div.filter label	{	
	float: left;
	line-height: 23px;
	margin-bottom: 0;
	padding-right: 5px;
}
.pagination div.filter select	{	float: right;width: 50px;}

.pagination ul					{	list-style: none;	}
.pagination ul.first-prev		{
	float: right;
	position: absolute;
	left: 0;
	top: 0;
}
.pagination ul.next-last		{
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.pagination li					{	float: left;	}

.pagination ul.first-prev li{
	background: url('../images/design/icons/page-arrow-left.png') no-repeat left;
	padding-left: 20px;
}
.pagination ul.first-prev li.first	{	margin-right: 20px;	}
.pagination ul.next-last li.last	{	margin-left: 20px;	}

.pagination ul.next-last li{
	background: url('../images/design/icons/page-arrow-right.png') no-repeat right;	
	padding-right: 20px;
}
.pagination ul.numbered-links	{
	float: left;
	padding-top: 2px;	
	margin: 0 auto 0 150px;
}
.pagination.hasCorners ul.numbered-links	{

	margin: 0 auto;
}
.pagination ul.numbered-links li{
	display: inline;
	float: left;
	margin-right: 5px;
	height: 15px;
	width: 15px;
}
.pagination ul.numbered-links  li a{
	background: url('../images/design/icons/page-numbered-link.png') no-repeat 50%;	
	display: block;
	float: left;
	font-size: 0.75em;
	height: 16px;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	width: 16px;
}
.pagination ul.numbered-links  li a.active{
	background: url('../images/design/icons/page-numbered-link-active.png') no-repeat 50%;	
	color: #231F20;
}

/*	Search results incl. all type
-----------------------------------------------------------------------------------*/

ul.search-results{
	font-size: 1em;
	list-style: none;
	margin-top: 15px;
	width: 838px;
}
.t23 ul.search-results{
	font-size: 1em;
	list-style: none;
	margin-top: 15px;
	width: 638px;
}

ul.search-results li		{	margin-bottom: 45px;	}
ul.search-results li.last	{	margin-bottom: 0;		}
ul.search-results p			{	font-size: 1em;			}
ul.search-results p	span.result-link		{	display: block;		}
ul.search-results dl{
	font-size: 1em;
	color: #fff;	
}
ul.search-results dt{
	float: left;
	padding-right: 5px;
}
ul.search-results dt,
ul.search-results dd{
	color: #fff;
}
ul.search-results dd			{	margin-bottom: 0;	}

/*	Footer elements
-----------------------------------------------------------------------------------*/

/* @group Footer elements */

#footer ul{
	list-style: none;
}

/*	Social media links	*/

#footer ul#social-links li{
	float: left;
	margin-right: 10px;
}
#footer ul#social-links li a{
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	text-indent: -999em;
	overflow: hidden;
}
#footer ul#social-links li.youtube a{
	background-image: url('../images/design/icons/logo-youtube.png');
	width: 50px;
}
#footer ul#social-links li.twitter a{
	background-image: url('../images/design/icons/logo-twitter.png');
	width: 61px;
}
#footer ul#social-links li.flickr a{
	background-image: url('../images/design/icons/logo-flickr.png');
	width: 48px;
}
#footer ul#social-links li.facebook a{
	background-image: url('../images/design/icons/logo-facebook.png');
	width: 69px;
}
#footer ul#social-links li.delicious a{
	background-image: url('../images/design/icons/logo-delicious.png');
	width: 96px;
}
#footer ul#social-links li.whats-this a{
	text-indent: 0;
}

#footer ul#social-links li a:hover{
	background-position: 0 -18px;
}

/*	Text resizer widget	*/

#footer #text-size-widget h4,
#footer #text-size-widget ul,
#footer #text-size-widget li{
	float: left;
}
#footer #text-size-widget h4{
	margin-right: 10px;
}
#footer #text-size-widget li{
	height: 24px;
}
#footer #text-size-widget li a{
	background-position: top left;
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;	
	text-indent: -999em;
}
#footer #text-size-widget li.text-default a{
	background-image: url('../images/design/icons/icon-text-small.png');
	
	margin-right: 10px;
	width: 16px;
}
#footer #text-size-widget li.text-large a{
	background-image: url('../images/design/icons/icon-text-large.png');
	margin-right: 0;
	width: 24px;
}
#footer #text-size-widget li a:hover{
	background-position: 100%;
}

/*	Standard iconed items	*/

#footer ul#social-links li.whats-this,
#footer #footer-bottom li{
	float: left;
	height: 24px;
	line-height: 24px;
	margin-right: 15px;	
}
#footer ul#social-links li.whats-this a,
#footer #footer-bottom li a{
	background: url('../images/design/icons/bul-arrow-footer.png') no-repeat top left;
	float: left;
	height: 24px;
	line-height: 24px;
	margin-right: 15px;
	padding-left: 17px;
}
#footer ul#social-links li.whats-this a:hover,
#footer #footer-bottom li  a:hover{
	background-position: bottom left;
}

/* @end */

/*	Matrix table ie t22	*/

.matrix {	
	border-bottom: 5px solid #FFD129;;
	margin: 30px 0;
	padding: 10px;
}
.matrix table 	{	border-collapse: collapse;	}
.matrix tbody td {
	border-top: 1px solid #ffd129;
	border-bottom: 1px solid #ffd129;
}
.matrix th {
  font-size: 0.65em;
  line-height: 1.2em;
  padding-top: 3px;
  padding-bottom: 1px;
}
.matrix th span {
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
	padding: 3px 0;
}
.matrix td {
	font-size: 0.7em;
	line-height: 1em;
	text-align: center;
	padding: 3px 0;
}
.matrix td.text,.matrix th.text {
	text-align: left;
	width: 130px;
}
.matrix th.table_header 	{	padding: 20px 0 2px 0;	}



/*	Datepicker
------------------------------------------------------------------------------------------------------------------------*/



table.jCalendar {
	background: #42789a;
    border-collapse: separate;
    border-spacing: 2px;
    overflow: hidden;
    width: 172px;
    height: 125px;
    margin-top: 3px;
}
table.jCalendar th {
	background: #bbb;
	color: #003356;
	font-weight: bold;
	padding: 3px 5px;
	height: 16px;
	width: 12px;	
}

table.jCalendar td {
	background: #fff;
	color: #000;
	padding: 0 5px;
	height: 8px;
	width: 12px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #004D7A;
	color: #fff;
}
table.jCalendar td.today {
	background: #FFD129;
	color: #000;
}
table.jCalendar td.today.selected {
	background: #FFD129;
	color: #000;
}
table.jCalendar td.selected {
	background: #FFD129;
	color: #000;
}
table.jCalendar td.selected.dp-hover {
	background: #FFD129;
	color: #000;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #eee;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #FFD129;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #004D7A;
	color: #fff;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #004D7A;
	color: #fff;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	border: none;
	position: relative;
	background: #42789a;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 3px;
	width: 172px;
	line-height: 1.2em;
	z-index: 1000;
}
div#dp-popup {
	position: absolute;
	z-index: 999;
}

#dp-popup h2{
	color: #fff;
	background: #032f52;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	margin: 4px auto 0 auto;
	text-align: center;
	width: 118px;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover 	{	text-decoration: underline;	}
div.dp-popup a {
	color: #FFD129;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 22px;
	width: 22px;
}
div.dp-popup div.dp-nav-prev a 		{
	background: url('../images/design/icons/cal-prev.png') no-repeat top left;
	display: block;
	float: left;
	height: 22px;
	padding: 0;
	text-indent: -999em;	
	width: 22px;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a 						{	cursor: pointer;	}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled 	{	cursor: default;	}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 22px;
	width: 22px;
}
div.dp-popup div.dp-nav-next a {
	background: url('../images/design/icons/cal-next.png') no-repeat top left;
	float: right;
	display: block;
	height: 22px;
	padding: 0;
	text-indent: -999em;
	width: 22px;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}

div.dp-popup td				{	cursor: pointer;	}
div.dp-popup td.disabled 	{	cursor: default;	}

a.dp-choose-date {
	float: left;
	width: 41px;
	height: 18px;
	padding: 0;
	margin: 3px 6px 3px 3px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/design/icons/date-picker.gif') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
	
input.dp-applied {
	color: #fff;
	width: 140px;
	float: left;
}



.jquery-selectbox {
	position: relative;
	height: 21px;
	border: 1px solid #FFF;
	width: 208px;
	z-index: 1000;
	float: left;
	display: inline;
	margin: 1px 4px 4px 0;
	font-size: 11px;
	font-family: Verdana,Arial,sans-serif;
	color: #FFF;
	padding: 0;
}
.jquery-selectbox.selecthover {
	border-color: #FFF;
	background-color: #004D7A;
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 0px 0px 0px 3px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	height:21px;
	margin-top:-2px;
}

.jquery-selectbox .jquery-selectbox-list {
	float: left;
	display: none;
	position: absolute;
	top: 21px;
	padding: 2px;
	left: 0px;
	background: #004D7A;
	width: 197px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #FFF;
	left:-1px; 
	padding-top:10px;
}
.t9 #content #primary .jquery-selectbox,
.t9 #content #primary .jquery-selectbox-list {
	width: 225px;
	z-index: 1000;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url("../images/design/forms/arrows.png") no-repeat;
	width: 19px;
	height: 22px;
	cursor: pointer;
}
.jquery-selectbox.input-yellow .jquery-selectbox-moreButton {
	background:  url("../images/design/forms/arrows_yellow.png") no-repeat;
}
.jquery-selectbox.input-yellow, 
.jquery-selectbox.input-yellow .jquery-selectbox-list {
	border-color:#FFD129;
	background:#002F51;
}


.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background:  url("../images/design/forms/arrows_on.png") no-repeat;
}
.jquery-selectbox.input-yellow .jquery-selectbox-moreButton.morebuttonhover {
	background:  url("../images/design/forms/arrows.png") no-repeat;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	/*background: #87683d;*/
	color: #FFD621;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	height:20px;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #FFF;
	border-color: #FFF;
}


/*checkbox*/
.custom_checkbox{
	position:absolute; z-index:100;left:-24px;top:0;width:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px ;
	text-decoration: none;
	outline: none;
	background: url("../images/design/forms/checkbox.gif") no-repeat;
	height: 20px;
	display: block;
	padding: 0px;
	color: #FFF;
	cursor:pointer;
}

.custom_checkbox:hover {
	color:#FFD621;
	text-decoration: underline;
}
.custom_checkbox.yes {
	background-position: left -26px;
}
input.dp-applied{width:120px!important; border-color:#FFD129!important;}






/* --------- modules.css */
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"modules.css"
	@desc	Sub content layout rules for www.nrm.org.uk
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/

.clear:after,
.row:after,
#content:after,
#primary:after,
.module .inner-content:after,
.section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear:after	{	display:inline-block;	}


/*	Intro content and other sections
-----------------------------------------------------------------------------------*/

/* @group Intro content and other sections */

div.intro				{	margin-bottom: 20px;	}
div.section				{	margin-bottom: 35px;	}
div.section.last		{	margin-bottom: 20px;	}

div#background-caption{
	margin-top: 0;
	text-align: right;
	width: 100%;
}
body.home div#background-caption{	margin-top: 0;	}
div#background-caption p	{	margin: 0;	}


/* @end */

/*	General modules
-----------------------------------------------------------------------------------*/
/* @group General modules */

.blue									{	background: #004D7A;}
.orange									{	background: #BD561E;}
.green									{	background: #356738;}
.red									{	background: #9f1323;}
.darkblue								{	background: #002F51;}

#content .module{
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;

}
#content #side-nav.module{
	padding: 15px 20px;
}
#content .module.last					{	margin-bottom: 0;	}
#content .module .inner.hasCorners{
	margin-top: 8px;
	margin-bottom: 8px;
}

#content .module .inner{
	float: left;
	padding: 15px 20px;	
}
.module.last{
	margin: 0;
}

/*	Flash modules	*/

div.flash-wrapper .flash-movie{
	display: none;	
}
#primary div.flash-wrapper{
	height: 285px;
	float: left;
	margin: 20px 0;
	width: 428px;
}

/* @end */


/*	Rows
-----------------------------------------------------------------------------------*/

/* @group Rows */

.row{
	clear: both;
	float: left;
	padding: 0 0 0 0;
	margin-bottom: 20px;
	width: 100%;
}

.t5 .row.no-padding{
	margin: 20px 0 0 0;
}

/*	Rows on search results page	*/

#content #primary.full-width .row		{	margin-bottom: 10px;	}
#content #primary.full-width .row.first	{	margin-bottom: 0;		}
#content #primary.full-width .row.last	{	margin-top: 10px;margin-bottom: 0; padding-top: 0;		}
#content #primary.full-width .row.main	{	margin-bottom: 0;padding-bottom: 0;		}
 
.t19 #content #primary.full-width .row		{	margin-bottom: 20px;	}

/* @end */


/*	Columns
-----------------------------------------------------------------------------------*/

/* @group Columns */

.col{
	float: left;
	margin: 0 21px 0 0;	
}
.col.half	{	margin-right: 22px;	}

/*	Sub columns ie where a module needs to be divided up	*/

.col.inner-half	{	width: 45%;	}

.module .col.inner-half.right				{	width: 195px;	}
.module.full-width .col .inner-half			{	width: 165px;	}
.two-col-alt .module .col.inner-half.right	{	width: 95px;	}
.three-col .full-width .inner-half			{
	float: left;
	padding: 0;
	width: 205px;
}
.three-col .full-width .inner-half.right	{
	border-bottom: 5px solid #FFD129;
	float: right;
	height: 140px;
	text-align: center;
	width: 205px;
}
.three-col .full-width .inner-half.right.cut-out{	border-bottom: none;}
.three-col .full-width.blue .inner-half.right	{	background: #003356;}
.three-col .full-width.green .inner-half.right	{	background: #1f4924;}

.three-col .full-width .inner-half.right.no-tint	{
	background: none;
	border-bottom: none;
	float: right;
	height: auto;
	text-align: left;
	width: 205px;
}

.inner-half.right{
	float: right;
	margin-right: 0;
}
body.home #primary .col.inner-half	{	width: 275px;	}
.three-col #primary .col.inner-half{
	margin-right: 0;
	width: 185px;
}
.two-col #content .full-width .inner-third.right{
	float: right;
	width: 185px;
}
.two-col-alt .inner-third.right{
	float: right;
	width: 182px;
}
#primary.blue .quote	{	background: #003356;	}
#primary.green .quote	{	background: #1f4924;	}

.three-col #primary .quote{
	margin-right: 20px;	
	width: 200px;
}
.two-col-alt #primary .quote{
	margin: 10px 20px 10px 0;
	padding: 15px 20px;
	width: 310px;
}
.two-col-alt #primary .full-width{
	margin: 10px 0;
	width: 678px;
}
.two-col-alt .full-width{
	float: right;
}
.two-col-alt .full-width.filter.hasCorners{
	margin: 10px 0;
	width: 718px;
}
.two-col-alt #primary .quote.full-width.hasCorners{
	margin: 10px 0 25px 0;
	width: 678px;
}

.quote.left		{	float: left;	}
.quote.right	{	float: right;	}

.t2 .inner-half{
	width: 195px;
}

/* @end */



/* @group Layout modules */

/*	Home page modules and columns
-----------------------------------------------------------------------------------*/

body.home .module.half				{	width: 448px;	}
body.home .module.half .inner		{	width: 408px;	}
body.home .module.half  .inner.hasCorners	{	width: 448px;	}
body.home .module.third{
	margin-right: 21px;
	width: 292px;
}
body.home .module.third .inner	{	width: 252px;}
body.home .module.third .inner.hasCorners	{	width: 292px;}
body.home .module.half				{	margin-right: 21px;	}
body.home .module.half.last,
body.home .module.third.last{
	margin-right: 0;
}

/*	Two column layout modules
-----------------------------------------------------------------------------------*/

/*.two-col #primary .module:first-child{		margin-bottom: 40px;	}*/
.two-col #primary .module.half{
	float: left;
	margin-right: 18px;
	padding: 0;
	width: 349px;
}
.two-col #primary .full-width .module.half .inner{
	width: 349px;
}

.two-col #primary .module.half{
	margin: 8px 20px 0 0;
	width: 349px;
}
.two-col #primary .module.half .inner.hasCorners{
	margin: 0 0 8px 0;
	width: 349px;
}

.two-col #primary .module.last{
	float: left;
	margin-right: 0;
}
.two-col #primary .col.half.with-map	{
	margin: 0;
	width: 330px;
}
.two-col #primary .col.half.map-col{
	float: right;
	margin: 0;
	width: 330px;	
}
.two-col #primary .col.third,
.two-col-alt #primary .col.third{
	margin-bottom: 0;
	width: 226px;
}

.two-col .module.third{
	margin-right: 20px;
	width: 226px;
}
.two-col #primary .module.third .inner		{	margin-bottom: 0;	}
.two-col #primary .module.third .inner.hasCorners	{	
	margin-top: 8px;
	margin-bottom: 8px;
	width: 226px;
}
.two-col .module.third.last			{	margin-right: 0;}



.two-col #primary .module.half.last				{	margin-right: 0;		}
.two-col #primary .module.half.hasCorners		{
	margin-top: 8px;
	margin-bottom: 8px;
	width: 349px;
}
.two-col #primary .full-width					{
	margin: 0 0 21px 0;
	width: 718px;
}
.two-col #primary .full-width .inner					{
	margin-top: 8px;
	width: 678px;
}
.two-col #content #primary .full-width .inner.hasCorners		{
	margin-bottom: 8px;
	margin-top: 8px;
	width: 718px;
}

.two-col #primary .full-width.filter.hasCorners,
.two-col-alt #primary .full-width.filter.hasCorners	{
	margin-bottom: 38px;
	z-index: 1;
}
.two-col #primary .module.tags					{
	position: relative;
}


/*	Alternative Two column layout modules
-----------------------------------------------------------------------------------*/

.two-col-alt #primary .col.half{
	float: left;
	margin-right: 18px;
	padding: 20px 0 0 0;
	width: 308px;
}
.two-col-alt #primary .col.last{
	float: right;
	margin-right: 0;
}
.two-col-alt #primary .row.object-details .col{
	padding-left: 5px;
	width: 303px;
}
.two-col-alt #primary .col.clip-info{
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	width: 225px;
}

/*	Halved columns in two-col layout	*/

.two-col-alt .module.half		{	width: 349px;	}
.two-col-alt .module.half		{	margin-right: 20px;	}
.two-col-alt .module.half.last	{	margin-right: 0;	}

/*	Thirded columns in two-col layout	*/

.blue .module.third .inner.blue		{	background: #003356;	}
.green .module.third .inner.green	{	background: #1f4924;	}

.two-col-alt #primary .col.third.module				{	width: 212px;}
.two-col-alt #primary .module.third.hasCorners		{
	margin-bottom: 8px;
	margin-top: 8px;
	width: 212px;
}
.two-col-alt #primary .module.third					{	margin-right: 20px;	}
.two-col-alt #primary .module.third.last			{	margin-right: 0;}


/*	Event details and info eg T6	*/

.two-col-alt .event-details{
	float: left;
	width: 150px;
}
.two-col-alt .event-info{
	float: right;
	width: 500px;
}
.two-col-alt #content .col.half .module.darkblue,
.two-col-alt #content .col.half .module.darkgreen{
	padding: 15px 20px;	
	margin-top: 30px;
	width: 270px;
}
.two-col-alt #content .col.half .module.darkblue.hasCorners,
.two-col-alt #content .col.half .module.darkgreen.hasCorners{	
	padding: 15px 20px;	
	width: 100%;
}

.two-col-alt #content #primary div.tags{
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 678px;
}


.t23 #primary .module.full-width{	width: 638px;	}
.t23 #primary .module.full-width.hasCorners{	width: 678px;	}

/*	Three column layout modules
-----------------------------------------------------------------------------------*/

.three-col #side-bar .module{
	float: right;
	margin-bottom: 20px;
	padding: 15px 20px;
	width: 186px;
}
.three-col #side-bar .module.hasCorners{
	float: right;
	margin-top: 0;
	margin-bottom: 37px;
	width: 226px;
}

.three-col #content .module.full-width				{	
	margin-bottom: 0;
	margin-top: 0;
	width: 472px;
}
.three-col #content .module.full-width .inner			{
	margin-bottom: 20px;
	padding: 15px 20px;
	width: 432px;
}
.three-col #content .module.full-width .inner.hasCorners	{	
	margin-bottom: 37px;
	margin-top: 0;
	width: 472px;
}
.t12.three-col #content .module.full-width .inner.hasCorners,
.t13.three-col #content .module.full-width .inner.hasCorners,
.t16.three-col #content .module.full-width .inner.hasCorners	{	
	margin-top: 8px;
}
.three-col #primary.module				{	width: 432px;	}


/*.three-col #primary.module.hasCorners	{	width: 472px;	}*/

/*	One column layout modules
-----------------------------------------------------------------------------------*/



.blue .search-info .col 	{	border-right: 2px solid #002F51;	}
.green .search-info .col 	{	border-right: 2px solid #1f4924;	}

.one-col #primary.full-width .module.full-width .inner{
	margin-bottom: 20px;
	width: 878px;
}
.one-col #primary.full-width .module.full-width .inner.hasCorners{
	margin-bottom: 29px;
	width: 918px;
}
.one-col #primary.full-width .col.half{
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	padding-top: 0;
	position: relative;
	width: 445px;
}
.t25.one-col #primary.full-width .col.half{	
	margin-bottom: 0;
}
.one-col #primary.full-width .col.half .inner{
	padding: 15px 20px;
	width: 405px;
}
.one-col #primary.full-width .col.half .inner.hasCorners{
	margin-bottom: 8px;
	margin-top: 8px;
	width: 445px;
}
.one-col #primary.full-width .col.half.last{
	float: right;
	margin-right: 0;
}
.one-col #primary .search-info .col{
	float: left;
	margin: 5px 0 20px 0;
	padding: 0 25px;
	width: 383px;
}
.one-col #primary .search-info .col.right{
	float: right;
	border-right: none;
	margin-right: 0;
}
.one-col .module.third{
	margin: 0 27px 0 0;
	width: 288px;
}
.one-col .module.third .inner{
	padding: 15px 20px;
	width: 248px;
}
.one-col .module.third .inner.hasCorners{
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 15px 20px;
	width: 288px;
}

.one-col .module.third .inner.hasCorners	{	
	margin: 22px 27px 40px 0;
	width: 288px;
}
.one-col .module.third.last,
.one-col .module.third.hasCorners.last	{	
	margin-right: 0;
}

/*	Filter and pagination modules 
-----------------------------------------------------------------------------------*/

#content .filter-tools.module,
#content .pagination.module{
	margin: 0;
	padding: 5px 20px;
	position: relative;
	width: 638px;
}
#content .filter-tools.module.hasCorners,
#content .pagination.module.hasCorners{
	margin: 8px 0 8px 0;
	width: 678px;
}
#content .pagination.module{	padding: 15px 20px;	}

.t9 #content #primary .module.full-width,
.t11 #content #primary .module.full-width{
	position: relative;
	z-index: 10;
}
.t11 #content #primary .module.full-width{
	margin-bottom: 30px;
}
.t23 #content #primary .filter-tools{
	position: relative;
	z-index: 1000;
}
.t23 #content #primary .pagination{
	position: relative;
	z-index: 10;
}
.t9 #content #primary .module.full-width.filter,
.t11 #content #primary .module.full-width.filter{
	position: relative;
	z-index: 900;
}
#content .pagination-links{
	clear: both;
	float: left;
	margin-top: 10px;
	position: relative;
	width: 638px;
}

/*	Full width for search results pages	*/

.search-results #content #primary.full-width .module.full-width,
#content #primary.full-width .filter-tools.module,
.t20 #content #primary .pagination.module{
	width: 878px;
}
.t20 #content #primary.module{
	padding: 15px 20px;
}
.t20 #content #primary .pagination.module	{	width: 838px;	}
.t20 #content #primary .pagination.module.hasCorners	{	width: 878px;	}
.t20 #content #primary .search-box{
	background: #003356;
	float: left;
	padding: 10px 20px;
	margin: 0 0 15px 0;
	width: 838px;
}
.t20 #content #primary .search-box.hasCorners{
	margin: 25px 0;
	background: #003356;
	width: 878px;
}
.t20 #content #primary .pagination-links{ width:  838px;}
.t20 #content div.results-wrapper						{
	padding: 15px 20px;
	width: 838px;
}
.t20 #content div.results-wrapper.hasCorners{
	margin: 8px 0;
	width: 878px;
}

.t23 #content div.results-wrapper		{
	margin: 0;
	padding: 15px 20px;
	width: 838px;
}
.t23 #content div.results-wrapper.hasCorners		{
	margin: 8px 0;
	margin: 8px 0;
	width: 878px;	
}

/*	Filters  on calendar pages	*/

#content .calendar-filters.module				{	
	padding: 15px 20px;
	position: relative;
	width: 638px;
	z-index: 999;
}
#content .calendar-filters.module.hasCorners	{	margin-bottom: 10px;width: 678px;	}
#content .calendar-filters.module div.filter	{	
	float: left;
	border-right: 1px solid #004D7A;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
#content .calendar-filters.module div.filter.today		{	padding-left: 0;}
#content .calendar-filters.module.hasCorners div.filter.date		{	
	height: 26px;
	padding-top: 4px;
}
#content .calendar-filters.module div.filter.category	{	
	border-right: 0;
	padding-right: 0;
	position: relative;
	margin-top: 0;
	z-index: 999;
}
#content .calendar-filters.module{
	position: relative;
	z-index: 1000;
}

#content .calendar-filters.module div.filter.today a	{	
	background: url('../images/design/icons/bul-arrow-yellow.png') no-repeat left;
	height: 30px;
	line-height: 30px;
	margin: 0 0 5px 0;
	padding-left: 20px;		
}



/* @end */

/*	Header elements (cart and search box)
-----------------------------------------------------------------------------------*/

/* @group Header elements */

#header-content #search-box,
#header-content #cart{
	bottom: 0;
	right: 0;
	position: absolute;
	padding: 10px 20px 0 12px;	
	height: 40px;
}
#header-content #search-box	{	width: 248px;	}
#header-content #cart{	
	background: url('../images/design/common/bg-cart.png') no-repeat top left;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 158px;
}
#header-content #cart p{
	line-height: 30px;	
	margin: 0;
	padding-left: 0;
	text-align: center;
	width: 160px;	
}
#header-content #search-box{
	background: url('../images/design/common/bg-search-box.png') no-repeat top left;
	right: 0;
}

/* @end */

/*	Footer elements
-----------------------------------------------------------------------------------*/

/* @group Footer elements */

#footer #footer-top,
#footer #footer-bottom{
	float: left;
	height: 20px;
	line-height: 24px;
	width: 918px;
}
#footer #footer-top{
	padding-bottom: 15px;
}
#footer #footer-bottom{
	border-top: 1px solid #fff;
	clear: both;
	padding-top: 10px;
}
#footer #text-size-widget{
	float: right;
}


/* @end */

/*	Maps
-----------------------------------------------------------------------------------*/

/* @group Maps */

.map {
	float: left;
	width:330px;
}
.map.mapped {
	border-bottom: 5px solid #FFD129;
	float: left;
	width:330px;
	height:270px;
	overflow: hidden;
}
.two-col-alt .col.half .map{
	float: right;
	margin-bottom: 20px;
}
.map#map-shildon{
	width:427px;
}
.three-col #primary .map{
	margin-bottom: 20px;
}
.two-col-alt .col.half .map	{
	width: 310px;
}
.map#map-venue-hire{
	width:427px;			
}		
.gmnoprint{
	color: #000;
	font-family:  Verdana, Arial, sans-serif;	
	font-size: 0.85em;
	line-height: 1.2em;
}
.gmnoprint h4{
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin:0;
}

div.info-content-wrapper{
	padding: 0;
	margin-bottom: -30px;
}

/* @end */

/*
	Blinds elements
-----------------------------------------------------------------------------------*/

#blinds {
	float: left;
	font-size: 1.3em;
	list-style: none;
	margin: 8px 0 0 0;
	width: 678px;
}
#blinds h2 {
	background: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 638px;
}
#blinds h2 span.blind-control{
	background:  url('../images/design/icons/blind-toggler.png') no-repeat top right;
	cursor:pointer;
	font-size: 0.75em;
	height: 18px;
	line-height: 18px;
	padding-right: 15px;
	position: absolute;
	right: 10px;
	top: 0;
}
#blinds h2 span.blind-control.close	{	background-position: bottom right;	}

#blinds h2.current 	{	cursor:default;	}

#blinds div.pane {
	background: url('../images/design/common/vert-bars.gif') repeat-x top;	
	padding: 30px 0;
	margin-top: 5px;
	width: 635px;
}

#primary #blinds .item{
	margin-bottom: 20px;
}
#primary #blinds .item{
	padding: 15px 20px;
}
#primary #blinds li.item.hasCorners	{
	margin-bottom: 30px;
}
.blue #blinds .item		{	background: #003356;	}
.green #blinds .item	{	background: #1f4924;	}


/*	Content within blinds on whats on (t4)	*/

#blinds ul{
	list-style: none;
}
#blinds ul li{
	float: left;
	font-size: .9em;
	margin: 0 20px 20px 0;
	width: 300px;
}
#blinds ul li.last	{	margin-right: 0;	}
#blinds ul li img	{	float: left;	}
#blinds ul li ul.link-list{
	float: left;
	margin-bottom: 0;
	width: 85px;
}
#blinds ul li ul.link-list li{
	float: none;
	margin-bottom: 0;
	width: 140px;
}
#blinds ul .inner-half.right	{	
	width: 160px;
}
#blinds ul .inner-half.right p.special{
	clear: left;
	float: left;
	font-size: .9em;
	margin: 0 0 0 20px;
	width: 140px;
}

/*	Thumbnail lists
-----------------------------------------------------------------------------------*/

ul.thumb-list{
	float: left;
	list-style: none;
	padding: 30px 0 0 0;
	width: 678px;
}
ul.thumb-list li{
	float: left;
	font-size: 1em;
	margin: 0 15px 14px 0;
	min-height: 200px;
	padding: 14px;
	width: 130px;
}
#content #primary ul.thumb-list li	{	font-size: 1em;	}
ul.thumb-list li.hasCorners			{	
	margin-bottom: 34px;
	width: 158px;
}

ul.thumb-list li.last	{	margin-right: 0;		}
.blue ul.thumb-list li	{	background: #003356;	}
.green ul.thumb-list li	{	background: #1f4924;	}

/*	Image lists ie T14
-----------------------------------------------------------------------------------*/

ul.image-thumbs{
	float: left;
	list-style: none;
	margin-bottom: 0;
	padding: 15px 0 0 0;
	width: 678px;
}
ul.image-thumbs li{
	float: left;
	font-size: 1em;
	margin: 0 7px 0 0;
	padding: 15px;
	width: 100px;
}
#content #primary ul.image-thumbs li.hasCorners{
	padding: 0;
	width: 130px;
}
#content #primary ul.image-thumbs li	{	font-size: 0.85em;	}
ul.image-thumbs li.hasCorners			{	
	margin-bottom: 15px;
	width: 158px;
}

ul.image-thumbs li.last		{	margin-right: 0;		}
.blue ul.image-thumbs li	{	background: #003356;	}
.green ul.image-thumbs li	{	background: #1f4924;	}

#content #primary ul.image-thumbs ul.link-list{
	width: 83px;
	margin-bottom: 0;
}
#content #primary ul.image-thumbs ul.link-list li{
	background: url('../images/design/icons/bul-arrow-yellow.png') no-repeat 0 0.3em;
	margin-bottom: 0;
	padding: 0 0 0 17px;
	width: 83px;
}

/*	Event lists ie: calendar
-----------------------------------------------------------------------------------*/

ul.event-list{
	float: left;
	list-style: none;
	padding: 15px 0 0 0;
	margin-bottom: -20px;
	width: 678px;
}
ul.event-list li{
	float: left;
	font-size: 1em;
	margin: 0 20px 14px 0;
	min-height: 410px;
	padding: 20px;
	width: 172px;
}
#content #primary ul.event-list li	{	font-size: 1em;	}
ul.event-list li.hasCorners			{	
	margin-bottom: 34px;
	width: 212px;
}

ul.event-list li .col.inner-half.right	{	width: 100px;	}
ul.event-list li.last	{	margin-right: 0;		}
.blue ul.event-list li	{	background: #003356;	}
.green ul.event-list li	{	background: #1f4924;	}

/*	Map hot-spots and overlays
-----------------------------------------------------------------------------------*/

#content #primary .overlay-content.module{
	margin-left: -10px;
	padding: 15px 20px;
	width: 655px;
}
div#TB_window div#TB_ajaxContent .overlay-content.module.hasCorners{
	padding: 200px;
	width: 700px;
}


/*	Maps with hot spots
-----------------------------------------------------------------------------------*/

#map-wrapper{
	position: relative;
	overflow: hidden;
}

#map-wrapper.york-internal{
	height: 579px;
	position: relative;
	width: 678px;
}
#map-wrapper.shildon{
	height: 648px;
	position: relative;
	width: 678px;
}
#map-wrapper p{
	margin: 0;
	text-align: right;
}
#map-wrapper p a{
	background:  url('../images/design/icons/blind-toggler.png') no-repeat top left;
	height: 18px;
	line-height: 18px;
	padding-left: 15px;
}
#map-wrapper ul{
	position: absolute;
	left: 0;
	list-style: none;
	top: 0;
	z-index: 800;
}
#map-wrapper.york-internal ul{
	height: 539px;
	width: 678px;
}
#map-wrapper.shildon ul{
	height: 608px;
	width: 678px;
}
#map-wrapper li{
	height: 14px;
	position: absolute;
	overflow: hidden;
	z-index: 999;
	background: url('../images/design/common/x.gif');
}
#map-wrapper li a{
	display: block;
	text-indent: -999em;
}

/*	Hot spots on York internal map	*/

#map-wrapper.york-internal ul li.north-entrance{
	left: 185px;
	top: 163px;
	width: 68px;
}
#map-wrapper.york-internal ul li.search-engine{
	left: 260px;
	top: 163px;
	width: 87px;
}
#map-wrapper.york-internal ul li.great-hall{
	left: 397px;
	top: 163px;
	width: 87px;
}
#map-wrapper.york-internal ul li.warehouse{
	height: 12px;
	left: 512px;
	top: 123px;
	width: 70px;
}
#map-wrapper.york-internal ul li.the-works{
	left: 520px;
	top: 259px;
	width: 68px;
}
#map-wrapper.york-internal ul li.south-entrance{
	left: 478px;
	top: 377px;
	width: 68px;
}
#map-wrapper.york-internal ul li.station-hall{
	left: 237px;
	top: 436px;
	width: 95px;
}
#map-wrapper.york-internal ul li.learning-platform{
	left: 191px;
	top: 335px;
	width: 113px;
}
#map-wrapper.york-internal ul li.south-yard{
	height: 16px;
	left: 115px;
	top: 383px;
	width: 90px;
}
#map-wrapper.york-internal ul li.the-depot{
	left: 97px;
	top: 443px;
	width: 67px;
}

/*	Hot spots on Shildon map	*/

#map-wrapper.shildon ul li.welcome{
	left: 17px;
	top: 543px;
	width: 90px;
}
#map-wrapper.shildon ul li.hackworth{
	left: 62px;
	top: 48px;
	width: 115px;
}
#map-wrapper.shildon ul li.soho{
	left: 133px;
	top: 181px;
	width: 52px;
}
#map-wrapper.shildon ul li.goods{
	left: 77px;
	top: 117px;
	width: 65px;
}
#map-wrapper.shildon ul li.parcel-office{
	height: 30px;
	left: 60px;
	top: 500px;
	width: 65px;
}
#map-wrapper.shildon ul li.parcel-office a,
#map-wrapper.shildon ul li.coal-drops a,
#map-wrapper.shildon ul li.light-engine a{
	height: 30px;
}
#map-wrapper.shildon ul li.junction{
	left: 165px;
	top: 500px;
	width: 89px;
}
#map-wrapper.shildon ul li.coal-drops{
	height: 30px;
	left: 217px;
	top: 130px;
	width: 57px;
}
#map-wrapper.shildon ul li.play{
	left: 422px;
	top: 162px;
	width: 42px;
}
#map-wrapper.shildon ul li.collection{
	left: 535px;
	top: 161px;
	width: 115px;
}
#map-wrapper.shildon ul li.light-engine{
	height: 30px;
	left: 275px;
	top: 493px;
	width: 65px;
}

/* @end */

/*	Map items that get displayed in overlay
-----------------------------------------------------------------------------------*/

div.map-item p{
	width: 650px;
}

/*	Museum trails and press items
-----------------------------------------------------------------------------------*/

ul.trail-items,
ul.press-items{	
	font-size: 1.325em;
	list-style: none;
	width: 680px;
}

ul.trail-items li,
ul.press-items li{
	border-bottom: 2px solid #003356;
	clear: left;
	float: left;
	padding-bottom: 0;
	margin-bottom: 20px;
	width: 680px;
}
.green ul.trail-items li,
.green ul.press-items li{
	border-color: #1f4924;
}
ul.trail-items li.last,
ul.press-items li.last{
	border-bottom: none;
	margin-bottom: 0;
}
ul.trail-items li ul li,
ul.press-items li ul li{
	float: none;
	border-bottom: none;
	width: 385px;
}
ul.trail-items img,
ul.press-items img{
	float: left;
}
ul.trail-items div.info,
ul.press-items div.info{
	float: right;
	width: 425px;
}



/* -------- themes.css */
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"themes.css"
	@desc	Themes for www.nrm.org.uk. INcludes header themes and home page banners
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/

/*	Header elements
-----------------------------------------------------------------------------------*/

/*	Logo colours	*/

body.home #logo			{	background-color: #21819a;	}
body.education #logo	{	background-color: #9F1323;	}
body.plan #logo			{	background-color: #9F1323;	}
body.collection #logo	{	background-color: #cf4828;	}
body.research #logo		{	background-color: #56a23f;	}
body.railway #logo		{	background-color: #21819a;	}
body.get-involved #logo	{	background-color: #cf4828;	}
body.buy #logo			{	background-color: #56a23f;	}

body.corporate #logo,
body.about #logo,
body.contact-us #logo,
body.venue #logo,
body.search-results #logo,
body.sitemap #logo		{	background-color: #187cb6;	}

/*	Coloured nav in header	*/

body.home #nav-sub li		{	background-image: url('../images/design/themed/bg-sub-nav-blue.png');	}
body.education #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-red.png');	}
body.plan #nav-sub li		{	background-image: url('../images/design/themed/bg-sub-nav-red.png');	}
body.collection #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-orange.png');	}
body.research #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-green.png');	}
body.railway #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-blue.png');	}
body.get-involved #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-orange.png');	}
body.buy #nav-sub li		{	background-image: url('../images/design/themed/bg-sub-nav-green.png');	}

body.corporate #nav-sub li,
body.about #nav-sub li,
body.contact-us #nav-sub li,
body.venue #nav-sub li,
body.search-results #nav-sub li,
body.sitemap #nav-sub li	{	background-image: url('../images/design/themed/bg-sub-nav-pale-blue.png');	}

body #header ul#nav-sub li.active	{	background-image: url('../images/design/themed/bg-sub-nav-red.png');	}


/*	Background images	*/

body.home.v1			{	background: #000 url('../images/design/page-backgrounds/home_1916_sm.jpg') no-repeat fixed top center;		}
body.home.v2			{	background: #000 url('../images/design/page-backgrounds/home_0231.jpg') no-repeat fixed top center;			}
body.home.v3			{	background: #000 url('../images/design/page-backgrounds/home_9527.jpg') no-repeat fixed top center;			}

body.education		{	background: #000 url('../images/design/page-backgrounds/education_9842.jpg') no-repeat fixed top center;		}
body.plan			{	background: #000 url('../images/design/page-backgrounds/planavisit_1831.jpg') no-repeat fixed top center;		}
body.collection		{	background: #000 url('../images/design/page-backgrounds/our_collection_0317.jpg') no-repeat fixed top center;	}
body.research		{	background: #000 url('../images/design/page-backgrounds/research_1828.jpg') no-repeat fixed top center;			}
body.railway		{	background: #000 url('../images/design/page-backgrounds/railwaystories_1841.jpg') no-repeat fixed top center;	}
body.get-involved	{	background: #000 url('../images/design/page-backgrounds/get_involved_0075.jpg') no-repeat fixed top center;		}
body.buy			{	background: #000 url('../images/design/page-backgrounds/buy_1826.jpg') no-repeat fixed top center;				}

body.corporate,
body.about,
body.contact-us,
body.venue,
body.search-results,
body.sitemap		{	background: #000 url('../images/design/page-backgrounds/toplinks_9455.jpg') no-repeat fixed top center;	}

/*	Home page banners
-----------------------------------------------------------------------------------*/

/*	Internal slide content including all typography	*/

#home-slider h2{
	background: none;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 5px;
}
#home-slider li.item h3{
	background: none;
	font-size: 3.625em;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: .9em;
	margin-bottom: 10px;
}
#home-slider h4	{	margin: 0 0 15px 0;	}
#home-slider p	{	font-size: 0.8em;	}
#home-slider li.item div.slide-content{
	float: left;
	width: 400px;
}
#home-slider .home-slides-inner-wrapper li.item{
	background-position: top left;
	background-repeat: no-repeat;
}

/*	
	Themed items
	Note all styles declared for every item to ease duplication for futrue itmes
*/

/*	India festival	*/
/*#home-slider .home-slides-inner-wrapper li.item.india-festival			{	background-image: url('../images/design/home-banners/india-festival.png');	}*/

#home-slider .home-slides-inner-wrapper li.item.india-festival			{	background-image: url('../images/design/home-banners/india-festival.jpg');	}
#home-slider .home-slides-inner-wrapper li.item.india-festival h2		{	}
#home-slider .home-slides-inner-wrapper li.item.india-festival h3		{	}
#home-slider .home-slides-inner-wrapper li.item.india-festival h4		{	color: #ffbf10;	}
#home-slider .home-slides-inner-wrapper li.item.india-festival p		{	color: #ffbf10;	}
#home-slider li.india-festival div.slide-content						{	}


/*	India on the move	*/
#home-slider .home-slides-inner-wrapper li.item.india-on-the-move		{	background-image: url('../images/design/home-banners/india-on-the-move.jpg');	}
#home-slider li.item.india-on-the-move h2			{	}
#home-slider li.item.india-on-the-move h3			{	}
#home-slider li.item.india-on-the-move h4			{	color: #f1df37;	}
#home-slider li.item.india-on-the-move p			{	color: #fff;	}
#home-slider li.item.india-on-the-move a			{	}
#home-slider li.india-on-the-move div.slide-content	{	width: 500px;	}


/*	Rails and wheels	*/
#home-slider .home-slides-inner-wrapper li.item.rails-and-reels		{	background-image: url('../images/design/home-banners/rails-and-reels.jpg');	}
#home-slider li.item.rails-and-reels h2				{	}
#home-slider li.item.rails-and-reels h3				{	}
#home-slider li.item.rails-and-reels h4				{	color: #e65e10;	}
#home-slider li.item.rails-and-reels p				{	color: #b0ca05;	}
#home-slider li.item.rails-and-reels a				{	}
#home-slider li.rails-and-reels div.slide-content	{	width: 500px;	}

/*	Save our Scotsman	*/
#home-slider .home-slides-inner-wrapper li.item.sos				{	background-image: url('../images/design/home-banners/sos.jpg');		}
#home-slider .home-slides-inner-wrapper li.item.sos h2			{	color: #000;	}
#home-slider .home-slides-inner-wrapper li.item.sos h3			{	}
#home-slider .home-slides-inner-wrapper li.item.sos h4			{	color: #ffbf10;	}
#home-slider .home-slides-inner-wrapper li.item.sos p			{	color: #000;	}
#home-slider .home-slides-inner-wrapper li.item.sos a			{	}
#home-slider li.sos div.slide-content										{	width: 500px;	}

/*	Railway Children	*/
#home-slider .home-slides-inner-wrapper li.item.railway-children		{	background-image: url('../images/design/home-banners/railway-children.jpg');}
#home-slider .home-slides-inner-wrapper li.item.railway-children h2	{	color: #000;	}
#home-slider .home-slides-inner-wrapper li.item.railway-children h3	{	color: #000;	}
#home-slider .home-slides-inner-wrapper li.item.railway-children h4	{	color: #be1e20;	}
#home-slider .home-slides-inner-wrapper li.item.railway-children p	{	color: #000;	}
#home-slider .home-slides-inner-wrapper li.item.railway-children a	{	color: #000;	}
#home-slider li.railway-children div.slide-content								{	width: 500px;	}

/*	Wallace and Grommit	*/
#home-slider .home-slides-inner-wrapper li.item.wallace		{	background-image: url('../images/design/home-banners/wallace.jpg');}
#home-slider .home-slides-inner-wrapper li.item.wallace h2	{	color: #464646;	}
#home-slider .home-slides-inner-wrapper li.item.wallace h3	{	color: #464646;	}
#home-slider .home-slides-inner-wrapper li.item.wallace h4	{	color: #d64300;	}
#home-slider .home-slides-inner-wrapper li.item.wallace p		{	color: #464646;	}
#home-slider .home-slides-inner-wrapper li.item.wallace a		{	color: #464646;	}
#home-slider li.wallace div.slide-content								{	width: 480px;	}




/* --------- nav.css */
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"nav.css"
	@desc	Navigation and sub navigation layout rules for www.nrm.org.uk
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/

/* @group Main nav */

/*	Main nav
-----------------------------------------------------------------------------------*/

#navigation{
	background: url('../images/design/common/bg-nav-top.png') no-repeat top left;
	bottom: 0;
	height: 50px;
	left: 0;
	line-height: 50px;
	padding: 0;
	position: absolute;
	width: 918px;
}
#navigation-inner{
	background: url('../images/design/common/bg-nav-bottom.png') no-repeat bottom left;
	left: 0;
	line-height: 9px;	
	padding: 0 17px 0 0;	
}

#navigation ul{
	background: #fff;
	float: left;
	list-style: none;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 0 0;
	width: 878px;
}
ul#nav-main li{
	border-right: 1px solid #999999;
	float: left;
	font-weight: bold;
	height: 1em;
	line-height: 1em;
	padding: 0 13px;
	text-align: center;
}

ul#nav-main li a{
	display: block;
	color: #000;
	text-decoration: none;
}
ul#nav-main li a:hover{
	text-decoration: underline;
}
ul#nav-main li.active a,
ul#nav-main li.active a:hover{
	color: #BD3038;
	cursor: default;
	text-decoration: none;
}
ul#nav-main li.first{
	padding-left: 0;
}
ul#nav-main li.last{
	border-right: 0;
	padding-right: 0;
}

/* @end */

/* @group Sub nav in header */

/*	Sub nav in header
-----------------------------------------------------------------------------------*/

#nav-sub{	
	height: 40px;
	line-height: 40px;
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 485px;
}
#nav-sub li{
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	font-size: 1em;	
	height: 40px;
	line-height: 35px;
	margin: 0 15px 0 0;
	text-align: center;
	width: 110px;	
}

#nav-sub li.last{
	margin-right: 0;
}
#nav-sub li a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
}
#nav-sub li a:hover	{	border-bottom: 2px solid #fff;	}


/* @end */


/* @group Side nav on left */

/*	Side nav on left
-----------------------------------------------------------------------------------*/

#side-nav{
	font-family:  "Trebuchet MS", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	width: 140px;
}
#side-nav.hasCorners{
	/*margin-top: -8px;*/
	width: 180px;
}
#side-nav ul{
	list-style: none;
}
#side-nav li{
	border-bottom: 1px solid #999;
	padding: 0;
}
#side-nav li.last{
	border-bottom: none;
}
#side-nav li.active ul{
	border-top: 1px solid #999;
	font-size: 1.3em;
	margin: 0;
	padding-left: 0;
}
#side-nav li.active ul li{
	border-bottom: none;
	background: url('../images/design/icons/bul-sidenav.png') no-repeat top left;
	padding: 0 0 0 20px;
}
#side-nav li.active ul li.active	{	background: url('../images/design/icons/bul-sidenav-active.png') no-repeat top left;		}

/*	Side nav links	*/

#side-nav li a{
	color: #000;
	display: block;
	padding: 13px 0;
	text-decoration: none;
}
#side-nav li a:hover{
	text-decoration: underline;
}
#side-nav li.active a,
#side-nav li.active a:hover{
	color: #BD3038;
	cursor: default;
	text-decoration: none;
}
#side-nav li.active a:hover{
	cursor: pointer;
}
#side-nav li.active ul a{
	border-bottom: 1px solid #999;	
	color: #000;	
	text-decoration: none;	
}
#side-nav li.active ul li.last a{
	border-bottom: none;
}
#side-nav li.active ul a:hover{
	color: #000;
	text-decoration: underline;	
}
#side-nav li.active ul li.active a,
#side-nav li.active ul li.active a:hover{
	color: #BD3038;
	cursor: default;
	text-decoration: none;	
}

/* @end */





/* ------- thickbox.css */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url('../images/design/thickbox/macFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 1001;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	width: 700px;
	height: 610px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.TB_closeWindow{
	height:25px;
	padding:0;
	float:right;
}
#TB_closeWindow a#TB_closeWindowButton,
.TB_closeAjaxWindow{
	position: absolute;
	top: 30px ;
	right: 15px;
	background:  url('../images/design/icons/blind-toggler.png') no-repeat top left;
	cursor:pointer;
	font-size: 0.75em;
	height: 18px;
	line-height: 18px;
	padding-left: 15px;	
	z-index: 1000;
}
#TB_closeWindow a#TB_closeWindowButton{
	right: 20px;
	top: -25px ;
}
.TB_closeAjaxWindow a.TB_closeWindowButton{
	color: #fff;
	text-decoration: none;	
}
#TB_caption{
	font-size: 0.7em;
	text-align: left;
	padding-left: 20px;
}
#TB_ajaxContent{
	clear:both;
	padding:20px;
	overflow: hidden;
	text-align:left;
	width: 694px;
}
#TB_window .image-wrapper{
	background: #004D7A;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}