/*	sgv.css	Style sheet for Web pages
	Begun 25/08/07
*/

*	{
	margin:		0;
	padding:	0
}

body	{
	background:		white url( media/gradient1.gif ) repeat-x fixed;
	padding-bottom:	24px;
	font-family:	'Trebuchet MS', Helvetica, sans-serif;
	color:			#37271b	/* 'dark water' */
}

.central	{
	text-align:	center
}

.extra	{
	text-align:	right
}

.independent	{
	clear:	both
}

/*	divisions	*/

div.expo	{
	padding-bottom:	15px
}

div.expo2	{
	padding:	0 75px 15px 0
}

.expo p, .expo2 p	{
	padding:	10px 2px
}

.expo ul	{
	margin:				4px 0 0;
	list-style-image:	url( media/arrowred.gif )
}

.expo li	{
	padding:	0 0 5px
}

.expo2 ol	{
	margin:	0 0 10px 90px
}

div.intro	{
	float:			left;
	margin-right:	50px
}

div#main	{
	width:		800px;
	margin:		16px auto 24px auto;
	padding:	0 24px 12px;
	background:	white;
	border:		1px solid #37271b
}

div#map1	{
	width:		780px;
	height:		560px;
	border:		1px solid #9999cc;
	margin:		5px auto 20px auto
}

div#navbar	{
	float:			left;
	width:			100%;
	font-size:		90%;
	line-height:	normal;
	border-bottom:	1px solid #37271b
}

#navbar ul	{
	padding:	8px 0;
	list-style:	none;
	text-align:	right
}

#navbar li	{
	display:	inline
}

#navbar a, li#here span#outer	{
	float:				left;
	background:			url( media/edge.gif ) no-repeat left top;
	padding-left:		4px;
	text-decoration:	none
}

#navbar a:hover, li#here span#outer	{
	background-position:	0% -42px
}

#navbar a span, li#here span#inner 	{
	display:	block;
	background:	url( media/base.gif ) no-repeat right top;
	padding:	5px 15px 4px 6px
}

#navbar a:hover span, li#here span#inner	{
	background-position:	100% -42px
}

/*	images	*/

img	{
	padding:	1px;
	border:		1px solid #9999cc
}

img#first	{
	margin-top:	0
}

img.post	{
	float:	right;
	margin:	0 0 20px 20px
}

img.pre	{
	float:	left;
	margin:	20px 25px 20px 0
}

p.thumb img	{
	float:	left;
	margin:	2px 25px 0 0
}

img.separator	{
	padding:	0;
	border:		0
}

/*	colours	*/

a:visited	{
	background-color:	inherit;
	color:				#990099	/* a purple */
}

a:link	{
	background-color:	inherit;
	color:				blue
}

a:hover	{
	background-color:	inherit;
	color:				#0099ff	/* a brighter blue */
}

div.expo, div.expo2	{
	background-color:	#fffde8	/* 'white hot' */
}

div#navbar a span	{
	background-color:	inherit;
	color:				#666	/* a grey */
}

div#navbar a:hover span	{
	background-color:	inherit;
	color:				white
}

h1	{
	background-color:	inherit;
	color:				#9999cc	/* a blusih grey */
}

h2, h3, p#timer	{
	background-color:	inherit;
	color:				#6666bb	/* a bit darker */
}

iframe#cal	{
	background-color:	transparent
}

span.prominent	{
	background-color:	inherit;
	color:				#d3001b	/* a red, also in home page arrows */
}

table#distances	{
	background-color:	white
}

table#distances th	{
	background-color:	inherit;
	color:				#6666bb
}

/*	elements	*/

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

h1	{
	padding:	16px 0 10px;
	font-size:	240%
}

h2	{
	padding:	15px 0 10px;
	font-size:	180%
}

h3	{
	font-size:	120%
}

h3#caption1	{
	float:	left
}

h3#caption2	{
	margin-left:	330px
}

h3.guide	{
	margin:	30px 15px 20px 0;
	float:	left
}

h3.list-head	{
	margin:	12px 0 0 152px
}

iframe#cal	{
	width:				780px;
	height:				1320px;
	margin-left:		10px;
	border:				1px solid #9999cc
}

p#backlink	{
	background:	url( media/back-arrow.gif ) left 25% no-repeat
}

p.filler	{
	clear:	left
}

p.last	{
	padding-bottom:	22px
}

p.last img	{
	margin-bottom:	20px
}

p#onlink	{
	background:	url( media/more-arrow.gif ) top right no-repeat
}

p.sub	{
	font-size:	80%;
	padding:	2px 0
}

p.thumb	{
	clear:	left
}

p.thumblet	{
	clear:			left;
	margin-left:	152px
}

p#timer	{
	padding-top:	65px;
	text-align:		right
}

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

table#distances	{
	float:	right;
	border:	1px solid #9999cc
}

table#distances td	{
	text-align:	left;
	padding:	4px 8px
}

table#distances th	{
	text-align:	center
}

table#pages	{
	width:		100%;
	margin-top:	24px;
	font-size:	130%
}

table#pages td	{
	padding-bottom:	16px;
	text-align:		center
}

table#rates	{
	width:	95%;
	margin:	20px 0 20px 5%
}

/*	EOF	*/