/*	wcb1.css	Style sheet for Web pages
	Begun 29/11/06
*/

body	{
	width:			960px;
	margin:			1% auto 48px;
	background:		white;
	font-family:	Verdana, Geneva, sans-serif;
	color:			#336		/* a dark blue, in photo */
}

.central	{
	text-align:	center
}

/*	divisions	*/


div#logo	{
	margin:	0
}

div#main	{
	margin:			0;
	padding-top:	8px;
	background:		#FFE7E3	/* a light sandy pink */
}

div#check	{
	margin:			0;
	padding-top:	1px;
	padding-bottom:	2px;
	border-bottom:	1px solid #523366
}

div#footer	{
	clear:		both;
	margin-top:	32px;
	border-top:	1px solid black;
	background:	url( media/medsea.jpg ) no-repeat right
}

/*	forms	*/

form#cid, form#clogin, form#login	{
	width:		66%;
	font-size:	90%
}

form#cid	{
	margin:	12px auto 64px
}

form#clogin	{
	margin:	0 auto
}

form#domcheck, form#params	{
	margin:		8px auto;
	padding:	0
}

#dcheck p, #params p	{
	text-align:	center
}

form#login	{
	margin:	36px auto 64px
}

div.row	{
	clear:	both
}

#cid div.row	{
	margin-top:	12px
}

.row label	{
	float:		left;
	width:		40%;
	text-align:	right
}

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

input, select	{
	margin-bottom:	8px
}

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

#cid fieldset	{
	padding-bottom:	16px
}

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

/*	tables	*/

table#forms	{
	width:	100%;
}

#forms tr	{
	vertical-align:	top
}

table.menu	{
	margin-top:		8px;
	width:			99.9%;
	font-size:		75%;
	text-align:		center
}

table.menu a:hover	{
	font-weight:	normal
}

table.menu td	{
	background:	 #336 url( media/botright.gif ) no-repeat right
}

/*	images	*/

img	{
	border:	0
}

/*	elements	*/

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

a:hover	{
	font-weight:	bold
}

input, label, li, p, select, span.noscript, textarea	{
	background-color:	inherit;
	color:				black;
	font-size:			75%
}

h2	{
	margin:			0;
	padding-top:	24px;
	padding-bottom:	24px;
	font-size:		100%;
	text-align:		center;
	background:		url( media/swirlsmlp.gif ) no-repeat center
}

h3	{
	margin-bottom:	0;
	padding:		0;
	font-size:		77%;
	text-align:		center
}

#domcheck h3	{
	margin-top:		0;
	padding-top:	24px;
}

input#reset, input#submit, input#inward, input#onward	{
	font-size:	95%
}

input.radio, input#domain, input#hope, input#reg	{
	vertical-align:	bottom
}

p.button, p.message	{
	text-align:	center
}

p#dater	{
	text-align:		right;
	font-size:		66%;
	line-height:	200%
}

p.apt input	{
	font-size:	90%
}

p.step	{
	margin:		0;
	padding:	0;
	text-align:	center
}

p.unit	{
	display:		inline;
	white-space:	nowrap
}

p.warning, p.welcome	{
	width:		66%;
	padding:	0;
	margin:		0 auto;
	text-align:	center
}

p.welcome	{
	padding-bottom:	16px
}

span.tiny	{
	font-size:	80%
}

/*	colours	*/

a:visited	{
	background-color:	inherit;
	color:				#390	/* a lighter green */
}

a:link, a:hover	{
	background-color:	inherit;
	color:				green
}

h3	{
	background-color:	inherit;
	color:				#523366	/* a purple from the dark blue */
}

input#reset	{
	background-color:	#390;
	color:				white
}

input#submit, input#check, input#inward, input#onward	{
	background-color:	green;
	color:				white
}

p.hopeful	{
	background-color:	inherit;
	color:				green
}

p.warning, span.key	{
	background-color:	inherit;
	color:				red
}

table.menu	{
	background-color:	white;
	color:				#97BAE4	/* blue from photo */
}

table.menu a:visited, table.menu a:link, table.menu a:hover	{
	background-color:	inherit;
	color:				white
}

/*	EOF	*/