/* CSS Document */

#col1 {
margin: 6px 0px 0px 0px;
}

#col2 {
margin: 6px 0px 0px 1px;
font-family: 'Lato', Arial, sans-serif;
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.3;
font-weight: 400;
}

div.sectiontitle {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
height: 80px;
width: 340px;
}

div.sectiontitle h2 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-family: 'Raleway', Arial, Helvetica, sans-seriff;
font-size: 50px;
font-style: normal;
font-weight: normal;
text-shadow: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 0.8em;
color:#646567;
}

div.pagetitle {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 20px 0px;
width: 400px;

}

div.pagetitle h2 {
padding: 0px 0px 0px 0px; 
margin: 0px 15px 0px 13px;
font-family: 'Raleway', Arial, Helvetica, sans-seriff;
font-size: 50px;
font-style: normal;
font-weight: normal;
text-shadow: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 0.8em;
color:#00ADEF;
}

div.page-photo {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 20px 15px;
width: 379px;
height: 300px;
overflow: hidden;
background-color: #fff;
}


div.homepic {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
height: 400px;
width: 340px;
background-image: url(../assets/nightingale-bird2.jpg);
background-position: top center;
background-repeat: no-repeat;
}

div.slideshow {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 20px 0px;
height: 145px;
width: 409px;
background-image: url(../assets/slideshow.jpg);
background-position: top left;
background-repeat: no-repeat;
}




#mainContent #col2 h3 {
padding: 0px 0px 0px 0px; 
margin: 0px 15px 10px 15px;
font-size: 120%;
font-weight: normal;
text-transform: uppercase;
}

#mainContent #col2 h4 {
padding: 0px 0px 0px 0px; 
margin: 0px 15px 0px 15px;
font-size: 90%;
font-weight: normal;
}

#mainContent #col2 h4 span {
color: #ED008C;
}

#mainContent #col2 h5 {
padding: 0px 0px 0px 0px; 
margin: 0px 15px 15px 15px;
font-size: 12px;
font-weight: bold;
}

#mainContent #col2 p, .listcol2 p {
padding: 0px 0px 0px 0px; 
margin: 0px 15px 15px 15px;
font-size: 12px;
}

#mainContent #col2 ul {
padding: 0px 0px 0px 0px; 
margin: 10px 15px 10px 29px;

}

#mainContent #col2 ul li {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 5px 0px;
font-size: 12px;
}

#mainContent #col2 p.colourTxt {

}

#mainContent #col2 p.boldcolourTxt {
font-size: 13px;
}



#mainContent #col2 p a, #mainContent #col2 a {
padding: 0px 0px 1px 0px; 
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #00ADEF;
border-bottom: #00ADEF 1px solid;
}

#mainContent #col2 p a:hover, #mainContent #col2 a:hover {
padding: 0px 0px 1px 0px; 
margin: 0px 0px 0px 0px;
color: #00ADEF;
border-bottom: #00ADEF 0px solid;
}

#mainContent p strong {
display: inline-block;
width: 130px;
font-weight: normal;
}


#mainContent h3 span {
color: #00ADEF;
}

#quicklinks {
padding: 0px 0px 0px 0px; 
margin: 5px 0px 0px 15px;
width: 225px;
font-family: Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
font-weight: 400;
}

#quicklinks p {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 70%;
line-height: 125%;
}

#quicklinks p a.hotlink {
padding: 3px 0px 0px 0px; 
margin: 0px 0px 15px 0px;
width: 135px;
height: 50px;
text-decoration: none;
color: #ED008C;
font-weight: bold;
display: block;
background-color: #fff;
background-image: url(../assets/hotlink-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p a.hotlink span.spacer {
line-height: 0.7em;
}

#quicklinks p a.hotlink span {
color: #555;
font-weight: normal;
}

#quicklinks p a.hotlink:hover {
background-position: top right;
}

#quicklinks p a.hotlink:hover span {
color: #ED008C;
}

#quicklinks p.clink {
padding: 0px 0px 0px 0px; 
margin: 25px 0px 10px 0px;
font-size: 55%;
font-weight: bold;
line-height: 125%;
}

#quicklinks p.clink2 {
padding: 10px 0px 0px 0px; 
margin: 25px 0px 1px 0px;
font-size: 55%;
font-weight: bold;
line-height: 125%;
clear: both;
}

#quicklinks p.clink3 {
padding: 0px 0px 0px 0px; 
margin: 5px 0px 0px 0px;
font-size: 55%;
font-weight: bold;
line-height: 125%;
}

#quicklinks p.shimmy {
margin: 0px 0px 10px 0px;
float: left;
width: 75px;
height: 41px;
padding: 0px 0px 0px 0px; 
}

#quicklinks p.shimmy2 {
margin: 0px 0px 10px 0px;
float: left;
width: 75px;
height: 51px;
padding: 0px 0px 0px 0px; 
}

#quicklinks p.shimmy3 {
margin: 0px 0px 10px 0px;
float: left;
width: 220px;
height: 51px;
padding: 0px 0px 0px 0px; 
}

#quicklinks p a.lotteryfunded {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 75px;
height: 41px;
display: block;
background-image: url(../assets/lotteryfunded-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p a.lechefunded {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 220px;
height: 41px;
display: block;
background-image: url(../assets/lechefunded-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p a.brighton-hove {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 75px;
height: 41px;
display: block;
background-image: url(../assets/brighton-hove-cc-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}


#quicklinks p a.grand-central {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 75px;
height: 41px;
display: block;
background-image: url(../assets/grand-central.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p.grand-central {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 10px 0px;
width: 75px;
height: 41px;
display: block;
float: left;
background-image: url(../assets/grand-central.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p.grand-central2 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 10px 0px;
width: 55px;
height: 50px;
display: block;
float: left;
background-image: url(../assets/bath-store.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p.grand-central3 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 10px 0px;
width: 110px;
height: 50px;
display: block;
float: left;
background-image: url(../assets/warren-evans.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p.grand-central3 span, #quicklinks p.grand-central2 span {
display: none;
}


#quicklinks p.social {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 55%;
font-weight: bold;
line-height: 125%;
width: 220px;
height: 33px;
}

#quicklinks p.social2 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
font-size: 55%;
font-weight: bold;
line-height: 125%;
width: 220px;
height: 33px;
position: relative;
float: left;
}

#quicklinks p a.facebooklink {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 52px;
height: 33px;
display: inline-block;
background-image: url(../assets/facebook-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#quicklinks p a.twitterlink {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 52px;
height: 33px;
display: inline-block;
background-image: url(../assets/twitter-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}


#quicklinks p a.vimeolink {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 90px;
height: 33px;
display: inline-block;
background-image: url(../assets/vimeo-pink.jpg);
background-position: top left;
background-repeat: no-repeat;
}


#quicklinks p a.lotteryfunded:hover, #quicklinks p a.brighton-hove:hover, #quicklinks p a.grand-central:hover, #quicklinks p a.facebooklink:hover, #quicklinks p a.twitterlink:hover, #quicklinks p a.vimeolink:hover, #quicklinks p a.lechefunded:hover {
background-position: top right;
}


#quicklinks p a.lotteryfunded span, #quicklinks p a.brighton-hove span, #quicklinks p a.grand-central span, #quicklinks p.grand-central span, #quicklinks p a.facebooklink span, #quicklinks p a.twitterlink span, #quicklinks p a.vimeolink span, #quicklinks p a.lechefunded span {
display: none;
}

#mainContent #col2 form {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 15px 15px;
font-size: 12px;
}

#footer a.gotop {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width: 44px;
height: 44px;
z-index: 9997;
position: fixed;
bottom: 20px;
right: 20px;
background-image: url(../assets/gotop.jpg);
background-position: top left;
background-repeat: no-repeat;
opacity: 0.7;
}

#footer a.gotop:hover {
background-position: top right;
}

#footer a.gotop span {
display:none;
}