/*	clarol.css	Style sheet for Web pages
	Begun 23/10/05
*/

body	{
	margin:			2% 4% 52px;
	padding:		0;
	background:		white url( media/flower3.jpg ) bottom right no-repeat;
	color:			gray;
	font-family:	Verdana, Helvetica, Geneva, Arial, sans-serif
}

body#welcome	{
	background:	url( media/flower2.jpg ) right no-repeat;
}

/*	divisions	*/

.links	{
	margin-top:		48px;
}

.links ul	{
	margin-bottom:	56px
}

.bodytext	{
	margin-top:		64px;
	margin-right:	25%;
	margin-left:	5%;
}

.bodytext h2, .bodytext h3, .bodytext h4, .formholder h2	{
	margin-right:	24px;
	text-align:		right
}

div.addresses	{
	margin-top:		40px;
	margin-left:	5%
}

p.address	{
	margin-left: 5%
}

.owners	{
	font-size:	66%
}

.owners p	{
	margin:	0
}

/* for forms	*/

body.formholder	{
	margin:			2% 15% 24px 5%
}

div.formbox {
	margin-top:		40px;
	margin-bottom:	40px;
	border:			3px solid #928512;
	text-align: 	center
}

.formbox p	{
	padding:	0 32px 16px 32px
}

div#boxset	{
	margin-left:	5%
}

div.row, div#stopper	{
	clear:	both
}

div#stopper	{
	margin-top:	5%
}

.row label, #stopper label	{
	float:		left;
	width:		320px;
	text-align:	right
}

.row input, .row select, .row textarea	{
	margin-left:	4px
}

input, select	{
	margin-bottom:	4px
}

fieldset	{
	padding-bottom:	8px;
	margin-bottom:	20px
}

fieldset p	{
	margin-left:	12px;
	margin-right:	12px
}

span.boxunit	{
	margin-right:	10%;
	margin-bottom:	20px;
	white-space:	nowrap
}

/*	images	*/

img	{
	border:	0
}

img#logo	{
	float:		left
}

/*	colours	*/

p#tagline, .owners	{
	background-color:	inherit;
	color:				black
}

h1, h2	{
	background-color:	inherit;
	color:				#817402
}

h3, strong	{
	background-color:	inherit;
	color:				#AD817E
}

h4, em	{
	background-color:	inherit;
	color:				#928512
}

a:link, a:visited, .req	{
	background-color:	inherit;
	color:				#c36
}

.links a:link, .links a:visited	{
	background-color:	inherit;
	color:				gray
}

a:hover, .links a:hover	{
	background-color:	inherit;
	color:				red
}

/*	elements	*/

p#tagline	{
	margin-top:			0;
	padding-top:		88px;
	font-size:			60%
}

h1	{
	clear:		left;
	margin-top:	32px;
	font-size:	2.5em
}

p.pager	{
	margin:		0;
	text-align:	right;
	font-size:	75%
}

hr.final	{
	margin-bottom:	24px
}

a:link, a:visited, a.hover	{
	text-decoration:	none
}

p.unit	{
	white-space:	nowrap
}

/*	EOF	*/