/*	claro.css	Style sheet for Web pages
	Begun 18/07/04		*/

/*	body	*/

body	{
	margin:			2% 2% 40px;
	font-family:	Verdana, Helvetica, Geneva, Arial, sans-serif
}

body.framework	{
	margin:			5% 1%;
	background:		url( media/bbmargin.gif ) repeat-y
}

body.texter	{
	margin:	2% 8% 40px 8%
}

/*	divisions	*/

p.transforming	{
	border:				1px solid #39c;
	padding:			4px 8px;
	background-color:	#dcdcdc;
	font-size:			60%;
	text-align:			center
}

p#box1	{
	float:	left
}

p#box2	{
	margin-left:	40%;
	margin-right:	40%
}

p#box3	{
	float:	right
}

div.addresses	{
	margin-left:	5%
}

div.locator	{
	margin-top:	32px;
	font-size:	80%
}

h1	{
	margin-top:		40px;
	margin-bottom:	20px;
	text-align: 	center
}

h2	{
	margin-bottom:	36px;
	text-align:		center
}

h3	{
	margin-top:	36px
}

h5#timer	{
	text-align:		center
}

div.boxquote {
	margin-top:		40px;
	margin-bottom:	40px;
	border:			3px solid #39c;
	text-align: 	center
}

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

div.major	{
	text-align:	center
}

div#option1	{
	position:	absolute;
	top:		286px;
	left:		10%;
	right:		70%
}

div#option2	{
	margin-top:		38px;
	margin-left:	40%;
	margin-right:	40%
}

div#option3	{
	position:	absolute;
	top:		286px;
	left:		70%;
	right:		10%
}

div.qanda	{
	margin:	0 5% 0 10%
}

.qanda h3	{
	margin-top: 5%
}

.question img	{
	width:			200px;
	height:			200px;
	margin-left:	40%;
	border:			0
}

.question p	{
	padding:	12px 8px;
	margin:		1% 20% 4% 30%;
	border:		2px solid green;
	font-size:	80%;
	text-align:	center
}

div.owners	{
	float:		right;
	font-size:	66%
}

/* for forms	*/

body.formholder	{
	margin:			5% 7% 3% 10%;
	background:		url( media/bbmargin.gif ) repeat-y
}

div.formbox {
	margin-top:		40px;
	margin-bottom:	40px;
	border:			3px solid #742570;
	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#logo	{
	margin-top:	5%;
	width:		435px;
	height:		183px;
	border:		0
}

img#tlogo	{
	width:	120px;
	height:	50px;
	border:	0
}

img.bigbutton	{
	width:	150px;
	height:	150px;
	border:	0
}

/*	colours	*/

.separator, .req, a:link, h5#timer	{
	color:	#c36	/* pink */
}

h2, h3, hr, .locator em	{
	color:	#39c		/* 'baby blue' */
}

.formholder h2, .formholder h3	{
	color:	#742570		/* purple */
}

legend	{
	color:	blue
}

#mission h3	{
	color: black
}

hr	{
	background-color:	#39c
}

a:visited, a:hover	{
	color:	red
}

p.tip	{
	color:	#39c
}

/*	elements	*/

p.address	{
	margin-left: 5%
}

p.comment	{
	font-size:	80%
}

ul li	{
	margin-bottom:	4px
}

.separator	{
	text-align: center
}

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

a:hover	{
	text-decoration:	underline
}

span.unit	{
	white-space: nowrap
}

/*	EOF	*/