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

/* global settings - start */

/*
this is global setting stuff on which to
be able to build more flexibly
*/

*,
html{
margin:0;
padding:0;
}

body{
/*font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background: #fff url('/grafix/heads/ilf-town-bgd.gif') repeat-y;
color:#036;
}

#header{ /* there are specific settings for different headers later */
position:absolute;
top:0;
left:0;
height:220px;
width:100%;
}

h1{
font-weight:bold;
font-size:1.4em;
}

h2{
font-weight:bold;
font-size:1.1em;
}

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

h4{
font-weight:bold;
font-size:1em;
}

h5{
font-weight:bold;
font-style:italic;
font-size:1em;
}

h6{
font-weight:bold;
font-size:1em;
}

#content p,
#content ol,
#content ul,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
margin-bottom:1.5em;
}

body#town #content h2,
body#about #content h2,
body#town #content h3,
body#about #content h3{
margin-bottom:0;
color:#03c;
}

body#centre #content h2{
margin-bottom:0.5em;
color:#069;
}

body#centre #content h3{
margin-bottom:0;
color:#069;
}

h2 + h3{/* does not work in ie6 windows */
margin-top:1em;
}

#content p{
line-height:1.5em;
}

img{
border:0;
float:left;
margin: 3px 15px 5px 0;
}

a{
text-decoration:none;
}

#content ul,
#content ol{
padding-left:1.5em;
}

/* global settings - end */

/* specifics for headers and body backgrounds of three sections of site - start */

body#town{
background: #fff url('/grafix/heads/ilf-town-bgd.gif') repeat-y;
}

body#about{
background: #fff url('/grafix/heads/ilf-about-bgd.gif') repeat-y;
}

body#centre{
background: #fff url('/grafix/heads/ilf-centre-bgd.gif') repeat-y;
}

body#town #header{
background: #fff url('/grafix/heads/ilfracombe-town.jpg') 0 0 no-repeat;
}

body#about #header{
background: #fff url('/grafix/heads/ilfracombe-about.jpg') repeat-y;
}

body#centre #header{
background: #fff url('/grafix/heads/ilfracombe-centre.jpg') repeat-y;
}

/* specifics for headers and body backgrounds of three sections of site - end */

/* content stuff - start */

#content{
margin:227px 220px 0 270px;
padding-bottom:100px;
width:470px;
}

/*
pad and clear ensures depth of content
is always at least 500px to be same as
leftnav section
*/

#pad{
float:right;
height:500px;
width:1px;
}

#clear{
clear:right;
height:1px;
width:50px;
}

#newsitem{
margin-top:2.5em;
}

body#town #newsitem h2,
body#about #newsitem h2,
body#centre #newsitem h2
{
font-size:1em;
font-weight:bold;
background-color:#184499;
color:#fff;
padding:3px 5px;
margin-bottom:0.5em;
}

/*body#town #newsitem h2{
color:#fff;
}

body#centre #newsitem h2{
background-color:#006599;
color:#fff;
}

body#about #newsitem h2{
background-color:#184499;
color:#fff;
}*/

#newsitem h3{
font-size:1.1em;
font-weight:bold;
color:#036;
}

#newsitem h3,
#newsitem p{
margin-bottom:0.3em;
}

#newsitem a:link,
#newsitem a:visited{
font-style:italic;
color:#00f;
}

#newsitem a:hover {
color:#b22;
border-bottom:1px dotted #b22;
}

#content a:link,
#content a:visited{
color:#00f;
font-style:italic;
}

#content a:hover{
color:#b22;
border-bottom:1px dotted #b22;
font-style:italic;
}

/* content stuff - end */

#topnav{
position:absolute;
top:145px;
left:30px;
/* z-index:500; */
height:75px;
width:660px;
list-style:none;
}

#topnav li a span{
position:relative;
top:-250px;
}

#topnav li{
float:left;
height:75px;
width:220px;
}

#topnav li a{
display:block;
height:75px;
width:220px;
}

body#town #topnav li.town-here a:link,
body#town #topnav li.town-here a:visited,
body#town #topnav li.town-here a:hover{
background:transparent url(/grafix/topnavs/ilf-town-here.jpg) no-repeat;
}

body#town #topnav li.centre-off a:link,
body#town #topnav li.centre-off a:visited{
background:transparent url(/grafix/topnavs/ilf-town-centre-on-off.jpg) 0 -75px no-repeat;
}

body#town #topnav li.about-off a:link,
body#town #topnav li.about-off a:visited{
background:transparent url(/grafix/topnavs/ilf-town-about-on-off.jpg) 0 -75px no-repeat;
}

body#town #topnav li.centre-off a:hover{
background:transparent url(/grafix/topnavs/ilf-town-centre-on-off.jpg) 0 0 no-repeat;
}

body#town #topnav li.about-off a:hover{
background:transparent url(/grafix/topnavs/ilf-town-about-on-off.jpg) 0 0 no-repeat;
}

body#centre #topnav li.centre-here a:link,
body#centre #topnav li.centre-here a:visited,
body#centre #topnav li.centre-here a:hover{
background:transparent url(/grafix/topnavs/ilf-centre-here.jpg) no-repeat;
}

body#centre #topnav li.about-off a:link,
body#centre #topnav li.about-off a:visited{
background:transparent url(/grafix/topnavs/ilf-centre-about-on-off.jpg) 0 -75px no-repeat;
}

body#centre #topnav li.town-off a:link,
body#centre #topnav li.town-off a:visited{
background:transparent url(/grafix/topnavs/ilf-centre-town-on-off.jpg) 0 -75px no-repeat;
}

body#centre #topnav li.about-off a:hover{
background:transparent url(/grafix/topnavs/ilf-centre-about-on-off.jpg) 0 0 no-repeat;
}

body#centre #topnav li.town-off a:hover{
background:transparent url(/grafix/topnavs/ilf-centre-town-on-off.jpg) 0 0 no-repeat;
}

body#about #topnav li.about-here a:link,
body#about #topnav li.about-here a:visited,
body#about #topnav li.about-here a:hover{
background:transparent url(/grafix/topnavs/ilf-about-here.jpg) no-repeat;
}

body#about #topnav li.town-off a:link,
body#about #topnav li.town-off a:visited{
background:transparent url(/grafix/topnavs/ilf-about-town-on-off.jpg) 0 -75px no-repeat;
}

body#about #topnav li.centre-off a:link,
body#about #topnav li.centre-off a:visited{
background:transparent url(/grafix/topnavs/ilf-about-centre-on-off.jpg) 0 -75px no-repeat;
}

body#about #topnav li.town-off a:hover{
background:transparent url(/grafix/topnavs/ilf-about-town-on-off.jpg) 0 0 no-repeat;
}

body#about #topnav li.centre-off a:hover{
background:transparent url(/grafix/topnavs/ilf-about-centre-on-off.jpg) 0 0 no-repeat;
}

/* top navigation bar stuff - end */

/* leftnav stuff start */

#leftnav{
position:absolute;
top:225px;
font-size:1em;
}

#leftnav img{
display:block;
clear:left;
margin-left:50px;
}

#leftnav h3{
clear:left;
}

#leftnav h3 a:link,
#leftnav h3 a:visited{
display:block;
width:210px;
height:18px;
color:#036;
font-weight:bold;
/*font-size:1.2em;*/
padding:2px 0 0 40px;
}

#leftnav h3 a:hover{
background-color:#fff;
}

#leftnav ul{
clear:left;
list-style:none;
margin:5px 0;
/*line-height:220%;*/
}

#leftnav li a:link,
#leftnav li a:visited{
display:block;
padding:2px 0 0 50px;
color:#03c;
font-weight:normal;
margin-bottom:0em;
height:18px;
width:220px;
}

#leftnav a:link.urhere,
#leftnav a:visited.urhere,
#leftnav a:hover.urhere{
display:block;
background:#fff url(/grafix/leftnavs/leftnav-urhere-arrow.gif) 10px 3px no-repeat;
color:#036;
height:18px;
}

#leftnav a:hover{
background-color:#fff;
}

/*body#town #leftnav a:link.urhere,
body#town #leftnav a:visited.urhere,
body#town #leftnav a:hover.urhere,
body#town #leftnav li a:link,
body#town #leftnav li a:visited{
color:#03c;
}

body#centre #leftnav a:link.urhere,
body#centre #leftnav a:visited.urhere,
body#centre #leftnav a:hover.urhere,
body#centre #leftnav li a:link,
body#centre #leftnav li a:visited{
color:#069;
}

body#about #leftnav a:link.urhere,
body#about #leftnav a:visited.urhere,
body#about #leftnav a:hover.urhere,
body#about #leftnav li a:link,
body#:about #leftnav li a:visited{
color:#03c;
}*/

/* leftnav stuff end */

#gallery{
position:absolute;
left:780px;
top:220px;
width:180px;
height:520px;
}

#gallery img{
margin-bottom:5px;
}

#wagt_map_1{
border:1px solid #999;
}

/* meetings calendar stuff start */

table.meetings{
border-collapse:collapse;
border:0;
width:500px;
margin:0 0 2em 0;
}

table.meetings caption{
margin:0 0 1em 0;
text-align:left;
font-weight:bold;
color:#00f;
}

table.meetings tr{
height:1.5em;
}

table.meetings col.day{
width:7em;
}

table.meetings col.date{
width:3em;
}

table.meetings col.event{

}

/* meetings calendar stuff end */
 
div.thumbgallery{
border-bottom:1px solid #999;
padding:10px 0;min-height:110px;
height:auto !important;
height:110px;
}

#content div.thumbgallery p{
margin:0;
}