/* CSS for Garden Plan, assumed to follow default.css */

body {font-family: verdana, sans-serif; font-size: 100%; font-weight: normal; color: black;
      margin-left: 0; margin-top: 0; padding: 0px; background: #FFFFEE}

p, li {font-size: 1.0em; font-weight: normal; font-style: normal; text-align: left}
em {font-size: 1.0em; font-weight: bold; font-style: normal;}
strong {font-size: 1.2em; font-weight: bold; font-style: normal;}

.caption
{display: inline;
	font-size : 0.8em;
        font-weight: normal;
        background-color: inherit;
        vertical-align: baseline;
		text-align: left;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }

.specialbold 
{display: inline;
	font-size : 0.9em;
        font-weight: bold;
        background-color: inherit;
        vertical-align: baseline;
		text-align: left;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }

h1 {color: #66CC88; font-size: 1.2em; font-weight: bold; font-style: normal; text-align: left}
h2 {color: #66CC88; font-size: 1.0em; font-weight: bold; font-style: normal; text-align: left}

img {border-width: 0px; vertical-align: middle}

.contacttable {text-align: left; border: 3px solid #66CC88}

.smallcentered {text-align: center; vertical-align: middle; font-size: 0.7em; font-weight: normal}

/* Centre an image in the immediately containing element */
.lhcol {text-align: center; vertical-align: top; width: 200px}

.mainlogo {vertical-align: top;
border: 3px solid #66CC88; width: 150px; height: 150px}

.maintop {vertical-align: top}

.mainbuttons {text-align: right; vertical-align: top}

.banner {border-width: 0px}

.lhbuttons {text-align: center; vertical-align: top}

.button {border-width: 0px; margin-bottom: 5px }

.mainarea {vertical-align: top}

img.floatLeft {float: left; margin: 4px; border-width: 0px}

img.floatRight {float: right; margin: 4px; border-width: 0px }

img.borderless {border-width: 0px}

.hr1 {color: #66CC88; width: 100%; height: 4px}
.hr2 {color: #66CC88; width: 97%; height: 2px}

a:link {color: blue; text-decoration: underline; }
a:visited { text-decoration: underline;color: purple;}
a:hover {color: red; text-decoration: underline; }
a:active {color: blue; text-decoration: underline; }

#skip a, #skip a:hover, #skip a:visited  
 { 
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
 #skip a:active 
 { 
 position:static; 
 width:auto; 
 height:auto; 
 }