/* seaside.css - http://www.lincolnshireseaside.co.uk
Copyright OurOwnWebsite, Marie Claret Marketing & BizOrg 2006
*/


html {
  scrollbar-arrow-color: red;
  scrollbar-base-color: #3399FF;
  scrollbar-dark-shadow-color: #FFFFFF;
  scrollbar-track-color: #3399FF;
  scrollbar-face-color: yellow;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: red;
  scrollbar-3d-light-color: #FFFFFF;
}
body {
  background-color: #fbfbc0;
    margin-left:4px;
  margin-right:4px;
  margin-top:9px;
  margin-bottom:9px;
}

body.whatson {
  background-color: #fbfbc0;
    margin-left:4px;
  margin-right:4px;
  margin-top:9px;
  margin-bottom:9px;
}
body,td,th {
  font-family: Arial, Helvetica, sans-serif;
  color: #1f1f1f;
  font-weight: bold;
}

a:link {
  color: #9b2101;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #9b2101;
}
a:hover {
  text-decoration: underline;
  color: #691700;
}
a:active {
  text-decoration: none;
  color: #FFFFFF;
}
.p2s_instr {
font-weight: bold;
font-size: 13pt;
color: #3399FF;
}
.style1{
color: #FFFF00
}
.style2 {
font-size: small
         }
.style4 {font-size: 12px}
.style4butt {
font-size: 12px;
width: 60px;
background-color: #FF0000;
text-align: center;
}
.style8 {color: #FF0000}
.style11 {color: #009999}
.style12 {color: #000099}
.style13 {
  color: #FFFF00;
  font-weight: bold;
}
.style14 {color: #02498f}
.mainnav {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #3399FF;
  border: 1px solid #3399FF;
}
.mainnav:link {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  background-color: #FFFFFF;
  display: block;
}
.mainnav:visited {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  display: block;
  background-color: #FFFFFF;
}
.mainnav:hover {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background-attachment: fixed;
  background-color: #3399FF;
  display: block;
}
.categories {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #3399FF;
  border: 1px solid #3399FF;
  height:  45px;
  vertical-align: middle;
}

.categories:link {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  background-color: #FFFFFF;
  display: block;
}
.categories:visited {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  display: block;
  background-color: #FFFFFF;
}
.categories:hover {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-attachment: fixed;
  background-color: #3399FF;
  display: block;
}
.category_nf {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #FFFFFF;
  border: 1px solid #3399FF;
  height: 45px;
}
h1.results {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #624905;
text-decoration: underline;
}
.resultsheader {
text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  width: 30%;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #FF0000;
  }

p.disclaimer_include {
font-size: 12px;
font-weight: normal;
text-align: center;
background-color #0099FF;
color: #000099;
margin-left: 12px;
margin-right: 12px;
}

/* rollover start */
.roll-button {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFff;
  text-decoration: none;
  display: block;
  background-image: url('/images/button.jpg');
  background-repeat: no-repeat;
  width: 60px;
  height: 20px;
  text-align: center;
  vertical-align: baseline;
}

.roll-button:link {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFCC;
  text-decoration: none;
  display: block;
  background-image: url('/images/button.jpg');
  background-repeat: no-repeat;
  width: 60px;
  height: 20px;
  text-align: center;
  vertical-align: baseline;
  padding-top: 1px ;
}

.roll-button:visited {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFCC;
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-image: url('/images/button.jpg');
  width: 60px;
  height: 20px;
  text-align: center;
  vertical-align: baseline;
}

.roll-button:hover {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  background-image: url('/images/button_do.jpg');
  background-repeat: no-repeat;
  width: 60px;
  height: 20px;
  text-align: center;
  vertical-align: baseline;
}
.roll-button:active {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  background-image: url('/images/button_do.jpg');
  background-repeat: no-repeat;
  width: 60px;
  height: 20px;
  text-align: center;
  vertical-align: baseline;
}

/* rollover end */
.t2d_categories {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #3399FF;
  border: 1px solid #3399FF;
  height:  30px;
  vertical-align: middle;
}

.t2d_categories:link {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  background-color: #FFFFFF;
    height: 30px;
  display: block;
}
.t2d_categories:visited {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #3399FF;
  text-decoration: none;
  display: block;
    height: 30px;
  background-color: #FFFFFF;
}
.t2d_categories:hover {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-attachment: fixed;
  background-color: #3399FF;
    height: 30px;
  display: block;
}
.t2d_category_nf {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #FFFFFF;
  border: 1px solid #3399FF;
  height: 30px;
}
h1.whatson {
margin-top: 0;
padding-top:0;
margin-bottom: 0;
padding-bottom:0;
font-family: Arial, Helvetica, sans-serif;
font-face: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
}
table.townheader {
background-color: #FF3300;
}
table.ltblue {
background-image: url('/images/bg-lb.gif');
color: #0099ff;
}
td.ltblue {
color: #0099ff;
font-weight: normal;
font-size: 13px;
}
td.divider {
background-color: #FFFF00;
height: 10px;
font-size: 10px;
color: #000099;
text-align: center;
}
div.float {
  float: left;
  padding: 20px;
  }

div.float p {
   text-align: center;
   font-size: 8px;
   }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
text-decoration: none;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px ;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: 60px; /*position where enlarged image should offset horizontally */

}
.textlink:link {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
  background-color: #3399ff;
}
.textlink:visited {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
  background-color: #3399FF;
}
.textlink:hover {
  color: #3399FF;
  text-decoration: none;
  background-color: #FFFFFF;
}

.ltblue_textlink:link {
  font-weight: bold;
  color: #0099FF;
  text-decoration: underline;
}
.ltblue_textlink:visited {
  font-weight: bold;
  color: #0099ff;
  text-decoration: underline;
}
.ltblue_textlink:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0099FF;
}

.whats-on-header { color:#006633; }