/*	jottings.css	Style sheet for Web pages
	Begun 17/01/05
*/

body	{
	margin:		2% 1% 24px 2%;
	padding:	0;
	font:		0.8em "Trebuchet MS", Helvetica, sans-serif
}

/*	divisions	*/

.col1	{
	margin:		2% 4% 0 0;
	width:		192px;
	height:		700px;
	background:	url( ../media/blue3.gif ) no-repeat;
	float:		left
}

.col3	{
	margin:		2% 1% 0 4%;
	width:		240px;
	float:		right
}

.col2	{
	margin:	2% 0 0 0
}

/*	images	*/

img	{
	border:	0;
	margin:	0 24px 0 0;
	float:	left
}

/*	colours	*/

h1 span	{
	color:	#aaa
}

.col2 h2	{
	color:	#b8a24d
}

a:link, a:visited	{
	background-color:	inherit;
	color:				maroon
}

.col1 a:link	{
	background-color:	inherit;
	color:				white
}

.col1 a:visited	{
	background-color:	inherit;
	color:				silver
}

a:hover	{
	background-color:	inherit;
	color:				red
}

.col1 a:hover	{
	background-color:	inherit;
	color:				#f0f674	/* a pale yellow */
}

/*	elements	*/

h1	{
	margin:	0;
	font:	400% Arial, Helvetica, sans-serif
}

h2	{
	font-family:	Arial, Helvetica, sans-serif
}

hr	{
	clear:	both;
	margin:	0
}

.col1 h3	{
	margin:		18px 0 8px 0;
	padding:	4px;
	color:		black;
	font-size:	120%;
	text-align:	center
}

.col1 h3.title	{
	margin:		0;
	padding:	6px 12px;
	font-style:	italic
}

.col2 h4	{
	margin:	32px 0 0 0;
}

.col3 h4	{
	margin:				0;
	padding:			6px;
	text-align:			center;
	color:				white
}

.col3 h4#first	{
	background-color:	#ff7f50;
}

.col3 h4#second	{
	background-color:	#b0171f;
}

.col3 h4#third	{
	background-color:	#bdb86b;
}

.col3 h4#fourth	{
	background-color:	#9932cc;
}

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

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

a:hover	{
	text-decoration:	underline
}

.col1 a:hover	{
	text-decoration:	none
}

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

/*	EOF	*/