/*	wcbart.css	Style sheet for Web pages
	Begun 25/02/07
*/

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

.central	{
	text-align:	center
}

.grouped	{
	padding-left: 40px
}

/*	divisions	*/

.ahead	{
	margin:		0 auto;
	padding:	0;
	background:	#D1E3F4 url( media/trcorner.gif ) no-repeat top right
}

.ahead h1	{
	padding:	32px 0 0 40px;
	background: url( media/tlcorner.gif ) no-repeat top left
}

.ahead2	{
	margin:		0 auto;
	padding:	0;
	background:	url( media/blcorner.gif ) no-repeat bottom left
}

.ahead2 p	{
	padding:	0 0 32px 40px;
	background: url( media/brcorner.gif ) no-repeat bottom right
}

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

.grabber	{
	margin:		5% 10%;
	padding:	16px 32px 8px;
	border:		2px solid red
}

.grabber h2	{
	margin-top:		0;
	padding-top:	0
}

.main	{
	margin-top:		48px;
	margin-bottom:	64px
}

.public	{
	margin:	0 10% 40px
}

#logo	{
	margin-bottom:	2%
}

.public dt	{
	padding:		10px 0 0;
	font-weight:	bold
}

.public h3	{
	margin-top:	40px
}

.special	{
	width:			20%;
	padding:		12px;
	border:			1px dashed red;
	margin-bottom:	12px;
	margin-left:	24px;
	float:			right
}

div.special h2	{
	background:	url( media/swirlsmlp.gif ) no-repeat center;
	text-align:	center
}

/*	tables	*/

table.menu	{
	margin-top:			8px;
	width:				100%;
	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
}

table.menu td.here	{
	font-weight:	bold
}

/*	images	*/

img	{
	border:	0
}

img.icon	{
	margin:	2px 8px 4px 0;
	float:	left
}

img.illustration	{
	margin:	8px 0 4px
}

img.left	{
	margin-right:	2%;
	margin-bottom:	5px;
	float:			left
}

img.right	{
	margin-left:	2%;
	float:			right
}

/*	colours	*/

a:visited	{
	background-color:	inherit;
	color:				#390
}

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

dd, ol, p, span.noscript, span.straight	{
	background-color:	inherit;
	color:				black
}

.public dt	{
	background-color:	inherit;
	color:				black
}

.public	h3	{
	background-color:	#FFF5E3	/* sandy */
}

.special	{
	background-color:	#FFE7E3
}

.standout	{
	background-color:	white;
	color:				red
}

p.callout	{
	background-color:	#FFE7E3
}

span.example	{
	background-color:	inherit;
	color:				#9A9AB9	/* a grey tinted blue */
}

span.prominent	{
	background-color:	#FFF5E3
}

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
}

/*	elements	*/

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

a:hover	{
	font-weight:	bold
}

dd	{
	margin: 1% 0 1% 2%
}

dd, ol, p, span.noscript, span.straight	{
	font-size:	75%
}

dl	{
	margin-bottom:	2%
}

dl p, dt	{
	font-size:		90%
}

dl#bk	{
	background:	url( media/blue-notes.gif ) no-repeat center;
}

dl#gn	{
	background:	url( media/red-target.gif ) no-repeat center;
}

dl#pd	{
	background:	url( media/red-nogo.gif ) no-repeat center;
}

dl#wt	{
	background:	url( media/green-tick.gif ) no-repeat center;
}

h1	{
	font-size:	110%
}

h2	{
	font-size:	100%
}

h3	{
	font-size:	90%;
}

h4	{
	clear:	both;
	margin-bottom:	0
}

li.sub, ol.titles li	{
	padding-bottom:	8px
}

ol li	{
	line-height:	125%;
	padding-bottom:	4px
}

p.breadcrumb	{
	text-align:	right
}

p.callout	{
	margin-left:	40%;
	padding:		4px 16px
}

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

p.final	{
	margin:		0;
	padding:	0
}

p.links	{
	clear:		both;
	margin:		3% 0;
	padding:	2px;
	border:		1px solid #98BAE4
}

p.standout	{
	margin-top:		25px;
	font-family:	'Lucida Console', Monaco, monospace;
	font-size:		100%
}

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

pre, span.code	{
	font-family:	'Courier New', Courier, monospace;
	font-size:		110%
}

span.tiny	{
	font-size:	75%
}

/*	EOF	*/