body {
font-family: helvetica, arial, sans-serif;
background: #fff;
margin: 0;
padding: 0;
}

a img { border: 0; }

pp { margin: 0; padding: 0; }

a:link, a:visited { text-decoration: none; color: #000; }

a:hover {
background-color: #d4e7e8; }

#wrapper {
width: 990px;
background: #fff;
margin: 0 auto;
}

/* HEADING STUFF */

#navtop { background: #fff; }

#navtop ul, #footer ul { margin: 0; padding:0; list-style-type: none; }

#navtop ul li, #footer ul li { 
margin: 0; 
padding: 0 0 0 5px;
list-style-type: none; 
display: inline;
border-left: 1px dotted #555;
font-size: 0.9em;
font-weight: 600;
}

#navtop ul li.first, #footer ul li.first { border-left: 0; }

#navtop ul li a:link, #footer ul li a:link { 
text-decoration: none;
color: #333;
}

#header {
position: relative;
background: #3b6a6e url('logo.gif') 7px 10px no-repeat;
height: 86px;
}

#header div.head1 { 
float: left;
color: #fff;
padding: 10px 0 0 200px;
font-size: 32px;
width: 450px;
font-weight: 100;
}

#header div.head1 span.contrast { 
color: #fdde8e;
}

#header div.head2 {
float: left;
color: #fff;
padding: 10px 0 0 200px;
font-size: 24px;
width: 400px;
}

#header div.date {
position: absolute;
top: 10px;
right: 0;
margin-right: 10px;
color: #fff;
font-weight: 600;
}

#srchbox {
position: absolute;
top: 40px;
right: 0;
height: 30px;
width: 260px; 
margin: 0;
}

fieldset.searchboxfs {
border: 0;
margin: 0;
padding: 0;
}

#srchbox .myinput  { 
float: right;
margin: 5px 2px 0 0;
border: 0; 
font-size: 14px;
padding: 2px;
width: 200px;
background: #fff;
}

#srchbox .butt-submit { 
float: right;
width: 40px;
height: 28px;
margin: 1px 9px 0 0;
cursor: pointer;
}

/* MAIN CONTENT */

#colOne {
width: 180px;
margin-left: 0;
float: left;
display: inline;
overflow: hidden;
}

div.plainBox, div.centerBox {
margin-top: 10px;
}

div.green h2, #breadcrumb.green {
background: #3b6a6e;
}

div.yellow h2 {
background: #f05a00;
}

div.red h2 {
background: #851431;
}

div.centerBox {
border-style: solid;
border-color: #3b6a6e;
border-width: 0 1px 1px;
background: #fff;
}

div.plainBox h2, div.centerBox h2 {
margin: 0;
padding: 1px 0 2px 10px;
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: left;
}

div.centerBox h2 {
background-image: none;
padding-left: 10px;
}

h2 a:link, h2 a:visited  {
color: #fff;
text-decoration: none;
}

h2 a:hover {
color: #fff;
text-decoration: underline;
}

h2 a img {
margin-left: 10px;
border: 0;
}

.showhide, #pichide {
float: right;
font-size: 10px;
margin: 4px 2px 0 0;
cursor: pointer;
height: 17px;
width: 17px;
background: url('sprite.gif');
background-position: -1px 0;
text-indent: -9999px;
}
#pichide { margin: 1px -3px 0 0; background-position: 0 -32px; } 
.gone { background-position: -18px 0 !important; }
.picgone { background-position: -17px -32px !important; }

.showhide a:link, .showhide a:visited {
color: #fff !important;
text-decoration: none !important;
}

.showhide a:hover {
text-decoration: underline !important;
background-color: transparent;
}

.intShowit { display: block; }
.intHideIt { display: none; }

div.plainBox ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div.plainBox ul li {
margin: 0;
padding: 0;
display: inline;
}

div.plainBox ul li a {
display: block;
padding: 5px 10px;
color: #000;
text-decoration: none;
border-top: 1px solid #fff;
}

div.green ul li a  {
background: #d4e7e8;
}

div.green ul li a:hover  {
background: #95c0c4;
}

div.yellow ul li a  {
background: #fce2b4;
}

div.yellow ul li a:hover  {
background: #fbcb81;
}

div.red ul li a  {
background: #eedfe0;
}

div.red ul li a:hover  {
background: #deb4b9;
}

div.yellow ul li.selected a, div.yellow ul li.selected a:link, div.yellow ul li.selected a:visited { 
background: #fbcb81;
}

#fontsize {
display: block;
padding: 12px 0 12px 20px;
margin: 0;
position: relative;
top: 4px;
}

#fontsize ul {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}

#fontsize ul li {
margin: 0;
padding: 0;
display: inline;
}

#fontsize ul li a {
margin: 0;
padding: 2px;
border: 1px solid #3b6a6e;
background-color: #fff;
}
#fontsize ul li span {
display: none;
}

#fontsize ul li.medium {
font-size: 12px;
}
#fontsize ul li.larger {
font-size: 15px;
}
#fontsize ul li.largest {
font-size: 18px;
}

#col23 {
float: right;
display: inline;
margin-right: 0;
}

#colTwo {
width: 610px;
margin: 0 10px 0 0;
float: left;
display: inline;
}

.wide {
width: 800px !important;
margin-right: 0 !important;
}

#colTwo h2 {
margin: 0;
padding: 3px 0;
font-size: 1.4em;
}

#breadcrumb { 
color: #fff;
margin: 10px 0;
border: 1px solid #3b6a6e;
font-size: 0.9em !important;
}

#bcbox {
padding: 2px 10px 2px 10px;
color: #fdde8e;
font-weight: 900;
}

a.bc { 
color: #fff !important;
text-decoration: none !important; 
font-weight: 900;
}

a:hover.bc { 
background-color: transparent !important;
text-decoration: underline !important; 
}

h1#title {
color: #000;
margin: 0;
padding: 5px 0 5px 10px;
background: #fff;
font-size: 1.8em;
}

#colTwo a {
text-decoration: underline; 
color: #000;
}

#atoz ul {
margin: 0 auto;
text-align: center;
padding: 5px 0;
list-style-type: none;
background: #fff;
height: 24px;
display: block;
width: 580px;
}

#atoz ul li {
margin: 0;
padding: 0;
font-size: 18px;
display: inline;
}

#atoz ul li a:link, #atoz ul li a:visited  { float: left; width: 1.2em; background: #fff; }
#atoz ul li.selected  a { background: #95c0c4; }
#atoz ul li a:hover, #atoz ul li a:active { background: #D4E7E8 !important; }

#mainpic {
width: 610px;
height: 200px;
margin-top: 10px; 
position: relative;
overflow: hidden;
}
#mainpic.picgone{  }

#picCaption {
height: 18px;
position: absolute;
bottom: 0;
right: 0;
background: #fff;
width: 596px;
padding: 7px;
text-align: left;
font-weight: 700;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
/* for Mozilla */
-moz-opacity:0.7;
}

#picCaption span a, #picCaption span a:visited {
color: #000;
text-decoration: none;
}

#picCaption span a:hover {
text-decoration: underline;
}

div.content {
padding: 0;
background: #fff;
}

#newsheading { position: relative; height: 1%; }

#morenews { position: absolute; right: 0; bottom: 0; z-index: 10;
 background: #3b6a6e; width: 120px; text-align: center;}

#morenews a:link, #morenews a:visited { position: relative; color: #fff; font-weight: 700; padding: 1px 5px;}

#morenews a:hover { color: #000; text-decoration: underline; background: transparent;}


#news div.newsrow { float: left; display: inline; width: 290px; margin: 10px 0 10px 10px; }

#newsheading #news div.newsrow {  }

#news div.newspic  {
height: 70px;
width: 70px;
float: left; 
display: inline;
}
#news div.newspic a img {border: 0; }

#news div.newsbody {
width: 200px;
float: left;
display: inline;
margin-left: 10px;
}

#news div.last { margin-bottom: 15px !important;}

#news h3 { margin: 0; padding: 0; font-size: 1.2em; }

#centerBottom { margin: 0; height: 1%; }

#centerLeft {
width: 300px;
float: left;
}

#lutonline, #lutonbody { position: relative; height: 1%;} /* yet another item for peek-a-boo text */

#lutonbody a img {
border: 0 solid #000;
}

.bold { font-weight: 700; }

#centerRight {
width: 300px;
float: right;
}

#sparebody {
padding-bottom: 10px;
}

#sparebody ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#sparebody ul li {
padding-bottom: 6px;
font-size: 14px;
}

#sparebody ul li a {
font-weight: 900;
color: #000;
text-decoration: none;
}

td.half-col { width: 50%; }
div.half-col { width: 49%; float: left; display: inline; margin-bottom: 12px; }

img.pageImage {
float: left;
margin: 0 10px 0 0;
border: 0 solid #000;
}

.moviefile { float: left; margin: 0 10px 0 0; }

.linebreak { clear: both; height: 1px; margin-bottom: 10px;}

#contactInfo { zoom: 1; padding-bottom: 10px; }
#contDetails { width: 60%; float: left; margin: 10px 0 0 10px; }
#contMap { width: 33%; float: right; text-align: left; margin: 10px 10px 0 0; }
.searchfrmflass { margin: 0; padding: 0; }

#pageSummary {  }

#explore a:link, #explore a:visited {
color: #000;
text-decoration: none;
background: transparent;
}

#explore a:hover {
text-decoration: underline;
}
#explore h2 { zoom: 1; } 

#explorecont { padding-bottom: 7px; }

.sectionbox {
float: left;
width: 185px;
margin: 0;
padding: 6px;
border: 1px solid #fff;
}

.sectionbox:hover { border: 1px solid #ccc; background: #f6f6f6; }

#explore  h3, #explore h3 a:link, #explore h3 a:visited {
margin: 0;
padding: 0 0 0 0;
font-size: 1em;
text-align: left;
background: #f0f0f0;
height: auto;
}

.sectionbox ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.sectionbox li {
display: inline;
margin: 0;
padding: 0 1px 0 1px;
color: #3b6a6e;
}

.sectionbox li {
font-size: 1.2em;
color: #000;
}

.sectionrow {
clear: both;
width: 580px;
margin: 0;
padding: 5px 0 0 7px;
}

.sectionsub {
font-size: 0.8em;
}

.sectionsub a {
text-decoration: none;
}

.sectionbox h3 a, .sectionbox h3 a:visited {
text-decoration: none;
color: #000;
}

.sectionbox h3 a:hover, .sectionsub a:hover {
text-decoration: underline;
}

.sectionclear {
clear: both;
height: 1px;
margin: 0;
padding: 0;
overflow: hidden;
}

#coll-list-lhs ul, #coll-list-rhs ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#coll-list-lhs ul li, #coll-list-rhs ul li {
margin: 0;
padding: 0;
display: inline;
}

#coll-list-lhs ul li a, #coll-list-rhs ul li a {
display: block;
padding: 5px 10px;
background: url('sprite.gif') -36px 8px no-repeat;
text-decoration: none;
color: #000;
}

#coll-list-lhs ul li a:hover, #coll-list-rhs ul li a:hover {
text-decoration: underline;
background-color: #d4e7e8;
}

#flickrImages img {
border: 0;
margin: 9px 12px;
height: 75px;
width: 75px;
}

#flickrImages a:hover { background: none; }
.loading { background: #fff url('wait.gif') no-repeat center center; height: 100px; width: 100px; }

#flickrImages.scroller { width: 350px; height: 190px; overflow: auto; }

#attachments { }
div.attachRow { padding: 5px 10px; }
div.attachRow a { font-weight: 700; }

#attachments ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#attachments ul li {
margin: 0;
padding: 0;
display: inline;
}
#attachments ul li a {
display: block;
padding: 5px 10px;
text-decoration: none;
background: #fff; 
color: #000;
}

#attachments ul li a:hover {
background-color: #d4e7e8;
}

div.calendarheading { text-align: center; font-size: 16px; }

div#evnthead a.calendarnav:hover { background: #F05A00; color: #fff; }

#events-tab table { border-collapse: collapse; }

tr.evHeading { background-color: #95c0c4; }
th.event-header { padding: 10px 0; }
tr.evHomeHeading th.event-header { padding: 0; text-align: left; text-indent: -1000px; line-height: 1px; height: 1px; }
tr.event-row2 { background: #d4e7e8; }

#ev1 {text-align: left;padding-left: 0;}
tr.evHeading #ev1 {padding-left: 10px;}

#evhptable { border-collapse: collapse; width: 420px; }
td.c1, td.c2, td.c3 { padding: 7px 0; }
td.c1, td.c2 { padding-left: 10px; width: 40%; }
td.c1w  { padding: 7px 0 7px 10px; width: 60%; }
td.c3 { text-align: center; width: 20%; }

tr.event-row2 a:hover { background-color: #fff; }

#newsCont { width: 450px; }

ul#nextfewmonths { margin: 0; padding: 0 }

ul#nextfewmonths li { margin: 0 50px 0 0; padding: 0 0 0 20px; display: inline; background: url('/wavemaster.internal/styles/luton/eventicong.gif') no-repeat;}


#colThree {
width: 180px;
float: left;
display: inline;
overflow: hidden;
}

#rNews, #rLinks, #rAdvert, #rNHS {
border-right: 1px solid #3b6a6e;
border-bottom: 1px solid #3b6a6e;
border-left: 1px solid #3b6a6e;
}

#rNews a, #rLinks a, #rNHS a {
background: #fff url('sprite.gif') -36px 8px no-repeat;
}

#rNews a:hover, #rLinks a:hover, #rNHS a:hover, #rAdvert a:hover {
background-color: #d4e7e8; 
}

#cal table {
margin: 0;
padding: 0;
background:  #fce2b4;
width: 100%;
}

#cal th {
text-align: center;
color: #fff;
background-color: #f05a00;
}

#cal td {
text-align: center;
width: 1.6em;
font-size: 1em;
color: #000;
background-color: #fce2b4;
}

#cal td a, #cal td a:visited {
display: block;
color: #000;
padding: 0;
background-color: #fbcb81;
text-decoration: none;
background-image: none;
}

#cal td a:hover {
color: #000;
background-color: #f05a00;
text-decoration: underline;
font-weight: 900;
}

#cal td.cal_today a, #cal td.cal_today a:visited {
background: #f05a00 !important;
}

a.calHeading {
font-weight: 900;
}

ul#Events1, ul#Events2 {
margin: 0;
padding: 0;
display: inline-block;
width: 100%;
}


ul#calEvents li a {
padding-left: 25px !important;
}

#evnthead {
text-align: center;
font-size: 16px;
font-weight: 900;
background: #fce2b4;
}

.evntMonth { display: inline-block; width: 120px; }

div.newline { clear: both; padding-top: 10px; }



#footer { 
clear: both; 
background: #fff; 
padding: 0 10px;
}

.toTop1 { 
margin: 0;
width: 180px;
height: 30px;
text-align: center;
cursor: pointer;
}

.toTop2 {
background: url('sprite.gif') 0 -17px;
display: block;
height: 15px;
width: 15px;
cursor: pointer;
}

hr {
border: 0;
color: #fff;
background-color: #fff;
}

hr.hrSrch {
border-color: #3B6A6E;
border-style: dashed;
border-width: 1px 0 0 0;
height: 1px;
}

div.srchRow, div.srchRow2 {
border-color: #3B6A6E;
border-style: dashed;
border-width: 0 0 1px 0;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 12px;
background: transparent url(sprite.gif) no-repeat scroll -36px 4px;
}

div.srchRow2 { background: none; padding-left: 2px; }

a.srchLink { font-size: 1.2em; }

p.srchDets { margin: 0; padding: 2px 0 2px 12px; }

.buttonlhs {
width: 48%;
margin: 0;
padding: 0;
float: left;
text-align: right;
}

.buttonrhs {
width: 48%;
margin: 0;
padding: 0;
float: right;
text-align: left;
}

#googleText { background: #fce2b4; float: right; text-align: right; }

#footer ul { text-align: center;}

#footer_middle { text-align: center; padding-top: 5px;}