body {
margin: 10px 0 0 0;
font-size: 12px;
}

#container {
width: 944px;
margin: 0 auto;
font-size : 1em;
line-height : 1.5;
}

#branding {
position: relative;
margin-bottom: 16px;
}

#branding h1 a {
display: block;
width: 944px;
height: 225px;
}

#branding h1.home a, #branding h1.general a {
background: url(template/banner-visitsalford-summer2.jpg) no-repeat;
}

#branding h1.whattodo a {
background: url(template/banner-whattodo-summer3.jpg) no-repeat;
}

#branding h1.whattosee a {
background: url(template/banner-whattosee-summer1.jpg) no-repeat;
}

#branding h1.wheretostay a {
background: url(template/banner-wheretostay-summer3.jpg) no-repeat;
}

#branding h1.trisalford a {
background: url(template/banner-trisalford.jpg) no-repeat top left;
}

#branding h1.ordsall a {
background: url(template/banner-ordsall.jpg) no-repeat top left;
}

#branding h1.ih a {
background: url(template/banner-ih.jpg) no-repeat top left;
}

#branding h1.worsley a {
background: url(template/banner-worsley.jpg) no-repeat top left;
}

#branding h1.stakeholder a {
background: url(template/banner-working.jpg) no-repeat top left;
}

#branding h1 span {
position: absolute;
text-indent: -9999px;
}

#mainsearch {
position: absolute;
top: 0;
right: 0;
padding: 0.5em 1em;
background: url(template/searchback.png) no-repeat;
}

label {
cursor: pointer;
}

#mainsearch label {
margin-right: 0.3em;
font-weight: bold;
}

.input {
border: 1px solid #888;
background: #d0d0d0 url(template/inputback.jpg) repeat-x 0 -2px;
padding: 0.2em 0.3em;
}

.forminput {
border: 1px solid #888;
background: #eee;
padding: 0.3em;
}

textarea.forminput {
border: 1px solid #888;
background: #eee;
padding: 0.3em;
}

.button {
background: #d0d0d0 url(template/inputback.jpg) repeat-x top left;
border: 2px solid #888;
padding: 0.5em;
font-weight: bold;
}

.input:focus, .forminput:focus, textarea.forminput:focus {
background: #ffa;
}

#pagecontent .smallField {
width: 100px;
}

#pagecontent .mediumField {
width: 200px;
}

#pagecontent .largeField {
width: 300px;
}

.searchgo {
vertical-align: bottom;
margin-left: 0.3em;
}

#navigationMain {
background: #0192d1;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationTri {
background: #015289;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationIh {
background: #d19a47;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationOrdsall {
background: #7b4237;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationWorsley {
background: #f58426;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationStakeholder {
background: #006b6e;
display: block;
margin-bottom: 3px;
padding-left: 4em;
}

#navigationMain li, #navigationTri li, #navigationIh li, #navigationOrdsall li, #navigationWorsley li, #navigationStakeholder li {
float: left;
}

#navigationMain li a, #navigationTri li a, #navigationIh li a, #navigationOrdsall li a, #navigationWorsley li a, #navigationStakeholder li a {
display: block;
color: #fff;
padding: 0.3em 2em;
font-weight: bold;
}

#navigationMain li a:hover, #navigationMain li a:focus, #navigationMain li a.selected {
background: #66bee2;
color: #fff;
}

#navigationTri a:hover, #navigationTri a:focus, #navigationTri a.selected {
background: #013558;
}

#navigationIh a:hover, #navigationIh a:focus, #navigationIh a.selected {
background: #231f20;
}

#navigationOrdsall a:hover, #navigationOrdsall a:focus, #navigationOrdsall a.selected {
background: #593028;
}

#navigationWorsley a:hover, #navigationWorsley a:focus, #navigationWorsley a.selected {
background: #b35509;
}

#navigationStakeholder a:hover, #navigationStakeholder a:focus, #navigationStakeholder a.selected {
background: #00484a;
}

#homebreadcrumb {
background: #66bee2;
color: #fff;
height: 1.5em;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbMain {
background: #66bee2;
color: #fff;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbTri {
background: #67859f;
color: #fff;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbIh {
background: #231f20;
color: #fff;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbOrdsall {
background: #f0e0c9;
color: #000;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbWorsley {
background: #f58426;
color: #fff;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbStakeholder {
background: #7fb5b7;
color: #fff;
padding: 0.3em 2em 0.3em 6em;
}

#breadcrumbMain a {
color: #fff;
padding: 0;
}

#breadcrumbTri a, #breadcrumbIh a, #breadcrumbWorsley a, #breadcrumbStakeholder a {
color: #fff;
padding: 0;
}

#breadcrumbOrdsall a {
color: #000;
padding: 0;
}

#breadcrumbMain a:hover, #breadcrumbTri a:hover, #breadcrumbIh a:hover, #breadcrumbWorsley a:hover, #breadcrumbOrdsall a:hover, #breadcrumbStakeholder a:hover, #breadcrumbMain a:focus, #breadcrumbTri a:focus, #breadcrumbIh a:focus, #breadcrumbWorsley a:focus, #breadcrumbOrdsall a:focus, #breadcrumbStakeholder a:focus {
text-decoration: underline;
}

#breadcrumb .sep {
padding: 0 0.4em;
}

#homecontent, #homecontentTri, #homecontentIh, #homecontentOrdsall, #homecontentWorsley {
padding-top: 16px;
}

#home1 {
float: left;
width: 200px;
}

#home1 li.welcome {
height: 5.89em;
padding: 0.2em 0.25em 0 0.25em;
background: #e74098;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.welcome p a {
display: block;
height: 5.02em;
padding-top: 0.4em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
border: 1px solid #fff;
background: url(template/go.png) no-repeat 155px 3.4em;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.welcome p a span {
display: block;
margin: 0.4em 0 0.1em 0;
font-size: 1.8em;
font-weight: bold;
}

#home1 li.extra {
height: 2.8em;
margin: 1em 0;
padding: 0.2em 0.25em 0 0.25em;
background: #66bee2;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.extra p a {
display: block;
line-height: 2.32em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: url(template/go.png) no-repeat 155px center;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.enews {
height: 2.8em;
margin: 1em 0;
padding: 0.2em 0.25em 0 0.25em;
background: #ffbd4f;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.enews p a {
display: block;
line-height: 2.32em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: url(template/go.png) no-repeat 155px center;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home1 li.events {
height: 9.5em;
background: #fff;
border: 3px solid #ffe700;
}

#home2 {
float: left;
margin: 0 10px;
width: 524px;
height: 25em;
color: #fff;
}

#homecontentOrdsall #home2 {
height: 31em;
}

#homecontentOrdsall #home2 img {
vertical-align: top;
margin-top: 2px;
}

#home3 {
float: left;
width: 200px;
}

#home3 li.latestnews {
background: #ffbd4f;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home3 li.latestnews p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #ffbd4f /*url(template/go.png) no-repeat 155px center*/;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home3 li.latestnews p.content {
height: 8.32em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home3 li.highlights {
background: #e74098;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home3 li.highlights p a {
color: #1d4872;
font-weight: bold;
text-decoration: underline;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#home3 li.highlights p a:hover {
color: #67859f;
}

#home3 li.highlights p a.title {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #e74098 url(template/go.png) no-repeat 155px center;
text-decoration: none;
}

#home3 li.highlights p.content {
height: 8.02em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
-moz-border-radius: 15px;
-webkit-border-radius: 14px;
}

#siteinfo {
display: block;
position: relative;
border-top: 1px solid #c8c8c8;
margin-top: 3em;
padding-top: 16px;
}

#siteinfo li {
float: left;
display: block;
padding: 0.7em 2em;
}

#siteinfo li a {
color: #000;
text-transform: lowercase;
}

#siteinfo li a:hover, #siteinfo li a:focus {
text-decoration: underline;
}

#siteinfo li.logo {
margin-top: -0.6em;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

#contentMain {
background: #fff url(template/contentback-summer.gif) repeat-y;
}

#contentTri {
background: #fff url(template/contentbacktri.gif) repeat-y;
}

#contentIh {
background: #fff url(template/contentbackih.gif) repeat-y;
}

#contentOrdsall {
background: #fff url(template/contentbackordsall.gif) repeat-y;
}

#contentWorsley {
background: #fff url(template/contentbackworsley.gif) repeat-y;
}

#contentStakeholder {
background: #fff url(template/contentback-stakeholder.gif) repeat-y;
}

#firstcontent {
background: #fff url(template/firstcontentback-summer.gif) repeat-y;
}

#pagecontentwrapper {
padding-top: 120px;
background: url(template/contentcurves-summer.jpg) no-repeat 180px top;
}

#firstpagecontentwrapper {
padding-top: 120px;
background: url(template/firstcontentcurves-summer.jpg) no-repeat 640px top;
}

#contentTri #pagecontentwrapper {
background: url(template/contentcurvestri.jpg) no-repeat 180px top;
}

#contentIh #pagecontentwrapper {
background: url(template/contentcurvesih.jpg) no-repeat 180px top;
}

#contentOrdsall #pagecontentwrapper {
background: url(template/contentcurvesordsall.jpg) no-repeat 180px top;
}

#contentWorsley #pagecontentwrapper {
background: url(template/contentcurvesworsley.jpg) no-repeat 180px top;
}

#contentStakeholder #pagecontentwrapper {
background: url(template/contentcurves-stakeholder.jpg) no-repeat 180px top;
}

#sectionnavMain, #sectionnavTri, #sectionnavIh, #sectionnavOrdsall, #sectionnavWorsley, #sectionnavStakeholder {
float: left;
width: 160px;
margin-bottom: 10px;
padding: 0 10px;
}

#pagecontent {
float: left;
width: 524px;
margin: 0 30px;
}

#firstpagecontent {
float: left;
width: 704px;
margin: 0 30px;
}

#sitefunctionsMain, #sitefunctionsTri, #sitefunctionsIh, #sitefunctionsOrdsall, #sitefunctionsWorsley, #sitefunctionsStakeholder {
float: left;
width: 160px;
padding: 0 10px;
}

#pagefooterimage {
clear: both;
margin-top: 100px;
height: 45px;
}

.pagefooterimage-shoppingeatingwalking {
background: url(template/footertext-shoppingeatingwalking.gif) no-repeat;
}

.pagefooterimage-shortbreaksbusinesshotels {
background: url(template/footertext-shortbreaksbusinesshotels.gif) no-repeat;
}

.pagefooterimage-heritagemuseumsgalleriesparks {
background: url(template/footertext-heritagemuseumsgalleriesparks.gif) no-repeat;
}

.pagefooterimage-swimmingcyclingrunning {
background: url(template/footertext-swimmingcyclingrunning.gif) no-repeat;
}

.pagefooterimage-historyghostsdiscovery {
background: url(template/footertext-historyghostsdiscovery.gif) no-repeat;
}

.pagefooterimage-worsleyquayschapelst {
background: url(template/footertext-worsleyquayschapelst.gif) no-repeat;
}

.pagefooterimage-canalheritagewoods {
background: url(template/footertext-canalheritagewoods.gif) no-repeat;
}

#contentMain h2, #contentTri h2, #contentIh h2, #contentOrdsall h2, #contentWorsley h2, #pagecontent h2, #firstcontent h2 {
font-weight: bold;
margin: 1em 0 1em 0;
font-size : 1.5em;
}

#pagecontent p, #firstpagecontent p {
margin: 1em 0;
}

#pagecontent a, #firstpagecontent a, #ordsallHomeFunctions a, #triHomeFunctions a, #worsleyHomeFunctions a {
color: #1d4872;
font-weight: bold;
text-decoration: underline;
}

#ihHomeFunctions a {
color: #e7d1b5;
font-weight: bold;
text-decoration: underline;
}

#ihHomeFunctions a:hover {
color: #fff;
}

#pagecontent a:hover, #firstpagecontent a:hover, #ordsallHomeFunctions a:hover, #triHomeFunctions a:hover, #worsleyHomeFunctions a:hover {
color: #67859f;
}

#pagecontent a:focus {
border: 1px dotted #555;
}

#pagecontent ul, #pagecontent ol {
list-style: disc;
margin: 1em 0 1em 1em;
}

#pagecontent ul li, #pagecontent ol li {
margin-left: 1em;
}

#sectionnavMain ul, #sitefunctionsMain fieldset, #sectionnavTri ul, #sitefunctionsTri fieldset, #sectionnavIh ul, #sitefunctionsIh fieldset, #sectionnavOrdsall ul, #sitefunctionsOrdsall fieldset, #sectionnavWorsley ul, #sitefunctionsWorsley fieldset, #sectionnavStakeholder ul, #sitefunctionsStakeholder fieldset, #pagecontent, #firstpagecontent {
margin-top: -90px;
}

#sectionnavMain li, #sitefunctionsMain li, #homenavTri li, #homenavIh li, #homenavWorsley li, #homenavOrdsall li, #sectionnavTri li, #sitefunctionsTri li, #sectionnavIh li, #sitefunctionsIh li, #sectionnavOrdsall li, #sitefunctionsOrdsall li, #sectionnavWorsley li, #sitefunctionsWorsley li, #sectionnavStakeholder li, #sitefunctionsStakeholder li {
margin-bottom: 4px;
}

#sectionnavMain li a, #sitefunctionsMain li a {
display: block;
padding: 3px 8px;
height: 1%;
background: #34a8da;
color: #fff;
border: 1px solid #0180b6;
}

#sectionnavMain li a:hover, #sectionnavMain li a:focus, #sitefunctionsMain li a:hover, #sitefunctionsMain li a:focus {
background: #66bee2;
color: #fff;
}

#homenavTri li a, #sectionnavTri li a, #sitefunctionsTri li a {
background: #8da3b8;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#homenavTri li a:hover, #sectionnavTri li a:hover, #sectionnavTri li a:focus, #sitefunctionsTri li a:hover, #sitefunctionsTri li a:focus {
background: #015289;
}

#homenavIh li a, #sectionnavIh li a {
background: #daae6d;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#sitefunctionsIh li a {
background: #595758;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#homenavIh li a:hover, #sectionnavIh li a:hover, #sectionnavIh li a:focus, #sitefunctionsIh li a:hover, #sitefunctionsIh li a:focus {
background: #d19a47;
}

#homenavOrdsall li a, #sectionnavOrdsall li a {
background: #956960;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#sitefunctionsOrdsall li a {
background: #956960;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#homenavOrdsall li a:hover, #sectionnavOrdsall li a:hover, #sectionnavOrdsall li a:focus, #sitefunctionsOrdsall li a:hover, #sitefunctionsOrdsall li a:focus {
background: #7b4237;
}

#homenavWorsley li a, #sectionnavWorsley li a {
background: #f7a35b;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#sitefunctionsWorsley li a {
background: #f7a35b;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#homenavWorsley li a:hover, #sectionnavWorsley li a:hover, #sectionnavWorsley li a:focus, #sitefunctionsWorsley li a:hover, #sitefunctionsWorsley li a:focus {
background: #c9252c;
}

#homenavStakeholder li a, #sectionnavStakeholder li a {
background: #409092;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#sitefunctionsStakeholder li a {
background: #409092;
display: block;
padding: 3px 8px;
height: 1%;
color: #fff;
border: 1px solid #fff;
}

#sectionnavStakeholder li a:hover, #sectionnavStakeholder li a:focus {
background: #006b6e;
}

#sitefunctionsStakeholder li a:hover, #sitefunctionsStakeholder li a:focus {
background: #006b6e;
}

#sectionnavMain ul li ul, #sectionnavTri ul li ul, #sectionnavIh ul li ul, #sectionnavOrdsall ul li ul, #sectionnavWorsley ul li ul, #sectionnavStakeholder ul li ul,
#homenavTri ul li ul, #homenavIh ul li ul, #homenavOrdsall ul li ul, #homenavWorsley ul li ul {
margin-top: 4px;
}

#sitefunctionsMain, #sitefunctionsTri, #sitefunctionsIh, #sitefunctionsOrdsall, #sitefunctionsWorsley, #sitefunctionsStakeholder {
margin-bottom: 10px;
}

#sectionnavMain ul li ul li a {
background: #66bee2;
color: #fff;
}

#sectionnavMain ul li ul li a:hover {
color: #fff;
}

#homenavTri ul li ul li a, #sectionnavTri ul li ul li a {
background: #e0bed1;
color: #961f5f;
}

#homenavTri ul li ul li a:hover, #sectionnavTri ul li ul li a:hover {
color: #fff;
}

#homenavIh ul li ul li a, #sectionnavIh ul li ul li a {
background: #e9cda3;
color: #000;
}

#homenavIh ul li ul li a:hover, #sectionnavIh ul li ul li a:hover {
color: #fff;
}

#homenavOrdsall ul li ul li a, #sectionnavOrdsall ul li ul li a {
background: #bfa49d;
color: #fff;
}

#homenavOrdsall ul li ul li a:hover, #sectionnavOrdsall ul li ul li a:hover {
color: #fff;
}

#homenavWorsley ul li ul li a, #sectionnavWorsley ul li ul li a {
background: #fac69a;
color: #000;
}

#homenavWorsley ul li ul li a:hover, #sectionnavWorsley ul li ul li a:hover {
color: #fff;
}

#sectionnavStakeholder ul li ul li a {
background: #409092;
color: #000;
}

#sectionnavStakeholder ul li ul li a:hover {
color: #fff;
}

#firstpagecontent ul {
width: 76%;
margin: 0 auto;
}

#firstpagecontent li {
float: left;
margin: 2em;
}

#firstpagecontent li a {
display: block;
width: 114px;
height: 150px;
}

#sitefunctionsMain fieldset {
border: 1px solid #0192d1;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #34a8da;
color: #fff;
}

#sitefunctionsTri fieldset {
border: 1px solid #fff;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #8da3b8;
}

#sitefunctionsIh fieldset {
border: 1px solid #fff;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #595758;
}

#sitefunctionsOrdsall fieldset {
border: 1px solid #fff;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #956960;
}

#sitefunctionsWorsley fieldset {
border: 1px solid #fff;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #f7a35b;
}

#sitefunctionsStakeholder fieldset {
border: 1px solid #fff;
margin-bottom: 1em;
padding: 3px 8px;
color: #fff;
background: #409092;
}

#sitefunctionsMain fieldset p, #sitefunctionsTri fieldset p, #sitefunctionsIh fieldset p, #sitefunctionsOrdsall fieldset p, #sitefunctionsWorsley fieldset p, #sitefunctionsStakeholder fieldset p {
padding: 3px 0;
}

#sitefunctionsMain fieldset a {
color: #fff;
}

#sitefunctionsTri fieldset a, #sitefunctionsIh fieldset a, #sitefunctionsOrdsall fieldset a, #sitefunctionsWorsley fieldset a, #sitefunctionsStakeholder fieldset a {
color: #fff;
}

#sitefunctions fieldset a:hover, #sitefunctions fieldset a:focus {
text-decoration: underline;
}

fieldset {
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
margin: 0 0 15px 0;
padding: 10px;
}

legend {
font-weight: bold;
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
padding: 5px;
}

table {
clear: both;
}

th {
font-weight: bold;
}

th, td {
padding: 5px;
border: 1px solid #fff;
border-left: 0;
vertical-align: top;
}

div.black_border {
clear: both;
border: 1px #6b5f6d solid;
width: 100%;
margin-bottom: 15px;
}

#pagecontent div.black_border p {
margin: 7px 10px 7px 10px;
}

.black_border ul, .black_border ol {
margin: 7px 10px 7px 35px;
}

.pale_back {
background: #fde1ef;
}

.pale_grey {
background: #efebef;
}

.blue {
color: #06f;
}

.charcoal {
color: #6b5f6d;
}

.gold {
color: #fc3;
}

.green {
color: #008000;
}

.navy {
color: #000080;
}

.orange {
color: #f8ac28;
}

.purple {
color: #800080;
}

.red {
color: #f00;
}

.teal {
color: #096;
}

.centre {
text-align: center;
}

.left {
float: left;
margin: 0 5px 5px 0;
}

.right {
float: right;
margin: 0 0 5px 5px;
}

#pagecontent p.right {
float: right;
margin: 0 0 5px 5px;
padding: 0;
}

#pagecontent p.right img {
display: block;
margin-bottom: 1em;
}

.subheader {
font-size: 1.3em;
font-weight: bold;
}

h3 {
margin: 1em 0;
font-size: 1.3em;
font-weight: bold;
}

div.black_border h3 {
margin: 1em 10px;
font-size: 1.2em;
font-weight: bold;
}

#skipcontent {
position: absolute;
width: 944px;
margin: 0 auto;
background: transparent;
color: #fff;
text-indent: -600em;
z-index: -1;
}

#skipcontent:focus, #skipcontent:hover, #skipcontent:active {
display: block;
margin: -10px 0 0 0;
padding: 0.5em 0;
font-weight: bold;
background: #ca8eb0;
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-indent: 1em;
z-index: 5;
}

#whatsOn p {
margin-top: 2px;
margin-bottom: 2px;
padding: 5px;
}

.hidden {
display: none;
}

#signup {
display: none;
}

.gallery {
margin: 0 auto 10px auto;
width: 450px;
}

.homeFeatureImage {
float: right;
margin: 0 0 5px 5px;
}

/* Section home page specific styles */

.top {
margin-bottom: 11px;
}

.bottom {
margin-top: 11px;
}

#homecontentTri {
background: #fff url(template/contentbacktrihome.gif) repeat-y;
}

#homecontentIh {
background: #fff url(template/contentbackihhome.gif) repeat-y;
}

#homecontentOrdsall {
background: #fff url(template/contentbackordsallhome.gif) repeat-y;
}

#homecontentWorsley {
background: #fff url(template/contentbackworsleyhome.gif) repeat-y;
}

#homecontentTri #home3, #homecontentIh #home3, #homecontentWorsley #home3 {
width: 220px;
}

#homenavTri, #homenavIh, #homenavOrdsall, #homenavWorsley {
float: left;
width: 160px;
margin-top: -6px;
margin-bottom: 0;
padding: 0 10px;
}

#homenavTri {
margin-bottom: 6px;
}

#homenavOrdsall p {
margin: 0.7em 0;
}

#ordsallHomeFunctions {
float: left;
width: 220px;
}

#ordsallHomeFunctions li.box {
padding: 1em;
height: 9.52em;
border: 3px solid #7b4237;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#ordsallHomeFunctions li.box img {
margin-top: 0.5em;
}

#ordsallHomeFunctions li.latestnews {
background: #c3972e;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#ordsallHomeFunctions li.latestnews p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #c3972e url(template/go.png) no-repeat 175px center;
}

#ordsallHomeFunctions li.latestnews p.header {
display: block;
/*line-height: 2.3em;*/
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
}

#ordsallHomeFunctions li.latestnews p.content {
height: 8.32em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
}

#ordsallHomeFunctions li.highlights {
background: #7b4237;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#ordsallHomeFunctions li.highlights p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #7b4237 url(template/go-ordsall-highlights.gif) no-repeat 175px center;
text-decoration: none;
}

#ordsallHomeFunctions li.highlights p.content {
height: 8.02em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
}

#ihHomeFunctions {
float: left;
width: 220px;
}

#ihHomeFunctions li.box {
padding: 1em;
height: 9.52em;
color: #fff;
background: #000;
border: 3px solid #d19a47;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#ihHomeFunctions li.box img {
margin-top: 0.5em;
}

#ihHomeFunctions li.latestnews {
background: #d19a47;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#ihHomeFunctions li.latestnews p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #d19a47 url(template/go-ih.gif) no-repeat 175px center;
}

#ihHomeFunctions li.latestnews p.header {
display: block;
/*line-height: 2.3em;*/
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
}

#ihHomeFunctions li.latestnews p.content {
height: 8.32em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
}

#ihHomeFunctions li.highlights {
background: #d19a47;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#ihHomeFunctions li.highlights p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #d19a47 url(template/go-ih-highlights.gif) no-repeat 175px center;
text-decoration: none;
}

#ihHomeFunctions li.highlights p.content {
height: 8.02em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
}

#triHomeFunctions {
float: left;
width: 220px;
}

#triHomeFunctions li.box {
padding: 1em;
height: 9.52em;
border: 3px solid #015289;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#triHomeFunctions li.box img {
margin-top: 0.5em;
}

#triHomeFunctions li.latestnews {
background: #015289;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#triHomeFunctions li.latestnews p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #015289 url(template/go-tri.gif) no-repeat 175px center;
}

#triHomeFunctions li.latestnews p.header {
display: block;
/*line-height: 2.3em;*/
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
}

#triHomeFunctions li.latestnews p.content {
height: 8.32em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
}

#triHomeFunctions li.highlights {
background: #015289;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#triHomeFunctions li.highlights p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #015289 url(template/go-tri-highlights.gif) no-repeat 175px center;
text-decoration: none;
}

#triHomeFunctions li.highlights p.content {
height: 8.02em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
}

#worsleyHomeFunctions {
float: left;
width: 220px;
}

#worsleyHomeFunctions li.box {
padding: 1em;
height: 9.52em;
border: 3px solid #c9252c;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#worsleyHomeFunctions li.box img {
margin-top: 0.5em;
}

#worsleyHomeFunctions li.latestnews {
background: #c9252c;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#worsleyHomeFunctions li.latestnews p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #c9252c url(template/go-worsley.gif) no-repeat 175px center;
}

#worsleyHomeFunctions li.latestnews p.header {
display: block;
/*line-height: 2.3em;*/
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
}

#worsleyHomeFunctions li.latestnews p.content {
height: 8.32em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
}

#worsleyHomeFunctions li.highlights {
background: #c9252c;
margin-bottom: 1em;
padding: 0.2em 0.25em 0 0.25em;
height: 11.8em;
}

#worsleyHomeFunctions li.highlights p a {
display: block;
line-height: 2.3em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
background: #c9252c url(template/go-worsley-highlights.gif) no-repeat 175px center;
text-decoration: none;
}

#worsleyHomeFunctions li.highlights p.content {
height: 8.02em;
background: #fff;
margin-top: 0.2em;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
}

strong.title {
font-size: 1.2em;
/*letter-spacing: -0.8px;*/
}

#eventdetails img {
margin-right: 2em;
border: 1px solid #0192d1;
}

img#destinationworsley {
position: absolute;
top: 10px;
right: 0;
}

/* Heritage Hotspots styles */

#hotspots {
position: relative;
margin: 0 auto;
width: 561px;
}

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

ul#hh-home {
clear: both;
position: absolute;
margin: 0;
padding: 0;
width: 125px;
top: 315px;
right: 30px;
}

ul#hh-home li, ul#hh-spots li {
clear: both;
margin: 0;
padding: 0;
}

#firstpagecontent ul#hh-home li a {
margin: 5px 0 0 0;
padding: 0;
width: 125px;
height: 31px;
}

#firstpagecontent ul#hh-spots li a {
position: absolute;
margin: 0;
padding: 0;
display: block;
width: 16px;
height: 16px;
background: url(template/trans.gif);
}

#hh-spots span {
position: absolute;
text-indent: -1000em;
}

#hh-chapelale {
top: 215px;
left: 520px;
}

#hh-philip {
top: 220px;
left: 490px;
}

#hh-chapelheritage {
top: 226px;
left: 506px;
}

#hh-cathedral {
top: 210px;
left: 503px;
}

#hh-trinity {
top: 199px;
left: 513px;
}

#hh-peel {
top: 211px;
left: 478px;
}

#hh-museum {
top: 196px;
left: 472px;
}

#hh-crescent {
top: 185px;
left: 463px;
}

#hh-working {
top: 213px;
left: 461px;
}

#hh-joule {
top: 200px;
left: 450px;
}

#hh-salfordlads {
top: 236px;
left: 474px;
}

#hh-ordsallhall {
top: 272px;
left: 463px;
}

#hh-quaystrail {
top: 269px;
left: 448px;
}

#hh-thequays {
top: 256px;
left: 439px;
}

#hh-shipcanal {
top: 251px;
left: 423px;
}

#hh-bartonlocks {
top: 273px;
left: 250px;
}

#hh-cityairport {
top: 274px;
left: 225px;
}

#hh-chatmoss {
top: 299px;
left: 126px;
}

#hh-irlamhall {
top: 374px;
left: 155px;
}

#hh-wooldenhall {
top: 353px;
left: 60px;
}

#hh-cliftoncountry {
top: 52px;
left: 319px;
}

#hh-staugustines {
top: 102px;
left: 347px;
}

#hh-victoriapark {
top: 129px;
left: 359px;
}

#hh-civiccentre {
top: 124px;
left: 318px;
}

#hh-builehill {
top: 183px;
left: 353px;
}

#hh-ecclesale {
top: 206px;
left: 332px;
}

#hh-montongreen {
top: 195px;
left: 298px;
}

#hh-bartonaqueduct {
top: 249px;
left: 305px;
}

#hh-stmarks {
top: 161px;
left: 157px;
}

#hh-worsleycourt {
top: 157px;
left: 180px;
}

#hh-packethouse {
top: 167px;
left: 193px;
}

#hh-bridgewatercanal {
top: 186px;
left: 185px;
}

#hh-worsleyvillage {
top: 163px;
left: 223px;
}

#hh-wardleyhall {
top: 84px;
left: 244px;
}

#hh-blackleachcountry {
top: 42px;
left: 203px;
}

#hover-chapelale, #hover-philip, #hover-chapelheritage, #hover-cathedral, #hover-trinity, #hover-peel, #hover-museum, #hover-crescent, #hover-working, #hover-joule, #hover-salfordlads, #hover-ordsallhall, #hover-quaystrail, #hover-thequays, #hover-shipcanal, #hover-stmarks, #hover-worsleycourt, #hover-packethouse, #hover-bridgewatercanal, #hover-wardley, #hover-worsleyvillage, #hover-blackleach, #hover-clifton, #hover-staugustines, #hover-victoriapark, #hover-civiccentre, #hover-builehill, #hover-ecclesale, #hover-montongreen, #hover-bartonaqueduct, #hover-bartonlocks, #hover-cityairport, #hover-chatmoss, #hover-irlamhall, #hover-wooldenhall {
position: absolute;
top: -9px;
left: -9px;
}

/* Food and Drink Hotspots styles */

ul#fd-home1 {
clear: both;
position: absolute;
margin: 0;
padding: 0;
width: 125px;
top: 315px;
right: 80px;
}

ul#fd-home2 {
clear: both;
position: absolute;
margin: 0;
padding: 0;
width: 125px;
top: 315px;
right: -60px;
}

ul#fd-home1 li, ul#fd-home2 li, ul#fd-spots li {
clear: both;
margin: 0;
padding: 0;
}

#firstpagecontent ul#fd-home1 li a, #firstpagecontent ul#fd-home2 li a {
margin: 5px 0 0 0;
padding: 0;
width: 125px;
height: 31px;
}

#firstpagecontent ul#fd-spots li a {
position: absolute;
margin: 0;
padding: 0;
display: block;
width: 16px;
height: 16px;
background: url(template/trans.gif);
}

#fd-spots span {
position: absolute;
text-indent: -1000em;
}

#fd-coach {
top: 419px;
left: 122px;
}

#fd-mambo {
top: 364px;
left: 133px;
}

#fd-antelope {
top: 66px;
left: 135px;
}

#fd-woodside {
top: 133px;
left: 167px;
}

#fd-gilbert {
top: 161px;
left: 153px;
}

#fd-tung {
top: 153px;
left: 182px;
}

#fd-ambiente {
top: 160px;
left: 202px;
}

#fd-milan {
top: 187px;
left: 179px;
}

#fd-bridgewater {
top: 189px;
left: 199px;
}

#fd-barton {
top: 186px;
left: 218px;
}

#fd-bilash {
top: 103px;
left: 341px;
}

#fd-puccini {
top: 121px;
left: 309px;
}

#fd-chopsticks {
top: 122px;
left: 324px;
}

#fd-valley {
top: 126px;
left: 339px;
}

#fd-isis {
top: 131px;
left: 368px;
}

#fd-cromptons {
top: 203px;
left: 280px;
}

#fd-felicini {
top: 196px;
left: 317px;
}

#fd-m30 {
top: 201px;
left: 345px;
}

#fd-grapes {
top: 240px;
left: 269px;
}

#fd-lion {
top: 222px;
left: 301px;
}

#fd-pacifica {
top: 229px;
left: 322px;
}

#fd-smiths {
top: 221px;
left: 330px;
}

#fd-lamb {
top: 228px;
left: 339px;
}

#fd-punters {
top: 169px;
left: 466px;
}

#fd-crescent {
top: 221px;
left: 483px;
}

#fd-oxford {
top: 218px;
left: 495px;
}

#fd-kings {
top: 214px;
left: 507px;
}

#fd-addy {
top: 230px;
left: 511px;
}

#fd-river {
top: 222px;
left: 520px;
}

#fd-eastzeast {
top: 213px;
left: 528px;
}

#fd-lowry {
top: 268px;
left: 426px;
}

#fd-lime {
top: 257px;
left: 420px;
}

#fd-pizza {
top: 266px;
left: 431px;
}

#fd-pond {
top: 257px;
left: 437px;
}

#fd-rouge {
top: 256px;
left: 426px;
}

#fd-chiquito {
top: 263px;
left: 445px;
}

#fd-frankie {
top: 265px;
left: 449px;
}

#fd-copthorne {
top: 272px;
left: 454px;
}

#fd-exchange {
top: 267px;
left: 464px;
}

#hover-addy, #hover-ambiente, #hover-antelope, #hover-barton, #hover-bilash, #hover-bridgewater, #hover-chiquito, #hover-chopsticks, #hover-coach, #hover-copthorne, #hover-crescent, #hover-cromptons, #hover-dining, #hover-eastzeast, #hover-exchange, #hover-felicini, #hover-frankie, #hover-gilbert, #hover-grapes, #hover-isis, #hover-kings, #hover-lamb, #hover-lime, #hover-lion, #hover-lowry, #hover-m30, #hover-mambo, #hover-milan, #hover-oxford, #hover-pacifica, #hover-pizza, #hover-pond, #hover-pucinni, #hover-punters, #hover-river, #hover-rouge, #hover-smiths, #hover-tung, #hover-valley, #hover-woodside {
position: absolute;
top: -9px;
left: -9px;
}

.gallery {
margin: 0 auto;
width: 450px;
}

.gallery img {
display: none;
border: 1px solid black;
text-align: center;
}

.mp3embed {
float: right;
margin: 0 0 10px 10px;
width: 210px;
}

.youtubeembed {
margin: 0 auto 15px auto;
width: 425px;
}

.rightboxed {
float: right;
width: 200px;
margin: 0 0 10px 10px;
padding-right: 10px;
background: #e3e2e8;
border: 1px solid #6b5f6d;
}

.rightboxed h3, .rightboxed p {
margin: 10px;
}

#player {
margin: 10px auto;
width: 500px;
text-align: center;
}