@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'HelveticaNeueLTStd97BlackCond';
	src: url('/media/fonts/helveticaneueltstd-blkcn-webfont.eot');
	src: local('☺'), url('/media/fonts/helveticaneueltstd-blkcn-webfont.woff') format('woff'), url('/media/fonts/helveticaneueltstd-blkcn-webfont.ttf') format('truetype'), url('/media/fonts/helveticaneueltstd-blkcn-webfont.svg#webfontciFxmDt4') format('svg');
	font-weight: normal;
	font-style: normal;

}	
@font-face {
	font-family: 'HelveticaNeueLTStd77BoldConde';
	src: url('/media/fonts/helveticaneueltstd-bdcn-webfont.eot');
	src: local('☺'), url('/media/fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'), url('/media/fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'), url('/media/fonts/helveticaneueltstd-bdcn-webfont.svg#webfontQHx4ZQyJ') format('svg');
	font-weight: normal;
	font-style: normal;
}


body  {
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	height: auto;
	background-color: #FFFFFF;
	/* background-color: #726f70;
	 background-image: url(../../media/images/generic/bg-gradient.jpg); */
	background-repeat: repeat-x;
}

#container  {
	width: 900px;
	background-color: #231f20;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 20px;
}

#container h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 146.5%;
}
#container h2 {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

#sidebar1  {
	float: left;
	width: 190px;
	margin-right: 25px;
}
.logo {
	width: 190px;
	float: left;
	margin-right: 25px;
}

.logo    a  {
	width: 190px;
	background-image: url(../images/generic/dockyard-logo.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	height: 90px;
	background-position: 0px 20px;
}
#topbanner {
	width: 685px;
	margin-bottom: 18px;
	float: left;
}


#mainContent  {
	padding: 0px;
	width: 685px;
	float: left;
	margin: 0;
} 
#breadcrumb {
	padding-bottom: 10px;
	padding-left: 215px;
	font-size: 85%;
	clear: both;
	padding-top: 5px;
}
#breadcrumb a {
	color: #FFFFFF;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb  .current {
	font-weight: bold;
	color: #00AEEF;
}

#slideshow {
	margin-bottom: 15px;
	clear: both;
	height: 225px;
}
#innerContent {
	margin-bottom: 15px;
	clear: both;
	*border-bottom-width: 1px;
	*border-bottom-style: solid;
	*border-bottom-color: #231F20;
}

#container #footer {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 85%;
	clear: both;
	color: #BEBDBD;
}
#footer a {
	color: #BEBDBD;
}
#footer a:hover {
	color: #FFFFFF;
}

.footerlinks li {
	float: left;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #393637;
}

#footer .footerlinks .footerLinkFirst {
	padding-left: 0px;

}

.footertext {
	font-size: 85%;
	color: #999999;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.footergap {
	height: 30px;
}

.creditlinks ul {
	float: right;
}

.creditlinks li {
	float: right;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #393637;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


/* Styles copied across from old site */
 
.popbackground {

}

.piccenter {
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.pictureleft {
	padding: 0px;
	border: 0px none;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.pictureright {
	padding: 0px;
	border: 0px none;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.date{
   width:150px;
   border-bottom:1px solid #cccccc;
   }
   
.newsfield{
  text-align:left;
   border-bottom:1px solid #cccccc;
    padding-top:7px;
    padding-bottom:15px}

.captions{
font-size:100%;
 font-weight:bold;
 text-align:left;
 border-bottom:1px solid #cccccc;
 background-color:#E8E6E6;
 padding:5px;
 margin-bottom: 10px;
}
.NewsDates{
	font-size:100%;
	text-align:right;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	color:#6d6d6d;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.SmallLink:link, a.SmallLink:visited, a.SmallLink:active  {
font-size:85%;
} 
	
.W3C{
	padding-bottom:10px; 
	}
	
.Bobby {
	display: none;
}
	.dividerline{
	border:1px dashed #C0C0C0;
	
	}
#mainContent td {
	border: 1px solid #cccccc;
	padding: 4px;
}

/* Gallery Styles */

#gallery{text-align:left;}
#gallery p{display:inline;}
#gallery span{
	vertical-align:top;
	width:160px;
	height:145px;
	display:inline;
	display:table-cell;
	display:inline-table;
	display:inline-block;
	color:#000000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	line-height:14px;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 28px;
	padding-left: 28px;
}


#gallery p img{margin-bottom:0px;

}


/* Calendar Portlet Styles taken from old site and modified */

	a.pdflink:link, a.pdflink:visited, a.pdflink:active  {
text-decoration : underline; 
background-image: url(/graphics/generic/icon_pdf.gif);
background-position:left top;
background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:10px;
	line-height:170%;
} 
#container .mp3 {
	list-style-image: url(/graphics/generic/icon_speaker.gif);
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
	border-bottom:1px solid #cccccc;
}


#mainContent .RHSCalCellOFF td {
	border: 1px solid #00AEEF;
	border: 0px none;
	padding: 0px;
}
#mainContent .RHSCalBackground{
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 160px;
	width: 175px;
	float: left;
	margin-bottom: 15px;
	
}

#mainContent #portlets .RHSCalBackground td {
	height: 40px;
	vertical-align: middle;
	
}

#mainContent #portlets .RHSCalBackground a:hover {
	color: #666666;
	
}

.RHSCalTable{


}

#mainContent #portlets td.RHSCalCellOFF{
	width:36px;
	background-color:#ffffff;
	text-align:center;
	font-size: 75%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00AEEF;
	border-bottom-color: #00AEEF;
}

#mainContent #portlets td.RHSCalCellON  {
	border: 1px solid #00AEEF;
	width:36px;
	background-color:#00AEEF;
	text-align:center;
	color:#FFFFFF;
	font-size: 75%;
	}
	
#mainContent .RHSCalCellON a  {
	color:#FFFFFF;

	
}
#mainContent  .RHSCalHeader{
	background-color:#00AEEF;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00AEEF;
	border-bottom-color: #ffffff;
}

a.RHSCalLinkOFF:link, a.RHSCalLinkOFF:visited, a.RHSCalLinkOFF:active  {
	background-color:#ffffff;
	text-align:center;
	display:block;
	/* padding-top: 4px;
	padding-bottom: 4px; */
} 


a.RHSCalLinkOFF:hover {
	text-align:center;
	color:#000000;
	display:block;
}
#mainContent .calLink a {
	color: #00AEEF;
	padding: 5px;
	display: block;
	font-size: 85%;
	text-transform: uppercase;
}
.calYear {
	width: 160px;
	dispay: block;
	clear:both;
	float:left;
	font-size: 75%;
	text-transform: uppercase;
}

#mainContent .calLink a:hover {
	color: #FFFFFF;
}

#mainContent a {
	text-decoration: underline;
}



/* End old styles */


.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
li {
	list-style-type: square;
}


a, a:link, a:active {
	color: #00aeef;
	text-decoration: none;
}
a:hover {
	color: #231F20;
}




/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
  See below for another method of activating the script without adding CSS here.
 */


#container h3 {
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
}
/* #topnav {
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
}
#container #topnav .toplink a {
	float: left;
	display: block;
	clear: none;
	cursor: hand;
}
#container #topnav .toplink li {
	float: left;
	display: inline;
}

#topnav a {
	float: left;
	text-transform: uppercase;
	display: block;
	padding: 7px;
	font-size: 116%;
	font-weight: bold;
	color: #bcbcbe;
}
#container #topnav .toplink {
	clear: none;
	float: left;
	width: auto;

}

#container #topnav .toplinkHome {
	clear: none;
	float: left;
	width: 55px;
	font-size: 11px;
}

#container #topnav .toplinkEvents {
	clear: none;
	float: left;
	width: 65px;
	font-size: 11px;

}
#container #topnav .toplinkNews {
	clear: none;
	float: left;
	width: 54px;
	font-size: 11px;
}
#container #topnav .toplinkEducation {
	clear: none;
	float: left;
	width: 87px;
	font-size: 11px;
}

#container #topnav .toplinkFilm {
	clear: none;
	float: left;
	width: 111px;
	font-size: 11px;
}

#container #topnav .toplinkWedding {
	clear: none;
	float: left;
	width: 164px;
	font-size: 11px;
}
#container #topnav .toplinkProperty {
	clear: none;
	float: left;
	width: 83px;
	font-size: 11px;
}
#container #topnav .toplinkShop {
	clear: none;
	float: left;
	width: 51px;
	font-size: 11px;
}
#container #topnav .toplinkContact {
	clear: none;
	float: left;
	width: 75px;
	font-size: 11px;
}
#container #topnav .toplinkTrust {
	clear: none;
	float: left;
	width: 144px;
	font-size: 11px;
}

 
#container #topnav ul {
	margin: 0px;
	padding: 0px;
}*/



#nav {
	text-transform: uppercase;
	background-color: #2F2D2E;
	margin-bottom: 15px;
	width: 160px;
	background-image: url(/media/images/generic/colour-bar.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 27px;
	padding-left: 15px;
	min-height: 191px;
}
 
#nav a  {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

#container #nav  a:hover   {
	color: #ffffff;
}

#nav .navleftWhite a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
}
#nav .navleftplan a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-planyourday.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .navleftopening a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-opening-times.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .navleftprices a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-prices.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .navlefthow a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-howtofindus.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav .navleftevents a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-events.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav .navleftgroups a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-groups.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav .navleftcontact a  {
	color: #ffffff;
	font-size: 131%;
	width: 160px;
	display: block;
	background-image: url(/media/images/generic/leftnav-contactus.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav .navleftplan a:hover, #nav .navleftopening a:hover, #nav .navleftprices a:hover, #nav .navlefthow a:hover, #nav .navleftevents a:hover, #nav .navleftgroups a:hover, #nav .navleftcontact a:hover {
	background-position: 0px -32px;
}

#container #nav .navleftWhite a:hover  {
	color: #00AEEF;

}

#nav .navleftGrey a  {
	color: #989999;
	font-size: 100%;

}

#nav .navleftOrange a  {
	color: #e4701d;
	font-size: 100%;
}
#nav .navleftLightBlue a  {
	color: #769fb1;
	font-size: 100%;
}
#nav .navleftYelo a  {
	color: #fbb90d;
	font-size: 100%;
}
#nav .navleftRed a  {
	color: #bb1030;
	font-size: 100%;
}

#nav .navleftGreen a  {
	color: #008e54;
	font-size: 100%;
}
#nav .navleftLightGreen a  {
	color: #1FB25A;
	font-size: 100%;
}
#nav .navleftLightGrey a  {
	color: #aeafaa;
	font-size: 100%;
}
#nav .navleftBlue a  {
	color: #35588e;
	font-size: 100%;
}
#nav .navleftWheelwrights a  {
	color: #afbd21;
	font-size: 100%;
}
#signup {
	width: 160px;
	min-height: 160px;
	background-color: #393637;
	padding: 15px;
	margin-bottom: 15px;
}
#signup p {
	font-size: 85%;
}





#signup h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


#frmmailinglist #Email {
	width: 151px;
	font-size: 85%;
	margin-top: 5px;
	background-color: #bebdbd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 5px;
	color: #000000;
}
#frmmailinglist #registeroptions {
	width: 161px;
	font-size: 85%;
	margin-top: 5px;
	background-color: #bebdbd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 5px;
}
#frmmailinglist #go {
	margin-top: 5px;
}

#container .PageTools { text-transform: uppercase; width: 190px; margin-top: 15px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; clear: both; float: left; height: auto; }
#container .PageTools a {
	font-size: 77%;
	padding-bottom: 5px;
	color:#FFFFFF;
}
#container .PageTools a:hover {

	text-decoration: underline;
}
.facebook { clear: both; height: 85px; width: 190px; }
.twitter { clear: both; height: 85px; width: 190px; }
#tools label {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}
#tools   #quicksearch1 {
	width: 110px;
	margin-top: 5px;
	padding: 2px;
	float: left;
}
#tools #Search {
	float: left;
	clear: none;
	margin-left: 5px;
	margin-top: 4px;
	font-size: 93%;
	background-color: #BEBDBD;
	color: #231F20;
	padding: 2px;
	font-weight: bold;
}



#portlets {
	float: left;
	width: 695px;
	/**margin-top: 15px;*/


}
#container #portlets table {
	border-collapse:collapse;
	border: none;

}
#mainContent #portlets td    {
	padding: 0px;
	border-width: 0px;
	border: none;
	width: 160px;
	height: 175px;
	vertical-align: top;	

}


#container #mainContent #portlets .portletZMargin {
	padding: 0px;
	border-width: 0px;
	border: none;
	width: 160px;
	height: 160px;
	vertical-align: top;
	margin-right:0px;
	

}

#portlets ul {
	margin: 0px;
	padding: 0px;
}
#portlets li {
	float: left;
	display: inline;
	margin-right: 15px;
	margin-bottom: 15px;
}



.portlet {
	height: 160px;
	width: 175px;
	float: left;
	margin-bottom: 15px;
	
}

.portletInline {
	height: 160px;
	width: 175px;
	float: left;
	margin-bottom: 15px;


	
}



.portletTrust a, .portletSmithery a, .portletLaunch a, .portletEducation a, .portletSalute40s a, .portletGhostWalks a, .portletFilm a, .portletHeritageLottery a, .portletSpringHoliday a, .portletPiratePlayDays a, .portletSmitheryVideo a, .portletTvAdvert a {
	/* text-indent: -9999px; */
	height: 160px;
	width: 160px;
	display: block;
	cursor: hand;
	clear: none;
}

.portletTrust {
	float: left;
	background-image: url(/media/images/portlets/dockyard-trust.gif);
	background-repeat: no-repeat;

}

.portletSmithery  {
	float: left;
	background-image: url(/media/images/portlets/no1-smithery.gif);
	background-repeat: no-repeat;
}
.portletLaunch  {
	float: left;
	background-image: url(/media/images/portlets/smithery-launch.gif);
	background-repeat: no-repeat;
}
.portletEducation  {
	float: left;
	background-image: url(/media/images/portlets/education.jpg);
	background-repeat: no-repeat;
}
.portletSalute40s  {
	float: left;
	background-image: url(/media/images/portlets/salute-40s.jpg);
	background-repeat: no-repeat;
}
.portletGhostWalks  {
	float: left;
	background-image: url(/media/images/portlets/ghost-walks.jpg);
	background-repeat: no-repeat;
}

.portletFilm  {
	float: left;
	background-image: url(/media/images/portlets/film.jpg);
	background-repeat: no-repeat;

}

.portletHeritageLottery  {
	float: left;
	background-image: url(/media/images/portlets/heritage-lottery.jpg);
	background-repeat: no-repeat;
}

.portletSpringHoliday  {
	float: left;
	background-image: url(/media/images/portlets/spring-holiday.jpg);
	background-repeat: no-repeat;
}

.portletPiratePlayDays  {
	float: left;
	background-image: url(/media/images/portlets/pirate-play-days.jpg);
	background-repeat: no-repeat;
}
.portletSmitheryVideo  {
	float: left;
	background-image: url(/media/images/portlets/smithery-video.jpg);
	background-repeat: no-repeat;
}
.portletTvAdvert  {
	float: left;
	background-image: url(/media/images/portlets/tv-advert.jpg);
	background-repeat: no-repeat;
}

.portletImage  { float: left; height: 160px; width: 160px; display: block; }
#container .portletImageText a  { width: 130px; z-index: 2; position: absolute; padding: 15px; color: #FFFFFF; font-size: 17px; text-transform: uppercase; font-family:'HelveticaNeueLTStd97BlackCond', Arial, Helvetica, sans-serif; text-decoration: none; line-height: 16px} 
#container .portletImageText a:hover  { color:#231f20; } 

.portletBlueLarge  {
	float: left;
	background-color: #00aeef;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletBlueLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletBlueMedium  {
	float: left;
	background-color: #00aeef;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletBlueMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletBlueSmall  {
	float: left;
	background-color: #00aeef;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletBlueSmall a {
	line-height: 18px;
	color: #ffffff;
}





.portletGreyLarge  {
	float: left;
	background-color: #999999;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreyLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletGreyMedium  {
	float: left;
	background-color: #999999;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreyMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletGreySmall  {
	float: left;
	background-color: #999999;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreySmall a {
	line-height: 18px;
	color: #ffffff;
}




.portletOrangeLarge  {
	float: left;
	background-color: #E4701E;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletOrangeLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletOrangeMedium  {
	float: left;
	background-color: #E4701E;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletOrangeMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletOrangeSmall  {
	float: left;
	background-color: #E4701E;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletOrangeSmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletLightBlueLarge  {
	float: left;
	background-color: #5e88a2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightBlueLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightBlueMedium  {
	float: left;
	background-color: #5e88a2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightBlueMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightBlueSmall  {
	float: left;
	background-color: #5e88a2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightBlueSmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletYeloLarge  {
	float: left;
	background-color: #fdb813;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletYeloLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletYeloMedium  {
	float: left;
	background-color: #fdb813;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletYeloMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletYeloSmall  {
	float: left;
	background-color: #fdb813;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletYeloSmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletRedLarge  {
	float: left;
	background-color: #c41230;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletRedLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletRedMedium  {
	float: left;
	background-color: #c41230;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletRedMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletRedSmall  {
	float: left;
	background-color: #c41230;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletRedSmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletGreenLarge  {
	float: left;
	background-color: #006f51;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreenLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletGreenMedium  {
	float: left;
	background-color: #006f51;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreenMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletGreenSmall  {
	float: left;
	background-color: #006f51;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletGreenSmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletLightGreyLarge  {
	float: left;
	background-color: #adafa7;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreyLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightGreyMedium  {
	float: left;
	background-color: #adafa7;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreyMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightGreySmall  {
	float: left;
	background-color: #adafa7;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreySmall a {
	line-height: 18px;
	color: #ffffff;
}



.portletDarkBlueLarge  {
	float: left;
	background-color: #003e7e;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletDarkBlueLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletDarkBlueMedium  {
	float: left;
	background-color: #003e7e;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletDarkBlueMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletDarkBlueSmall  {
	float: left;
	background-color: #003e7e;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletDarkBlueSmall a {
	line-height: 18px;
	color: #ffffff;
}


.portletRailwayGreenLarge  {
	float: left;
	background-color: #1fb25a;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.portletRailwayGreenLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletRailwayGreenMedium  {
	float: left;
	background-color: #1fb25a;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	/* margin-right: 15px; */
	margin-bottom: 15px;
}
.portletRailwayGreenMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletRailwayGreenSmall  {
	float: left;
	background-color: #1fb25a;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	/* margin-right: 15px; */
	margin-bottom: 15px;
}
.portletRailwayGreenSmall a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightRedLarge  {
	float: left;
	background-color: #ee3a43;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightRedLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightRedMedium  {
	float: left;
	background-color: #ee3a43;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightRedMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightRedSmall  {
	float: left;
	background-color: #ee3a43;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightRedSmall a {
	line-height: 18px;
	color: #ffffff;
}













.portletBlueWarshipLarge  {
	float: left;
	background-color: #5E88A2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletBlueWarshipLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletBlueWarshipMedium  {
	float: left;
	background-color: #5E88A2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-right: 15px;
	*margin-right: 0px; 
}
.portletBlueWarshipMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletBlueWarshipSmall  {
	float: left;
	background-color: #5E88A2;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletBlueWarshipSmall a {
	line-height: 18px;
	color: #ffffff;
}




.portletLightGreenSmall2  {
	float: left;
	background-color: #afbd21;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreenSmall2 a {
	line-height: 18px;
	color: #ffffff;
}


















.portletPurpleLarge  {
	float: left;
	background-color: #542989;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletPurpleLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletPurpleMedium  {
	float: left;
	background-color: #542989;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-right: 15px;
	*margin-right: 0px; 
}
.portletPurpleMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletPurpleSmall  {
	float: left;
	background-color: #542989;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletPurpleSmall a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightGreenLarge  {
	float: left;
	background-color: #afbd21;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreenLarge  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightGreenMedium  {
	float: left;
	background-color: #afbd21;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreenMedium  a {
	line-height: 18px;
	color: #ffffff;
}

.portletLightGreenSmall  {
	float: left;
	background-color: #afbd21;
	color: #FFFFFF;
	display: block;
	cursor: hand;
	padding: 15px;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
	*margin-right: 0px; */
	margin-bottom: 15px;
}
.portletLightGreenSmall a {
	line-height: 18px;
	color: #ffffff;
}





#portlets li.zeroMargin      {
	margin-right: 0px;
}
.sectionHeader {
	padding: 15px;
	min-height: 85px;
	height:auto !important;
	height:85px;
	padding-right: 100px;
	background-repeat: no-repeat;
	background-position: right 0px;
	
}
.sectionHeader h2 {
	text-transform: uppercase;
}

.sectionContent {
	padding: 15px;
	background-color: #FFFFFF;
	color: #333;
	*margin-bottom:15px;
}



*html .sectionContent {
	height: 1%;
}
.sectionMenu, .sectionMenuDownloads  {
	font-size: 85%;
	text-transform: uppercase;
	background-color: #FFFFFF;
	clear: both;
	margin-top: 15px;
}
.sectionMenu ul {
	padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.sectionMenu li {
	list-style-type: square;
	padding-top: 2px;
	padding-bottom: 2px;
}

.generic .sectionMenuDownloads ul {
	padding-left: 10px;
	margin-left: 0px;


}

.generic .sectionMenuDownloads li {
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;

}
.sectionMenu .currentitem {
	font-weight: bold;
	text-decoration: none;	
}
.sectionMenu a.currentitem:hover {
	font-weight: bold;
	text-decoration: none;	
}
.sectionContent a:hover, .sectionMenu a:hover {
	color: #231f20;
}

.sectionMenu h3, .sectionMenu h4, .sectionMenuDownloads h5   {
	text-indent: -9999px;
	height: 32px;
}


.generic ul, .grey ul,  .warships ul, .smithery ul, .woodenwalls ul, .museum ul, .steel ul, .ropery ul, .slip ul, .rnli ul, .trust ul, .commissioners ul, .wheelwrights ul, .railway ul, .shop ul {
	padding-left: 26px;
	padding-top: 10px;
	padding-bottom:10px;
}

.generic ol, .grey ol,  .warships ol, .smithery ol, .woodenwalls ol, .museum ol, .steel ol, .ropery ol, .slip ol, .rnli ol, .trust ol, .commissioners ol, .wheelwrights ol, .railway ol, .shop ol {
	padding-left: 26px;
	padding-top: 10px;
	padding-bottom:10px;
}

.generic ol li, .grey ol li,  .warships ol li, .smithery ol li, .woodenwalls ol li, .museum ol li, .steel ol li, .ropery ol li, .slip ol li, .rnli ol li, .trust ol li, .commissioners ol li, .wheelwrights ol li, .railway ol li, .shop ol li  {
	list-style-type: decimal;
	margin-bottom: 0.5em;
	list-style-position: outside;
}

.generic li, .grey li,  .warships li, .smithery li, .woodenwalls li, .museum li, .steel li, .ropery li, .slip li, .rnli li, .trust li, .commissioners li, .wheelwrights li, .railway li, .shop li  {
	list-style-type: square;
	margin-bottom: 0.5em;
	list-style-position: outside;
}

.warships .sectionHeader {
	background-color: #5e88a2;
	background-image: url(/media/images/generic/logo-section-historic-ships.gif);
	padding-right: 240px;
}
.warships .sectionMenu {
	border: 1px solid #5E88A2;
}

.warships .sectionContent h2 {
	color: #5E88A2;
}

.warships  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-warships.gif);
	background-repeat: no-repeat;
	background-color: #5E88A2;
}
.warships  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-warships.gif);
	background-repeat: no-repeat;
	background-color: #5E88A2;
}
.warships  a, .warships .sectionMenu li  {
	color: #5E88A2;
}

.smithery .sectionHeader {
	background-color: #e4701e;
	background-image: url(/media/images/generic/logo-section-smithery.gif);
	padding-right: 190px;
}
.smithery .sectionMenu {
	border: 1px solid #E4701E;
}
.smithery .sectionContent h2 {
	color: #E4701E;
}


.smithery  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-smithery.gif);
	background-repeat: no-repeat;
	background-color: #e4701e;
}
.smithery  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-smithery.gif);
	background-repeat: no-repeat;
	background-color: #e4701e;
}
.smithery  a, .smithery .sectionMenu li  {
	color: #e4701e;
}

.woodenwalls .sectionHeader {
	background-color: #fdb813;
	background-image: url(/media/images/generic/logo-section-woodenwalls.gif);
	padding-right: 226px;
}
.woodenwalls .sectionMenu {
	border: 1px solid #FDB813;
}

.woodenwalls .sectionContent h2 {
	color: #000000;
}

.woodenwalls  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-wooden-walls.gif);
	background-repeat: no-repeat;
	background-color: #fdb813;
}
.woodenwalls  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-wooden-walls.gif);
	background-repeat: no-repeat;
	background-color: #fdb813;
}
.woodenwalls  a, .woodenwalls .sectionMenu li  {
	color: #000000;
}

.museum .sectionHeader {
	background-color: #c41230;
	background-image: url(/media/images/generic/logo-section-museum.gif);
	padding-right: 227px;
}
.museum .sectionMenu {
	border: 1px solid #C41230;
}
.museum .sectionContent h2 {
	color: #c41230;
}
.museum  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-museum.gif);
	background-repeat: no-repeat;
	background-color: #c41230;
}
.museum  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-museum.gif);
	background-repeat: no-repeat;
	background-color: #c41230;
}
.museum  a, .museum .sectionMenu li  {
	color: #c41230;
}





.steel .sectionHeader {
	background-color: #c41230;
	background-image: url(/media/images/generic/logo-section-steel.gif);
	padding-right: 279px;
}
.steel .sectionMenu {
	border: 1px solid #C41230;
}
.steel .sectionContent h2 {
	color: #c41230;
}
.steel  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-museum.gif);
	background-repeat: no-repeat;
	background-color: #c41230;
}
.steel  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-museum.gif);
	background-repeat: no-repeat;
	background-color: #c41230;
}
.steel  a, .steel .sectionMenu li  {
	color: #c41230;
}



.ropery .sectionHeader {
	background-color: #006f51;
	background-image: url(/media/images/generic/logo-section-ropery.gif);
	padding-right: 222px;
}
.ropery .sectionMenu {
	border: 1px solid #006F51;
}
.ropery .sectionContent h2 {
	color: #006f51;
}
.ropery  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-ropery.gif);
	background-repeat: no-repeat;
	background-color: #006f51;
}
.ropery  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-ropery.gif);
	background-repeat: no-repeat;
	background-color: #006f51;
}
.ropery  a, .ropery .sectionMenu li  {
	color: #006f51;
}

.slip .sectionHeader {
	background-color: #adafa7;
	background-image: url(/media/images/generic/logo-section-slip.gif);
	padding-right: 198px;
}
.slip .sectionMenu {
	border: 1px solid #ADAFA7;
}
.slip .sectionContent h2 {
	color: #adafa7;
}
.slip  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-3-slip.gif);
	background-repeat: no-repeat;
	background-color: #adafa7;
}
.slip  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-3-slip.gif);
	background-repeat: no-repeat;
	background-color: #adafa7;
}
.slip  a, .slip .sectionMenu li {
	color: #adafa7;
}

.rnli .sectionHeader {
	background-color: #003e7e;
	background-image: url(/media/images/generic/logo-section-rnli.gif);
	padding-right: 236px;
}
.rnli .sectionMenu {
	border: 1px solid #003E7E;
}
.rnli .sectionContent h2 {
	color: #003e7e;
}
.rnli  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-rnli.gif);
	background-repeat: no-repeat;
	background-color: #003e7e;
}
.rnli  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-rnli.gif);
	background-repeat: no-repeat;
	background-color: #003e7e;
}
.rnli  a, .rnli .sectionMenu li {
	color: #003e7e;
}

.grey .sectionHeader {
	background-color: #00aeef;
	background-image: url(/media/images/generic/logo-section-generic.gif);
	padding-right: 240px;
}
.grey .sectionContent h2 {
	color: #00aeef;
}
.grey  .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-generic.gif);
	background-repeat: no-repeat;
	background-color: #00aeef;
}
.grey  .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-generic.gif);
	background-repeat: no-repeat;
	background-color: #00aeef;
}
.grey  a, .grey .sectionMenu li  {
	color: #00aeef;
}

.grey .sectionMenu {
	border: 1px solid #00aeef;
}



.generic .sectionHeader {
	background-color: #00aeef;
	background-image: url(/media/images/generic/logo-section-generic.gif);
	padding-right: 240px;
}
.generic .sectionContent h2 {
	color: #00aeef;
}
.generic .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-generic.gif);
	background-repeat: no-repeat;
	background-color: #00aeef;
}

.generic .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-generic.gif);
	background-repeat: no-repeat;
	background-color: #00aeef;
}
.generic .sectionMenuDownloads h5 {
	background-image: url(/media/images/generic/downloads-generic.gif);
	background-repeat: no-repeat;
	background-color: #00aeef;
}
.generic a, .generic .sectionMenu li {
	color: #00aeef;
}

.generic .sectionMenu, .generic .sectionMenuDownloads {
	border: 1px solid #00aeef;
}

.trust .sectionHeader {
	background-color: #afbd21;
	background-image: url(/media/images/generic/logo-section-trust.gif);
	padding-right: 240px;
}
.trust .sectionContent h2 {
	color: #afbd21;
}
.trust .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-trust.gif);
	background-repeat: no-repeat;
	background-color: #afbd21;
}
.trust .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-trust.gif);
	background-repeat: no-repeat;
	background-color: #afbd21;
}
.trust a, .trust .sectionMenu li {
	color: #afbd21;
}
.trust .sectionMenu {
	border: 1px solid #afbd21;
}


.commissioners .sectionHeader {
	background-color: #542989;
	background-image: url(/media/images/generic/logo-section-commissioners.gif);
	padding-right: 240px;
}
.commissioners .sectionContent h2 {
	color: #542989;
}
.commissioners .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-commissioners.gif);
	background-repeat: no-repeat;
	background-color: #542989;
}
.commissioners a, .commissioners .sectionMenu li  {
	color: #542989;
}
.commissioners .sectionMenu {
	border: 1px solid #542989;
}


.wheelwrights .sectionHeader {
	background-color: #afbd21;
	background-image: url(/media/images/generic/logo-section-wheelwrights.gif);
	padding-right: 308px;
}
.wheelwrights .sectionContent h2 {
	color: #afbd21;
}
.wheelwrights .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-wheelwrights.gif);
	background-repeat: no-repeat;
	background-color: #afbd21;
}
.wheelwrights .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-wheelwrights.gif);
	background-repeat: no-repeat;
	background-color: #afbd21;
}
.wheelwrights a, .wheelwrights .sectionMenu li  {
	color: #afbd21;
}
.wheelwrights .sectionMenu {
	border: 1px solid #afbd21;
}


.railway .sectionHeader {
	background-color: #1fb25a;
	background-image: url(/media/images/generic/logo-section-railway.gif);
	padding-right: 240px;
}
.railway .sectionContent h2 {
	color: #1fb25a;
}
.railway .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-railway.gif);
	background-repeat: no-repeat;
	background-color: #1fb25a;
}
.railway .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-railway.gif);
	background-repeat: no-repeat;
	background-color: #1fb25a;
}
.railway a, .railway .sectionMenu li {
	color: #1fb25a;
}
.railway .sectionMenu {
	border: 1px solid #1fb25a;
}


.shop .sectionHeader {
	background-color: #ee3a43;
	background-image: url(/media/images/generic/logo-section-shop.gif);
	padding-right: 240px;
}
.shop .sectionContent h2 {
	color: #ee3a43;
}
.shop .sectionMenu h3 {
	background-image: url(/media/images/generic/further-info-shop.gif);
	background-repeat: no-repeat;
	background-color: #ee3a43;
}
.shop .sectionMenu h4 {
	background-image: url(/media/images/generic/further-links-shop.gif);
	background-repeat: no-repeat;
	background-color: #ee3a43;
}
.shop a, .shop .sectionMenu li {
	color: #ee3a43;
}
.shop .sectionMenu {
	border: 1px solid #ee3a43;
}

/* Styles for Events Tickets PayPal section */

#container #eventsTable td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.EventPic {
	padding: 0px;
	margin: 0px 5px 10px 5px;
	border: 0px none;
}
.buy-tickets-bg {
	background-color: #FFFFFF;
	border: 1px solid #00AEEF;
	padding: 5px;
	width: 644px;
	height: auto;
	float: left;
	margin-bottom: 15px;
	clear: both;
}
.buy-tickets-bg   p  {
	font-size: 11px;
}

.buy-tickets-bg  img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.buy-tickets-bg th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aec5e1;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}
.ticket-pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}

.buy-tickets-bg td {
	font-size: 11px;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: left;
}
.buy-tickets-bg .borderRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aec5e1;
}
.buy-tickets-bg .ticketsWrapper {
	width: 642px;
	float: left;
	background-color: #FFFFFF;
}
#container  .buy-tickets-bg  .ticketsWrapper h3 {
	background-color: #00AEEF;
	margin: 0px;
	color: #FFFFFF;
	font-size: 116%;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #00AEEF;
}
.buy-tickets-bg h2 {
	font-size: 108%;
	color: #00AEEF;
}

.buy-tickets-bg  .ticketsWrapper  select {
	font-size: 11px;
}
.buy-tickets-bg .ticketTypeWrapper {
	clear: both;
}
.paypal {
	float: left;
	padding-bottom: 10px;
	clear: both;
	background-color: #FFFFFF;
	width: 655px;
}

.dayticket1 {
	float: left;
	width: 382px;
}
.dayticket2 {
	width: 550px;
}
.duelticket {
	width: 260px;
}
.addtocart {
	float: none;
	padding-right: 4px;
}
.price {
}
.SmallText {
	font-size: 9px;
	line-height: 12px;
}
#mainContent #calendar th {
	background-color: #00AEEF;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #59D1FF;
	font-size: 93%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #59D1FF;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 7px;
	padding-left: 4px;
	font-weight: bold;
}
#mainContent #calendar th a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#mainContent #calendar .month {
	text-align: center;
	vertical-align: middle;
}
#mainContent #calendar .month a {
	display: block;
}
#mainContent #calendar .month a:hover {
	color: #2F2D2E;

}

#mainContent #calendar td {
	font-size: 85%;
	min-height: 80px;
	vertical-align: top;
	width: 82px;
}
#calendar .current {
	background-color: #D2F2FF;
}

#mainContent #calendar td a {
	display: block;
	padding: 3px;
	text-decoration: none;
}
#mainContent #calendar td a:hover {
	display: block;
	color: #FFFFFF;
	background-color: #00AEEF;
}

.captionsEvents {
	font-weight:bold;
	margin-bottom:5px;
	color:#00AEEF;
}
.EventList {
	padding-bottom: 10px;
}


/* End Events tickets styles */


/* Styles for collapse expand spry javascript */

.CollapsiblePanelTab {
	background-image: url(/media/images/generic/expand-close.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	padding-right: 110px;
	min-height:18px;
	margin-bottom:5px;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	background-image: url(/media/images/generic/expand-close.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#container .CollapsiblePanelTabHover,  #container .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-image: url(/media/images/generic/expand-close-hover.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	color: #000000;
}

/* img, div { behavior: url(/media/images/generic/iepngfix.htc) }  */

.popupbox{
  margin: 0; 
  margin-left: auto; /* This gets it relatively center on the screen */
  margin-right: auto; /* This gets it relatively center on the screen */
  margin-top: auto; /* Makes it a little off the top of the screen */
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  width: 250px; /* For centering it on the screen */
  height: auto; /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #FBFBF0; /* Login Box background color. Change this if desired. */
  border: dashed #000000 1px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font-family: arial; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
  }

 
.eventsthumb { float: left; margin-right: 15px; margin-bottom: 15px; background-color: #d6edf5; }
#mainContent .eventsthumb a, #mainContent .eventsthumblast a { width: 176px; height: 200px; display: block; color: #00AEEF; text-align: center; font-weight: bold; text-decoration: none; font-size: 108%; padding: 15px; text-transform: uppercase; font-family: HelveticaNeueLTStd97BlackCond, Arial, Helvetica, sans-serif; }
#mainContent .eventsthumb a:hover, #mainContent .eventsthumblast a:hover { text-decoration: none; padding-top: 15px; color: #231f20}

#container #mainContent .eventsthumblast { float: left; margin-right: 0px; margin-bottom: 15px; background-color: #d6edf5; }

#container #mainContent #eventstable td { margin: 0px; padding: 0px; border: 0}
  
  
.pika-wrap {width: 640px; margin: 0 auto;}

.pika-image {position: relative; height: 520px; width: 640px; background: #fafafa; border: 1px solid #e5e5e5; padding: 5px;}
/*position image holders */
.pika-image .animation, .pika-image .main-image {position: absolute; top: 5px; left: 5px;}
.pika-image .animation {display: none;z-index:2;}
.pika-image img {border:0;}

.pika-image .caption {position: absolute; background: url(../../assets/images/75-black.png);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 5px; text-align: right; bottom: 50px; right: 10px;}
.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../../assets/images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 5px;cursor:pointer;}
.pika-imgnav a.next {background: url(../../assets/images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 5px;cursor:pointer;}
.pika-imgnav a.play {background: url(../../assets/images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../../assets/images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

ul#pikame{width:640px;}
			
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 640px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  90px; height: 520px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}