body {
	background:#F7F2F3; /*#F9F9EE; #F7F7F2; #D9DDC8;*/
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small; 
        line-height: 1.6; 
	color: #333;
	text-align: center;
	margin: 2px 0px 5px 0px;
	padding: 0;
}

dt {font-size: 11px} 
dd {font-size: 11px; font-style:italic;}

.smalltext  {  font-size: smaller;} 

/*the look of the swimming page is slightly different to the others: */
.swimming { background: #FAEDC3; }

#swimmingHead {
	height: 127px;
	width: 700px;
	background: #F5D8AE;
	/*border-bottom: 1px solid #B0B7A6;*/
	margin: 0;
	padding: 0;
}


#swimnav {
	margin: 0px;
	padding: 3px;
	background: #F7E6C1; 
	border-width: 1px 0px 1px 0px;
        border-style: solid;
        border-color:  #B0B7A6;
       }



#swimnav a:hover {
	font-weight: bold;
	color:#c90; /* #727B68;*/
        border-bottom: 1px dashed #c90;
	background: #F7E6C1;
	}

/*the look of the birds page is slightly different to the others: */
.birds { background: #F5EFD3; }

#birdHead {
	height: 150px;
	width: 700px;
	background: #F5D8AE;
	/*border-bottom: 1px solid #B0B7A6;*/
	margin: 0;
	padding: 0;
}


#birdnav {
	margin: 0px;
	padding: 3px;
	background: #F5EED6; 
	border-width: 1px 0px 1px 0px;
        border-style: solid;
        border-color:  #B0B7A6;
       }



#birdnav a:hover {
	font-weight: bold;
	color:#c90; /* #727B68;*/
        border-bottom: 1px dashed #c90;
	background: #F5EED6;
	}



/*to use to separate gardening and home page entries*/
hr {   margin:0px 0px 2px 0px; 
    	 border-style: dashed;
	 color: #f9eee8;
       width:480x}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #615C56;
	}

h3 	{
	font-size:120%;
       /* color: #B0B7A6;*/
	}

#web h3 	{
	font-size:130%;
      color: #333;
      margin: 0px;
      padding: 0px;
		}

a, a:visited {
	font: bold small Georgia, "Times New Roman", Times, serif;
        color: #727B68;/*#67767A;*/
	text-decoration: none;
	border-bottom: 1px dashed #000;
            }

a:hover {
	font-weight: bold;
	color: #727B68;
        background: #D9DDC8;
	border-bottom: 1px dashed #000;
	}

ul {
	padding: 0 0 0 4px;
	margin: 2em 200px 2em 2em;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif);
}
li {
	margin: 0 0 0 3px;
	text-align: justify;
}


img {	
	display: block;
	border: 0;
}

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

img.gardenright {
	border: 1px solid #000;
	margin: 0px 2px 1px 10px;
	float: right;
}

/*define some properties of full-size images viewed in pop-ups (eg terrace photo)*/
img.popup {
	border: 1px solid #000;
	margin: 0px 10px 0px 30px;
	float: none;
	position: relative; 
	display:block;
}

/*style="float: none; position: relative; display:block;"*/

#wrapper {	
	background: #FFF;
	padding: 0;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #B0B7A6;
}

/*this defines the wrapper for the rainfall page*/
#rainfall {	
	background: #fff;
	padding: 0;
	width: 500px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #B0B7A6;
}


#container {
	margin: 0px 10px 0 0;
	padding: 15px 10px 10px 10px;
	
}
#container p {
	margin-right: 150px;
	text-align: justify;
      /*font-size: 100%;*/
}

#gardenAreasContainer {
	margin: 0px 10px 0 0;
	padding: 15px 10px 10px 10px;
	
}
#gardenAreasContainer  p {
	margin-right: 40px;
	text-align: justify;
      /*font-size: 100%;*/
}

#rainfallContainer {
	margin: 0px 10px 0 0;
	padding: 15px 10px 10px 10px;
	
}
#rainfallContainer p {
	margin-right: 100px;
	text-align: justify;
      /*font-size: 100%;*/
}


#header {
	height: 190px;
	width: 700px;
	background: #f7f0ea; 
	/*border-bottom: 1px solid #B0B7A6;*/
	margin: 0;
	padding: 0;
}



/*set up some styles for the form items on  contact me page*/
.widgets {background:  #D9DDC8; 
	   font:  12px Georgia, "Times New Roman", Times, serif;
	   border: 1px ridge #B0B7A6;
 	   color: #67767A;
 }

.formtext {background:  #EDEFEF; 
	   font:  12px Georgia, "Times New Roman", Times, serif;
 	   color: #333;
 }



#nav {
	margin: 0px;
	padding: 3px;
	background: #EDEFEF; 
	border-width: 1px 0px 1px 0px;
        border-style: solid;
        border-color:  #B0B7A6;
	}

#nav a:active	{
	background: #9CB2B8;
	color: #fff;
}


#end a:link, #end a:visited {
	border-right: none;
	width: 100px;
}
#leftend a:link, #leftend a:visited {
	border-left: none;
}

#rightSide {
	float: right;
	width: 150px;
	margin: 15px 10px 0 10px;
	border-left: 1px dashed #9CB2B8;
	padding: 0 0 0 10px;
}
#rightSide p {
	margin-right: 0;
	font-size: 11px;
	text-align: left;
}
#rightSide a, #rightSide a:visited {
	font-size: 11px;
	line-height: 1.5;
	font-weight: normal;
	color: #c30;
	border-bottom: 1px dashed #c30; 
}


#rightSide h4 {
	   color: #c30;	
        font-weight: bold;
	  text-align: center;
        font-size: 110%;
        padding: 0px;

}

#rightSide ul {
	padding: 0 0 0 4px;
	margin: 1em;
	text-align: left;
	list-style-type: none;
	list-style-image: url(../i/bullet.jpg);
}

#garden { border: 1px dashed #990;
          padding: 0px 1px 2px 5px;}

#garden a, #garden a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #727B68;
      text-decoration: none;
     }

 /* #garden a:hover {
	border-bottom: 0px;
        color: #c93;
        background: #fff;
        text-decoration: underline;
     }*/

#garden h4 {
	color: #990;
      padding: 0px;
      margin: 5px 0px 5px 0px;	
      font-weight: bold;
	text-align: center;
      font-size: 100%;
	}

#viewLarger a, #viewLarger a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #727B68;
      text-decoration: none;
     }

#viewLarger img{
	border: 1px}



#web {
	margin: 0px 10px 0 0;
	padding: 10px;
	}

#web p {
	margin-right: 150px;
	text-align: justify;
	font-size: 100%;
	}


#websites {
	float: right;
	width: 180px;
      margin: 15px 10px 0 15px;
	border-left: 1px dashed #9CB2B8;
	padding: 0 0 0 10px;
}

#websites p {
	margin-right: 0;
	font-size: 11px;
	text-align: left;
}
#websites a, #websites a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #c30;
        border-bottom: 1px dashed #c30;
}

#websites a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #696;
        background: #fff;
              }


#websites h4 {
	color: #c30;	
      font-weight: bold;
	text-align: center;
}


#books {
	margin: 0px 10px 0 0;
	padding: 10px;
	
}
#books p {
	margin-right: 150px;
	text-align: justify;
	font-size: 100%;
}

#booksList {
	float: right;
	width: 200px;
	margin: 20px 10px 0px 15px;
	border-left: 1px dashed #9CB2B8;
	padding: 0 0 0 10px;
}
#booksList p {
	margin-right: 0;
	font-size: 10px;
	text-align: left;
      }
#booksList h3 {
	color: #c30;
	text-align: center;
}

#booksList a, #booksList a:visited, #booksList a:hover  {
	font-size: 11px;
	font-weight: normal;
	color: #c30;
	border: 0px;
      line-height: 18px;
}

#booksList a:hover {
	color: #360;
      background: #fff;
      border-bottom: 1px #360 dashed
       }

#mainhead {
	color: #c30;
	font-size: 200%;
	margin: 0;
}
#underhead {
	font-size: 140%;
	margin: 0;
	padding: 0;
}


#toplink a, #toplink a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #c30;
}

#toplink a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #696;
      background: #fff;
              }


#footer {		
	width: 700px;
	background: #f7f0ea; /*#9CB2B8;*/
	padding: 0 0 4px 0px;
	margin: 0px;
	border-top: 1px solid #B0B7A6;
}
#footer p {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0 10px 0 0;
	text-align: right;
}
#footer a {
	font-weight: normal;
	font-size: 10px;
}
#footer strong {
	color: #000;
}
.hideit {
	display: none;
}

/* on the rainfall page we use a table (yes, really) to layout the rainfall data
   so lets style the table */
table { border: 1px solid #963;
	 border-right: 0px;
 	 font-family: hlevetica, arial, sans-serif;
	font-size: 11px }
th { 	border-bottom: 1px dashed #963; 
	border-right: 1px solid #963;
	padding: 3px;
	background: #f9eee8}
td { 	border-bottom: 1px dashed #963; 
	border-right: 1px solid #963;
	vertical-align: top; 
	padding: 3px}
.lastrow { border-bottom: 0px }

.raintext  {  font-size: 11px;  font-family: helvetica, arial, sans-serif;
} 

#close { border: 0px dashed #990;
          padding: 0px 1px 2px 5px;}

#close a, #close a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #727B68;
      text-decoration: none;
     }


/*a div to highlight recent news in a 'box' - eg recently completed work */
#highlight {    border: 1px solid #333;
		width:428px;
		padding: 5px;
		}

/* this is a bit of a hack - on some 'long' pages I set up a named 'top' anchor
  for a 'back to top' link - I don't want this to be underlined like other links....*/
.top { border-bottom: 0px}

/*..and this is another hack for other anchored links...*/
.anchor { border-bottom: 0px;
	    color:#333;
	    font-weight:normal}