body { 
color: #333399; 
font-family: Palatino Linotype;
}


/* The "a:..." codes below denotes the colour of text for the page
links and also the colour when you hover the mouse over them
and once you have visted a link */

a:link { color: #333399; text-decoration: none; }
a:visited { color: #333399; text-decoration: none; }
a:hover { color: #9999cc; text-decoration: none; }
a:active { color: #333399; text-decoration: none; }


/* This indents the heading text by 25 pixels.  Controlled in the
main page by the <div class="headin"> command. */

.headin { text-indent: 25px; }



/* Same as above but just creates invisible "padding" around the
text, basically indenting it from all sides. */

.menu { padding: 5px; }



/* The padding for the main text block */

.main { 
    padding-top: 10px;
    padding-right: 95px;
    padding-bottom: 10px;
    padding-left: 35px;
} 
.main2 { 
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
} 


/* Padding for the flower picture to bring it further in from the main text. */

.pic { padding-left: 70px; } 



/* Padding for the contact info so it is inline with the flower picture. */

.contact { padding-left: 70px; } 

table.button {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: white;
}

table.button td {
	border-width: 0px;
	padding: 5px;
	border-style: none;
	background-color: white;
}

td.mainbg {
	background: url('images/main.jpg');
}

td.headerbg {
	background: url('images/headerbg2.jpg');
}

td.menu {
	font-family: Arial;
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
}

td.desc {
	text-indent: 25px;
}