/* ### THE CHANGI MURALS ### */
/* Copyright 1999 - 2005 Peter W. Stubbs */

/* BODY */
body	{
	background: #ffa;
	color: #000;


	}
#wrapper	{
	background: #ffeb77;
	color: #000;

	width: 950px;
	margin: 15px auto;
	border: 3px solid #ffd700;
}
#header	{
	width: 650px;
	margin: 5px auto 0 auto;
	border: thick groove #ffd700;
	padding: 0 5px;
}


#body	{
	margin: 0 1%;
}


#footer	{
	border-top: thin solid #ffd700;
	padding: 0;
}

/* TEXT FORMATTING */
h1, h2	{
	background: transparent;
	color: #000;
	text-align: center;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: 900;
}
h1	{
	font-size: 225%
}

h2	{
	font-size: 175%;
}
p.header	{
	background: transparent;
	color: #000;
	font: 600 115% Georgia, "Bookman Old Style", serif;
	padding-top: -2em;
}
p	{
	background: transparent;
	color: #000;
	font: 600 100% Georgia, "Bookman Old Style", serif;
}
.centre	{
	text-align: center;
}
.centrebold	{
	text-align: center;
	font-size: 110%;
	font-weight: 900;
}
.bold	{
	font-weight: 900;
}
/*
.centrereversed	{
	width:40em; 
	margin: 0 auto;
	padding: .25em;
	background: #000;
	color: #ffeb77;
	text-align: center;
}
*/
.small	{
	font-size: 70%;
	font-weight: 500;
}
.smallbold	{
	font-size: 80%;
	font-weight: 700;
	padding-left: 2em;
}
.reverse	{
/*	margin: 0 auto 1em auto; */
	background: #000;
	color: #ffeb77;
	font-size: 75%;
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-weight: 900;
	width: 270px;
	float: right;
	border: thick double #000;
	text-align: center;
}

#centrebox1	{
	margin:  0 auto;
	width: 620px;
	height: 270px;
}
/*
#centrebox2	{
	margin:  0 auto;
	width: 595px;
	height:100px;
}
*/
.centreboxleft	{
	float:left;
	margin-top: 0;
	width: 293px;
	border: 1px solid #000;

}
.centreboxright	{
	float: right;
	width: 293px;
	border: 1px solid #000;
}



/* ###  NAVIGATION ###*/
#navcontainer	{
	border: thick groove #ffd700;
	width: 125px; /* Width of images plus padding */
	float: left;
	margin: .75em .5em 0 0;
	padding: .75em 0 .5em .1em;
	background-color: #ffe544;

	/* margin: 0 auto 0 auto; Centre the navigation container */
}
#navcontainer ul	{ /* List set-up */
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#navcontainer ul li { /* List Item set-up */
	float: left;
	display: block;
	border: 0;
	width: 120px; /* Width to suit background image */
	margin:0;
}
#navcontainer ul li a	{
	background: url(graphics/up.gif) no-repeat top left;
	color: #000;
	float: left; 
	margin: 0 0 0 0;
	height: 35px; /* Height to suit image */
	width: 120px; /* Width to suit image */
	padding: .35em 0 0 0; /* Top Padding to suit for Font */
	font: 900 75% "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	text-align: center; /* Place text in the centre of the cell */
/*	line-height: 1em; */ /*Required for two lines of text */
}

#navcontainer li a:hover	{
	background: url(graphics/down.gif) no-repeat top left;
	color: #000;
}

/* ### HORIZONTAL NAVIGATION #### */

#navcontainerhoriz	{
	height: 35px;
	border: 0;
	width: 250px; 
	padding: .5em 0 0 0;
	margin: 0 auto;
}
#navcontainerhoriz ul	{ 
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#navcontainerhoriz ul li { 
	float: left;
	display: block;
	width: 120px;
	padding: 0 2px 0 2px; 
}
#navcontainerhoriz ul li a	{
	color: #000;
	background: url(graphics/up.gif) no-repeat top left;
	float: left; 
	margin: 0 0 0 0;
	height: 35px; 
	width: 120px; 
	padding: .5em 0 0 0; 
	font: 900 70% "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	text-align: center;
}
#navcontainerhoriz li a:hover	{
	background: url(graphics/down.gif) no-repeat left top;
	color: #000;
}

/* #### ORDINARY NAVIGATION ####*/
a	{
	background: transparent;
	color: blue;
	font-size: 110%;
	text-decoration: none;
}
a:hover	{
	background: blue;
	color: #ffeb77;
}

#navhorizontal	{
	border: 1px solid red;
	width: 200px;
	margin: 0 auto;
}
a.image	{
	border: 0;
}
a.image:hover	{
	background: transparent;	
}



img.header	{
	border: 0;
	padding: 0;
}
img	{
	border: 0;
}
.pad	{
	padding: 0 5px;
}
.right	{
	float: right;
	padding-left: 10px;
}
.left	{
	float: left;
	padding-right: 10px;
}
img.linkleft	{
	float:left;
	border: solid medium #fff;
	padding-right: 10px;
}
img.linkright	{
	float:right;
	border: solid medium #fff;
	padding-left: 10px;
}
img.link	{
	border: solid medium #fff;
	padding: 0 5px;
}

.clearleft{
	clear: left;
}
.clearright	{
	clear: right;
}
.clearboth	{
	clear: both;
}
li	{
		font: 500 90% Georgia, "Bookman Old Style", serif;
}