/* CSS Document */

h1 {
padding: 0;
margin: 0;
}

#header {
overflow:hidden;
height: 0;
}

#banner {
margin: 0;
float: left;
padding: 10px 0 10px 15px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003300;
line-height: 15px;
text-align: justify;
background-color: #EBFFD7;
}


#wrapper {
margin-left: auto;
margin-right: auto;
border: 1px solid #FFFFFF;
background-color: #EBFFD7;
width: 900px;
height: auto;
}

.pagetitle {
font-size: 16px;
color: #003300;
font-weight: bold;
padding: 0 0 0 10px;
margin: 0;
}

#masthead {
padding: 0;
margin: 0;
background-color: #EBFFD7;
width: 900px;
}

#masthead img {
padding: 10px 10px 5px 18px;
float: left;
}

#masthead p{
float: right;
padding: 20px 12px 5px 15px;
font-size: 10px;
}

#footer {
background-color: #EBFFD7;
width: 900px;
clear: both;
height: 20px;
padding-bottom: 20px;
}

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

#footer a:hover {
background-color: transparent;
color: #003300;
}

#footer p{
font-size: 11px;
font-weight: bold;
color: #003300;
padding: 5px 0 5px 10px;
text-align: center;
}

a:link, a:visited  {
background-color: transparent;
color: #003300;
text-decoration: none;
font-weight:bold;
}

a:hover {
background-color: transparent;
color: #003300;
font-weight:bold;

}


#navList {
border-top: 3px solid #BFD189;
background-color: #FFFFFF;
float: left;
width: 860px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 8px;
float: left;
padding: 5px 0 10px 15px;
}


#navList ul {
	list-style: none;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	float: right;
}
#navList li {
	display: inline;
}
#navList a:link, #navList a:visited { 
	padding: 3px 10px 2px 10px; 
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}
#navList a:hover {
	color: #003300;
	font-weight: bold;
}

#pagebottom {
width: 872px;
border-top: 3px solid #FFFFFF;
background-color: #183201;
margin-left: 8px;
padding-top: 5px;
float: left;
}

#content {
background-color: #EBFFD7;
width: 850px;
float: left;
margin: 0;
padding: 10px 10px 10px 25px;
}

#content p{
padding: 0 5px 5px 10px;
text-align: justify;
line-height: 17px;
}

#content a:link, #contentnavList a:visited { 
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	color: #003300;
	font-weight: bold;
}

.indexpics {
margin: 0;
padding-left: 5px;
float: left;
}

.wrappiccyright{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.wrappiccyleft{
float: left;
margin-right: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.piccyborder {
border: 2px solid #FFFFFF;
}

hr {
border: none;
background-color: #BFD189;
color: #BFD189;
height: 4px;
padding: 0;
}

#contactpage {
margin-left: 150px;
}

.leftbutton {
float:left;
padding: 0;
margin-left: 75px;
}

.datatable tr:hover, .datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}

.gallerypics {
float: left;
margin: 5px;
border: 3px solid #fff;
}

#todo {
width: 720px;
margin:0 0 0 40px;
padding: 0;
}

#todo img{
margin: 5px;
}

#cottagelist{
margin: 10px 0 0 15px;
padding: 0;

}

#cottagelist li{
display: inline;
text-decoration: none;
list-style-type: none;
font-weight: bold;
font-size: 14px;
}