html, body {height:100%}

body {
padding:0;
margin:0;
background:#E7F6FD url(../images/boatblue.jpg) no-repeat top left;
color: #1E6A00;
}

#outer{
height:100%;
min-height:100%;
margin-left:5%;
margin-right:1%;
margin-bottom:-30px;
background: transparent url(../images/platefishchips-cutdown.jpg) no-repeat bottom right;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

h1 {
	font: 90% verdana, garamond, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}	

h2, h3 {
	font: 85% verdana, garamond, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 5px;
	
}

h3 {
	margin-top: 20px;
	margin-bottom: 1px;
	font-style: italic;
	}

p, td, li {
	font: 78% verdana, garamond, helvetica, sans-serif;
	margin: 0;
	padding: 5px 10px 5px 0;
	line-height: 1.50;
	text-align: left;
	}
	
.indent {
	margin-left: 25px;
	margin-bottom: 5px;
	}
	
.small {
	font-size: 80%;
	float: left;
	color: #1E6A00;
	}
.small a {
	color: #1E6A00;
	}
	
ul {
	list-style: none inside;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	}
	
ul li {
	padding-bottom: 5px;
	padding-top: 3px;
	margin-left: 15px;
	}

a:link {
  font-weight: normal;
	text-decoration: none;
	}
	
 a:visited {
  font-weight: normal;
	text-decoration: none;

	}

 a:hover {
  font-weight: normal;
	text-decoration: underline;

	}
	
a:active {
  font-weight: normal;
	text-decoration: none;
	}
	


#header{
color: #000;
/*  text-align:left;  trying to fix jump 
position:relative; */
padding-top:50px;
}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

/* #header img {
	margin-left: 30%;
	} trying to fix jump */
	
#logo {
	margin-left: 30%;
	}

#left {
position:relative;/*ie needs this to show float */
width:5%;/* same as the left margin on #outer*/
float:left;
margin-left:-4%;/*must be 1px less than width otherwise won't push footer down */
padding-top:72px;/*needed to make room for header*/
left:-2px;/* push column into position*/
}
#right {
position:relative;/*ie needs this to show float */
width:1%;/* same as right margin on #outer*/
float:right;
margin-right:-0.5%;/*must be 1px less than width otherwise won't push footer down */
padding-top:72px;/*needed to make room for header*/
left:2px;/* push column into position*/

}


.mainimage {margin-right: 10px;}

#footer {
width:100%;
clear:both;
height:30px;
background-color: transparent;
color: #000000;
text-align:center;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:32px;/* for ie5 */
he\ight:32px;/* for ie6 */
}

 #clearfooter{clear:both;height:25px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:8px}/* combat IE's 3 pixel jog */


#centrecontent {
	margin: 15px 220px 15px 10px;

	}

.images {
	width: 90%;
	text-align:center;
	
	}
	
.images td {
	width: 32%;
	vertical-align:top;
	
	}
	
	
	
	
#narrowcentrecontent {	margin: 15px 280px 15px 10px;}
	
#nav {

	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 150px;
	}
	
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}

#nav li {
	display: inline;
	margin: 0 5px 0 0;
	font-size: 100%;
	font-weight: bold;
	}

#nav a:link, #nav a:visited {
	padding: 3px 10px 2px 10px;
	color: #1E6A00;
	background-color: #E7F6FD;
	text-decoration: none;
	border: 1px solid #1E6A00;
}

#nav a:hover {
	color: #fff;
	background-color: #1E6A00;
	}
	
#menuitems {
	width: 60%;
}

#menuitems td {
	text-align: center;
	border: 1px solid #1E6A00;
	font-size: 90%;
}

#menuitems td h2 {
	font-size: large;
	}

#menuitems td ul {
	margin: 0;
	padding: 5px 5px 5px 0;
	line-height: 1.50;
	font-weight: bold;
	text-align: center;
}

#menuitems td li {
	margin-left: 5px;
	font-weight: normal;
	text-align: left;
	font-size: 100%;
	}
	

.header {
	background: #B3DBE1;
	}
	
#footer a {
		font: 78% verdana, garamond, helvetica, sans-serif;
		}

#othermenu {
	width: 40%;
	float: left;
	}
	
#gfmenu {
	width: 40%;
	float: right;
	}
	
#othermenu td, #gfmenu td {
	text-align: left;
}

#othermenu td h2, #gfmenu td h2 {
	font-size: large;
	}
	
#othermenu td ul, #gfmenu td ul {
	margin: 0;
	padding: 5px 5px 5px 0;
	line-height: 1.50;
	font-weight: bold;
}

#othermenu td li, #gfmenu td li {
	margin-left: 15px;
	font-size: 100%;
	}
	
.notes {
	font-size: medium;
	}

#map {
	border: 3px solid #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
	
.clearall {clear: both;}
/* ****** mosaic styles ****** */
#mosaic{
	margin: 20px;
}

#contentbox{
	position:relative;
	margin:0;
	padding:0;
	width:520px;
	height:300px;
	/*background-image: url(../images/just for you.jpg);*/
	background-position: 0 0;
	background-repeat: no-repeat;
}



#contentbox img{
	border:0;
	margin: 0;
	padding: 0;
}

* html #contentbox a:hover {
	display:inline;
}

#contentbox a span {
	display: none;
}

#contentbox a:hover span {
	display: block;
	position: absolute;
	width: 400px;
	height: 300px;
	top:0;
	left:0;
	border: 0;
}

#img1{
	position:absolute;
	top: 0;
	left: 310px;
}

#img2{
	position:absolute;
	top: 0;
	left: 410px;
	}

#img3{
	position:absolute;
	top: 0px;
	left: 510px;
}

#img4{
	position:absolute;
	top: 0px;
	left: 610px;
}

#img5{
	position:absolute;
	top: 0px;
	left: 710px;
}

#img6{
	position:absolute;
	top: 0px;
	left: 810px;
}