body {margin: 0; padding: 0;
background: #666 url(../images/backgrad.png) repeat-x;
}
td {padding: 5px;}

a {color: #369;}
a:visited {color: #369;}
a:active {color: #666;}
a:hover {color: #666;}

#width {
min-width: 750px;
max-width: 1000px;
margin: 0 auto 12px;
border: 3px solid #369;
border-style: none solid solid;
}
	
/* MASTHEAD */
	
div#banner {
color: #fff;
background-color: #69c;
height: 45px;
}

div#banner2 {
background: white url(../images/waterStrip735px.jpg) repeat-x;
height: 70px;
}

.mastTitle { 
position: absolute;
top: 47px; }

/* TOP NAV */

div.menu { /* filter */
position: relative;
width: 550px;
top: 17px;
left: 200px;
z-index: 3;
}

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

div.menu li {
float: left;
width: 100px;
}

div.menu a, div.menu a:visited {
display: block;
margin: 0 2px;
padding: 5px 0 3px 0;
height: 18px;
text-align: center;
border: 2px #036;
border-style: outset outset hidden outset;
font: bold 13px arial, helvetica, verdana, geneva, sans-serif;
text-decoration: none;
color: #fff;
background: #69c;
}

div.menu a:hover {
background: #369;
border: 2px;
border-color: #000 #ccc #039 #000;
border-style: solid solid hidden solid;
color: #fff;
}

div.menu a:active {
display: block;
margin: 0 2px;
padding: 5px 0 3px 0;
height: 18px;
text-align: center;
border: 2px #036;
border-style: inset inset hidden inset;
background: #69c;
}

/* MAIN BODY */
	
div#container {
background: url(../images/bkgr.gif) repeat-y 0 0;
margin: 0;
padding: 0;
width: 99.9%;
}

/*  LEFT NAV */

div#navigation {
float: left;
width: 150px;
padding-top: .8em;
}

dl.leftnav {
float: left;
margin: 10px 0 0 4px;
padding: 0;
border: 1px #036;
border-style: solid solid none;
}

.leftnav dt {
width: 130px;
padding: 6px 12px 6px 7px;	
color: #036;
background-color: #7BB8F6;
text-decoration: none;
border-bottom: 1px solid #036;
font: bold 13px arial, verdana, helvetica, verdana, geneva, sans-serif;
}

.leftnav dd, .leftnav dd dd { 
margin: 0;
width: 148px;
}
	
.leftnav dd a, .leftnav dd a:visited { 
display: block;
padding: 6px 9px 6px 8px;
font: bold 11px arial, helvetica, verdana, geneva, sans-serif;
color: #369;
background-color: #9cf;
text-decoration: none;
border-bottom: 1px solid #036;
}
	
.leftnav dd a:hover {
background-color: #369;
font-weight: bold;
color: #9cf;
}

.leftnav dd dl {
border-bottom: 1px solid #036;
margin: 0;
}

.leftnav dd dd a, .leftnav dd dd a:visited {
padding: 3px 0 3px 15px;
background: #73b1ef;
font-weight: bold;
border: none;
padding: 5px 0 5px 15px;
}

.leftnav dd dd a.middle {
padding: 3px 0 3px 15px;
}

.leftnav dd dd a:hover {
background-color: #69c;
color: #bcd6fb;
}

dd a.active {
background: #9cf url(../images/pointernav.gif) no-repeat 11.9em .7em;
}

dd a.active:hover {
color: #9cf;
background: #369 url(../images/pointernav_over.gif) no-repeat 11.9em .7em;
}

dd dd a.active, dd dd a.active:visited {
background: #73B1EF url(../images/pointernav_sub.gif) no-repeat 11.9em .6em;
}

dd dd a.active:hover {
background: #69c url(../images/pointernav_subover.gif) no-repeat 11.9em .6em;
}

dl.leftnav.mar{
margin-bottom: 50px;
} 

/* MAIN CONTENT */
	
div#content {
margin: 0 25px 0 175px;
font: 12px verdana, arial, geneva, helvetica, sans-serif;
color: #000;
line-height:normal;
}

div#content h1, div#content h2, div#content h3, div#largeMap h2 {
color: #369;
margin: 0;
padding-top: 12px;
padding-bottom: 0;
white-space: nowrap;
font: bold 18px arial, verdana, geneva, helvetica, sans-serif;
}

div#content h1.margin {
padding-bottom: 30px;
}

div#content h2, div#contentimg h2 {
font-size: 16px; 
padding: 7px 0 14px 2px;
}

div#content h3 {
font-size: 15px; 
margin: 0;
padding-left: 2px;
}

div#content h4 {
font-size: 13px; 
margin: 0;
padding-left: 2px;
}

span.dropCap { /* IE Win */
float: left;
font: 50px arial, verdana, arial, helvetica, geneva, sans-serif;
color: #407fbe;
line-height: 50px;
margin: -6px 7px 0 0;
padding: 0 4px 2px 4px;
border: 1px solid;
border-color: #eee #aaa #aaa #eee;
background: #eef3f8;
}

div#googleads  {
float: right;
width: 120px;
margin: 20px 5px 10px 12px;
}

div#googleads-hor  {
margin: 20px 5px 10px 12px;
}

ul.next {
margin-top: 30px;
padding: 0 22px 0 0;
list-style-type: none;
float: right;
}

.next li {
display: inline-block;
}

.next li a, .next li a:visited  {
margin: 0 2px;
padding: 0 7px 20px 7px;
background: url(../images/next.gif) 0 12px no-repeat;
font-family: arial, helvetica, verdana, geneva, sans-serif;
color: #069;
text-decoration: none;
width: 14px;
}

.next li a.active {
background: #fff url(../images/next_active.gif) 0 12px no-repeat;
color: #666;
}

.next li a:hover, .next li a:hover.active {
background: #fff url(../images/next_over.gif) 0 12px no-repeat;
color: #f96;
}

ul.nextbottom {
margin-top: 20px;
padding: 0 22px 0 0;
list-style-type: none;
text-align: center;
}

.nextbottom li {
display: inline-block;
}

.nextbottom li a, .nextbottom li a:visited  {
margin: 0 2px;
padding: 0 14px 20px 14px;
background: url(../images/next.gif) 0 12px no-repeat;
font-family: arial, helvetica, verdana, geneva, sans-serif;
color: #069;
text-decoration: none;
width: 14px;
}

.nextbottom li a.active {
background: #fff url(../images/next_active.gif) 0 12px no-repeat;
color: #666;
}

.nextbottom li a:hover, .nextbottom li a:hover.active {
background: #fff url(../images/next_over.gif) 0 12px no-repeat;
color: #f96;
}

.imgLeft {
float: left;
margin: 2px 10px 5px 0;
padding: 7px;
border: 1px solid #999;
background: #eee;
font-size: 10px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
text-align: center;
}

.imgRight {
float: right;
margin: 0 10px 5px 10px;
padding: 7px;
border: 1px solid #666;
background: #eee;
}

.imgLeft img, .imgRight img {
border: 1px solid #666;
border-color: #999 #666 #666 #999;
}

.imgLeft span, .imgRight span {
padding: 1px 0;
display: block;
font-size: 10px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
text-align: center;
}

div.box {
padding: 7px 12px;
background: #eef3f8;
border: 1px solid #bbb;
width: 80%;
margin: 24px 0;
font-size: 11px;
}

/* FOOTER NAV */

div#footer {
margin: 30px auto 20px;
border-top: 1px dashed #036;
width: 85%;
}

div#footer ul {
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size: 11px;
list-style-type: none;
margin: 12px 0 0;
padding: 0;
}

div#footer li {
display: inline;
padding: 20px 12px;
text-align: center;
}

#footer span {
display: block;
font: 10px verdana, arial, geneva, helvetica, sans-serif;
color: #666;
margin: 0 15%;
margin-top: 12px;
}

#footer span a, #footer span a:visited {
color: #999;
}

#footer span a:hover {
color: #369;
}

/* images */

div.gallerylist {
background: #eef3f8;
border: 1px solid #dbe1e7;
border: 1px solid #369;
width: 450px;
margin-top: 20px;
padding: 0 0 12px 12px;
background: white url(../images/water2.jpg) no-repeat left bottom;
overflow: auto;
}

.gallerylist ul {
padding-left: 18px;
margin-bottom: 0;
}

.gallerylist li {
padding-bottom: 7px;
font-size: .9em;
color: #444;
}

.gallerylist a {
font-size: 1.2em;
color: #369;
padding-right: 5px;
}

.gallerylist a:hover {
background: transparent;
padding-right: 14px;
color: #966;
background: transparent url(../images/pointer.gif) no-repeat right bottom;
}

.gallerylist ul.left {
float: left;
width: 150px;
}

.gallerylist ul.right {
float: right;
margin-right: 100px;
width: 150px;
}

/*St Lawrence maps */

div.mapcontainer {
background: #eef3f8;
padding: 7px 7px;
border: 1px solid #999;
width: 510px;
margin: 16px 0 20px;
}

div.mapcontainer img {
border: 1px solid #999;
margin: 7px 12px;
}

div.mapcontainer p {
margin: 9px 12px;
font-size: .95em;
}

div#content .mapcontainer h2 {
padding-left: 12px;
padding-bottom: 7px;
font-size: 1.3em;
}

/* Town maps */

div#townmapwrapper {
width: 500px;
border: 1px #369;
border-style: solid none;
background: #F2F7FD;
overflow: auto;
padding: 4px;
}

#townmapwrapper img {
margin: 12px;
border: 1px solid #000;
float: left;
}

#townmapwrapper img.nf {
float: none;
}

#townmapwrapper p {
padding-right: 12px;
}

#townmapwrapper span {
float: left;
padding: 0 4px 2px 4px;
color: #036;
margin-right: 4px;
border: 1px solid #036;
font: 24px verdana, arial, helvetica, geneva, sans-serif;
/*background: #fff;*/
}

#townmapwrapper a {
padding-right: 5px;
}

#townmapwrapper a:hover {
background: transparent;
padding-right: 14px;
color: #966;
background: transparent url(../images/pointer.gif) no-repeat right bottom;
}

/* FORMS */

input, textarea {
margin-top: 7px;
border: 1px solid;
border-color: #c5ddf4 #069 #069 #c5ddf4;
}

div.button input {
border: 1px solid;
border-color: #d0e4f9 #069 #069 #d0e4f9;
background: #69c;
color: #fff;
font-size: 11px;
padding: 2px;
width: 100px;
}

/* FLOATS */
.floatRight {
float: right;
margin: 0 10px 5px 10px;
padding: 2px;
font-size: 10px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
border-width: 1px;
text-align: center;
}
	
.floatLeft {
float: left;
margin: 2px 10px 5px 0;
padding: 0;
font-size: 10px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
border-width: 1px;
text-align: center;
}

#cleardiv, .clearboth {
clear: both;
height: 1em;
}
	
.clearleft {clear: left;}
.clearright {clear: right;}