/*  ALSTROM SYNDROME */
/*    October 2007   */

html {
min-height: 101%; /* Force a Scrollbar in Firefox to prvent jumping on shotrt pages */
}
body	{ /* Page colour and spacing */
	background-color: #c0c0c0;
	color: #000;
/* padding: 10px 20px; */
}
#wrapper	{
	max-width: 876px;
	margin: 0 auto;
}
#envelope	{
	margin: 0 auto;
	border-left: 200px solid #427b84;
	border-right: 4px solid #427b84;
	color: #000;
	background-color: #fff;
	min-height: 400px;
}
#header	{
	height: 74px;
	margin-left: -200px;
	background-image: url(images/filler.jpg);
	background-repeat: repeat-x;
	}
#textbox	{
	min-height:495px;
	padding: 0 10px;
	background-image: url(images/background.gif);
	background-position: top right;
	background-repeat: repeat-y;
}
#footer	{ /* Page Footer with Logo on the right */
	height: 70px;
	background-color: #427b84;
	color: #000;
	padding: 0;
	margin-top: 20px;
	margin-left: -196px;
	background-image: url(images/hand2.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#footer p	{ /* Format the footer paragraph text */
	padding-top: 25px;
	color: #fff;
	background-color: transparent;
	font: 600 100% Georgia, Garamond, serif;
	text-align: center;
}
#navbox	{
	position: absolute;
	width: 170px;
	float: left; 
	margin: 10px 0 0 -185px;
	padding-bottom: 20px;
	color: #ffd700;
	background-color: transparent;
}
#navigation { /* Use a List to display the Nevigation. */
	list-style: none; /* No Disc etc. in front of items */
	margin: 0; 
	padding: 0; 
	background-color: transparent; 
	color: #fff; 
	text-align: left; 
} 
ul#navigation li a:link , ul#navigation li a:visited { /* Format the Link display */
	color: #ffd700; 
	background-color: transparent;
	text-decoration: none; 
	display: block; 
	font: 900 .8em "Trebuchet MS", Arial, sans-serif; 
	width: 100%; 
	padding: 3px; 
	text-align: left; 
} 

ul#navigation li a:hover { /* Format the Mouse over Link display */
	background-color: #dda42a; 
	color: #fff; 

} 
ul#navigation ul	{
	list-style: none; 
}
/* SUB NAVIGATION */	
ul#navigation ul li a:link, ul#navigation ul li a:visited	{
	width: 110%;
	height: 1.2em;
	line-height: 1.2em;
	margin-left: -25px;
	margin-bottom: 2px;
	border: 1px solid #ffd700;
}

/* TEXT FORMATTING */
h1, h2, h3 { /* Chapter or Paragraph Headers - These must be used in order if importance */
	color : #000; 
	background-color: transparent;
	font-family : Georgia, Garamond, "Times New Roman", serif; 
	font-weight : 900; 
	margin: .25em 0;
	text-align : left; 
} 
h1 { /* Level 1 Heading - Main Headings only */
	font-size : 165%; 
} 
.logo	{
	color: #ffd700;
	background: transparent;
	text-align: center;
	font-size: 125%;
	margin-top:50px;
	padding-top:50px;
	border-top: 1px solid #ffd700;
}
h2 { /* Level 2 Heading - next most important Headings */
	font-size : 125%; 
} 
h3 { /* Level 3 Heading - least important headings */
	font-size: 112%;
} 
#textbox p	{ /* Standard Paragraph */
	background-color: transparent; /* Background colour */
	color: #363636; /* Text colour */
	font: 600 1em "Trebuchet MS", Arial, sans-serif; /* Font weight, size and font face; */
	text-align: left; /* Left align the text */
}
#textbox p.centre	{ /* Centre a Paragraph */
	text-align: center;
}
#textbox p.bold	{ /* Maka a Paragraph Bold Text */
	font-size: 1.1em;
	font-weight: 900;
}
#textbox .conformance	{ /* Th box with the W3 Logos on the front page */
	width: 480px;
	border: 3px double #000;
	margin: 40px auto 10px auto;
	padding: 10px 0;
	font-size: 90%;
	color: #000;
	background-color: transparent;
	text-align: center;
}
.red	{
	color:#ff0000;
	background: transparent;
	font-weight: 900;
}
.centre	{
	text-align: center;
	}
.bold	{
	font-size: 1.1em;
	font-weight: 800;
}

/* LINKS */
a, a:visited	{ /* Format Links in the text */
	color: #0000ff; /* Link colour */
	background-color: transparent; /* Background colour */
	font-size: 1.1em; /* Font size */
}
a:hover	{ /* Change Link when the Mouse is over */
	color: #fff; /* Link colour */
	background-color: #0000ff; /* Background colour */
}
.imglink:hover	{
color: #fff;
	background-color: transparent;
}
a.box	{
	display: block;
	width: 11em;
	margin: 0 auto;
	padding: .25em;
	color: #ffd700;
	background-color: #427b84;
	border: 4px outset #427b85;
	text-align: center;
	text-decoration: none;
}
a.box:hover	{
		border: 4px inset #427b84;
		color: #000;
		background-color: #ffd700
}
/* UNORDERED & ORDERED LISTS */
#textbox ul	{ /* Set a Disc to start each List item  */
	list-style: disc;
}
#textbox li	{ /* Format the List items */
background-color: transparent; /* Background colour */
color: #363636; /* Text colour */
font: 600 .9em "Trebuchet MS", Arial, sans-serif; /* Font weight, size and font face */
padding-bottom : 8px; /* spacing below each List item */
}
/* Site Map */
#map ul	{
	list-style: none;
}
#map li	{
	background-color: transparent; /* Background colour */
	color: #363636; /* Text colour */
	font: 600 1em "Trebuchet MS", Arial, sans-serif; /* Font weight, size and font face */
	padding-bottom : 6px; /* spacing below each List item */
}
#map a	{
	text-decoration: none;
}

/* IMAGES */
img	{ /* Ensure no borders on images used as links */
	border: 0;
}

.clearboth	{ /* Ensure text clears all graphics on a line */
	clear: both;
}
.clearleft	{/* Ensure text clears all graphics on the left of a line */
	clear: left;
}
.imageleft	{ /* Place an image on the left of the screen and put a margin on the right.*/
	float: left;
	padding-right: 10px;
}