BODY
{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Verdana, Lucida, Arial, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	TEXT-ALIGN: center;
	/*Workaround for pre IE6 to align the wrapper in the middle of the screen*/
}


.Header

{
	WIDTH: 100%;
	background-color : #FFFFFF;
	FONT-SIZE: 0pt;
	TEXT-ALIGN: left;
	/*Workaround for pre IE6 to align the wrapper in the middle of the screen*/
	OVERFLOW: auto;
}

.Footer
{
	WIDTH: 100%;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #CC0000;
	COLOR: White;
	/*FONT-weight : bold;
	*/
}
.Footer A
{
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
.Footer A:hover
{
	COLOR: #DDDDDD;
	TEXT-DECORATION: none;
}
.Footer A:visited
{
	TEXT-DECORATION: none;
}
.Footer  A:link
{
	TEXT-DECORATION: none;
}
.DevFooter
{
	WIDTH: 100%;
	HEIGHT: 20px;
	COLOR: #000000;
	/*FONT-weight : bold;
	*/
}
.DevFooter A
{
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.DevFooter A:hover
{
	COLOR: #404040;
	TEXT-DECORATION: none;
}
.DevFooter A:visited
{
	TEXT-DECORATION: none;
}
.DevFooter  A:link
{
	TEXT-DECORATION: none;
}
.DevFooter .DevLink
{
	FLOAT: right;
	PADDING: 3px 2px 0px 0px;
	FONT-SIZE: 7pt;
}
.DevFooter .SiteMapLink
{
	FLOAT: left;
	PADDING: 3px 0px 0px 2px;
	FONT-SIZE: 7pt;
}
.Wrapper
{
	WIDTH: 750px;
	MARGIN: 0 auto;
}
.BodyWrapper
{
	WIDTH: 100%;
	background-color : #FFFFFF;
	/*background-color : #DDDDDD;*/
	PADDING-TOP: 5px;
	OVERFLOW: auto;
	/*Added to allow the footer to display below the right col float items. Note that for IE, a width is needed in BodyWrapper for this to work*/
}
.TextWrapper {
	PADDING: 0px 5px 2px 5px;
	/*text-align : justify;*/
	OVERFLOW: auto;
}
.TextWrapper H1
{
	FONT-SIZE: 12pt;
	PADDING-BOTTOM: 0px;
	MARGIN-BOTTOM: 0px;
}
.TextWrapper H2
{
	FONT-SIZE: 10pt;
	PADDING-BOTTOM: 0px;
	MARGIN-BOTTOM: 0px;
}
.TextWrapper .left /*Left floating Image*/
{
	FLOAT: Left;
	PADDING: 5px 5px 5px 0px;
}
.TextWrapper .right /*Right floating Image*/
{
	FLOAT: Right;
	PADDING: 5px 0px 5px 5px;
}
.TextWrapper A
{
	COLOR: #CC0000;
	TEXT-DECORATION: none;
}
.TextWrapper A:hover
{
	COLOR: #990000;
	TEXT-DECORATION: none;
}
.TextWrapper A:visited
{
	/*COLOR: gray;*/
	TEXT-DECORATION: none;
}
.TextWrapper  A:link
{
	/*COLOR: gray;*/
	TEXT-DECORATION: none;
}
.RightCol
{
	BORDER-Left: 1px dotted #AAAAAA;
	FLOAT: right;
	WIDTH: 135px;
	/*BACKGROUND-COLOR: gray; Test colour*/
	PADDING: 0px 5px 0px 5px;
	TEXT-ALIGN: left;
	/*Workaround for pre IE6 to align the wrapper in the middle of the screen*/
}
.RightCol H1
{
	FONT-SIZE: 10pt;
}
.RightCol P
{
	border-bottom: 1px dashed #CC0000;
}
.RightCol IMG
{
	MARGIN: 5px 0px 5px 70px;
}
.RightCol A
{
	COLOR: Black;
	TEXT-DECORATION: none;
}
.RightCol A:hover
{
	COLOR: #CC0000;
	TEXT-DECORATION: none;
}
.RightCol A:visited
{
	/*COLOR: gray;*/
	TEXT-DECORATION: none;
}
.RightCol  A:link
{
	/*COLOR: gray;*/
	TEXT-DECORATION: none;
}
.FlashContainer
{
	padding: 15px 0px 10px 5px ;
}	
.NavCol
{
	FLOAT: left;
	WIDTH: 140px;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: left;
	/*Workaround for pre IE6 to align the wrapper in the middle of the 
screen*/
}
.CentreCol
{
	WIDTH: 450px;
	MARGIN: 0 auto;
	/*BACKGROUND-COLOR: #aaaaaa;*/
	/*FONT-SIZE: 11pt;*/
	TEXT-ALIGN: left;
	/*Workaround for pre IE6 to align the wrapper in the middle of the 
screen*/
}
.LeftCol
{
	FLOAT: left;
	WIDTH: 600px;
	/*FONT-SIZE: 11pt;*/
	MARGIN-BOTTOM: 5px;
	/*Spacer for when boxes are below*/
	/*Should be the same as the other box backgrounds */
	
	TEXT-ALIGN: left;
	/*Workaround for pre IE6 to align the wrapper in the middle of the screen*/
}