html, body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 img {
	display: block;
}
img {
	border: 0;
}

a {
	font-weight: normal;
	font: 14px;
	color: Firebrick;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}
body {
	background: url(images/background.gif) repeat;
	font: 14px arial;
	color: Black;
}

table.tablecolour {
	background:Firebrick;
}
table.tablecolour a{
	color:LightYellow;
}
table.tablecolour a:hover {
	text-decoration:underline;
}

table.tablemaincolour {
	background:LightYellow;
}
table.tablemaincolour a{
	color:Firebrick;
}

table.tablemaincolour a:hover {
	text-decoration:underline;
}

table.tableinner {
	background:Firebrick;
}

h1 {
	height: 95px;
	font-weight: normal;
	font: 22px arial;
	line-height: 95px;
	text-indent: 23px;
	width: 400px;
}
h1 span {
	font-size: 30px;
}

ul
{
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

#nav a
{
float:left;
width:120px;
text-decoration:none;
color: Yellow;
background-color:Firebrick;
font: 18px arial;
font-style: italic;
font-weight: strong;
padding:8px 8px;
border:1px solid Firebrick;
}


#nav a:hover
{
background-color:#8f2222;
color:Yellow;
font: 18px arial;
font-weight: strong;
font-style: italic;
}


li {display:inline}

#navspace
{
float:left;
width:120px;
text-decoration:none;
color: Yellow;
background-color:Firebrick;
font: 8px arial;
font-style: italic;
font-weight: strong;
padding:8px 8px;
border:1px solid Firebrick;
}


/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 24px;
  cursor: hand;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=3);

  /* Needed for Gecko */
  line-height: 25px;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

#popupcontent{   position: absolute;   visibility: hidden;   overflow: hidden;   border:1px solid #CCC;   background-color:#F9F9F9;   border:1px solid #333;   padding:5px;}